HTML / CSS Forum

I have a very simple navigation "menu" in the middle of my page. It is three simple links and it lays out horizontally. To achieve this, I used the following table: <table align=center width="40%"> <tr> <td align=left width="13%"><a href="#auctions">Auctions</a></td> <td align=center width="13%"><a href="gallery.htm">Gallery</a></td> <td...

Is doing this bad: <h3>Some title or other...<a href="#pagetop">back to top</a></h3> I have a feeling it is... My problem is I'm using CSS to style the H3 into a block that spans the whole containing element. I would like the <a> to appear next to the title, but I'm sure this is bad practice (for screen readers and heading-level...

http://www.firasd.org/scrapbook/poetry/robinson-edwin/minivercheevy.html This is probably wishful thinking, but it's worth a shot.. is there a way to put four different images on the corners of the bordered div? To make it look framed, kinda?

Hi I have a title with a title gif: <h1><img src="mytitle.gif" alt="This is my title"></h1> So this is text-based browser and search-engine friendly and can be easily formatted with a style sheet. Now I have a separate stylesheet for media="print". As the title gif does

From: "Alan J. Flavell" <flavell@ph.gla.ac.uk> Subject: Re: zen question Date: 17. lipanj 2004 9:29 On Wed, 16 Jun 2004, Laurence Tureaud wrote, quoting: > a resource we can all refer to when making the case for <acronym > title="Cascading Style Sheets">CSS</acronym>-based design. "CSS" is not an acronym, though.

Hi, Here's what I have: <div> <img ...><br> Caption text </div> The div is floated left and has no width set, the content is centered, there are no margins or padding on the <img> (just a bottom margin and

Hi, the following div is 38 pixels high in IE and Opera, however 42 pixels in Firefox (apparently it calculates the height exclusively the border width) <div style="background-color: #000000; height: 38px; border: 2px solid #FF0000;"></div> Now, I dont know which of them is right, but I would like to know

Is anyone able to improve on this solution, and enable me to do without tables completely? http://www.cs.man.ac.uk/~daf/i-p-c-s.org/faq/gallery_old.php uses a table to lay out the thumbnails and their captions. This a) uses a table, b) wastes space when the window is large and c) overlaps the RHS div when the window is small. I use the...

On many web sites or pages (including my own home page) clicking on certain links will start downloading a PDF file, sometimes without the author having provided any warning in the text of the page that this is going to happen (although in some -- all? -- browsers the "next link" line at the bottom of the browser window may show that the next...

Ok. I want to settle this once and for all. After looking at the source for various, rather sizeable (but not all were so big) web sites that use icons that show up in the addressbar beside the address itself. Just about all websites that use said icons use one of these two methods (some use both even) to make them appear (in the code of a...

I have a home-made website that provides a free 1100 page physics textbook. It is written in html and css. I recently added some chinese text, and since that day there are problems. The entry page has two chinese characters, but these are not seen on all browsers, even though the page is validated by the w3c validator. (...

Hello, I have a page with a usual mouseover link highlight effect eg.: a:hover {color: #ff0000; text-decoration: none;} I also have some anchor links such as: <a href="#jalfrezi">Jalfrezi</a> | <a href="#vindaloo">Vindaloo</a> | etc...

I am dabbling with print CSS for the first time and I need some guidance. The web pages on my site look fine - to my untrained eye - when displayed on the monitor in any of the standard browsers. However, I am new to print CSS and am having trouble getting the text on my printed pages to flow correctly. I know that I need a separate CSS...

Any help greatly appreciated. The validated page is at: http://myweb.stedwards.edu/michaelo/ddtab.htm The trouble is with the radio buttons (2/3-down the left column). The radios are displaying a line above their respective labels. Here are the html and css snippets: <fieldset class="radio"> <legend>Credit card</legend>

Hi All, This is doing my head in! Please help. I've built a simple <ul> to serve as a menu for a page I'm working on. I have tested the menu in Mozilla Fireworks 1.5 and it's fine - nice and compact with no extra spacing - but in Microsoft Internet Explorer 6 there are huge gaps between each list item. URL...

I shall jump on the XHTML bandwagon. I run my perfectly good html4/strict pages thru $ tidy -asxhtml -utf8 #to get: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"...

Created: http://www.websitesamples.j-starks.com/bio/ and attempted XHTML Transitional validation. Came up with 13 errors that do not make sense. Please do same and tell me what it is asking for, for example, on line 29, column 25: <hr width="50" noshade />. Is it telling me to eliminate the space between the letter "e" and the "/"? Is it...

apologies if this has been done to death already... I have been a webdev for many years now, and I have mastered the art or layout with tables. I now see many newcomers rubbishing table layout techniques in favour of CSS layout techniques. When DIVs and layers first became available they were poorly supported, degraded badly and were...

Hi folks I want to enhance my website to distinguish "external" hyperlinks from "internal" ones. With that aim, I've written the following two small files for testing purposes: C:\styles.css:

Hello, I'm having a problem with the css hover effect in IE. I have an <a> tag with the following CSS: a.subNavItem { display:block; color:#464645; padding:2px 7px 4px 6px; font-family:verdana,arial,helvetica,sans-serif;

i know its a simple question, but how would i align a <table> tag to the center of the page, using css? thanks

I have a site up and running (www.solsoft.gr). I tested it with FF2 and IE6 and works ok with some IE hacks. Ok the CSS isn't good cause I started designing it with another look and the customer ended up wanting a 3-column layout. Now I see that IE7 mess things up. First of all there's a left margin which I don't know why it exists....

http://dardel.info/Eau.html What I wanted to achieve was not really complicated: essentially a left hand column with a 75% width, and a right hand column containing occasional right-flush picts, plus some stuff filling the whole horiz space. I developed that very nicely, it was exactly what I wanted under Safari or Firefox (Mac), but...

I'm trying to center this banner, it's in a div that has the same width so it's not exactly "centering" but it's screwed up, It works in safari but in Firefox it's messed up. I uploaded a Video to show what I'm talking about. http://screencast.com/t/i5SLg3cAczH (*WARNING, TAKES A WHILE TO LOAD*) *HTML* <html> <head> <title>James Mann...

On 2008-07-09, Denis McMahon wrote: If the left-hand column contains any text, use em rather than px to size it. In CSS, less is more. Most problems are caused by specifying too much rather than too little. The default width of a block element is 100%; you don't need to specify it.