Images, CSS, and XHTML compliance.

digitalruse
(@digitalruse)

21 years ago

I have tried my damnedest to get this to work and make it complaint, but have not had ANY luck.

On the top of my site, I have a banner and buttons. To accomplish this I had to use the following code:
<BR> <center>"><IMG src="/images/banner.gif"><IMG src="/images/portrait.gif"></center> <BR> <TABLE cellpadding="0" cellspacing="0"> <TR> <TD> <IMG src="/images/dot.gif" width="25"> </TD> <TD> <IMG src="/images/news.gif" border="0"> <IMG src="/images/links.gif" border="0"> <IMG src="/images/gaming.gif" border="0"> <IMG src="/images/about.gif" border="0"> <IMG src="/images/downloads.gif" border="0"> <IMG src="/images/archives.gif" border="0"> </TD> </TR> </TABLE>

I am sure there is a way to make it look like it does using CSS, but I haven’t got the foggiest on how to get it to play nice.

The button part I figured out, more less. I used the button script from the Codex and made the text over the ‘cubed’ background and that was fine. However, I couldn’t get it to go below the banner. Also, the banner is actually two pieces. When I tried use the info that comes with the Kubrix theme I can get one part but not the other to show up, and it is not hyperlinked.

Are IMG tags really that big of a No-no? According to the validation link, this is where most of my problems lie. I would like to be valid and any and all help would be greatly appreciated.

Thanks in advance
-DR

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter digitalruse
(@digitalruse)

21 years ago

*sigh* it made the anchor tags actually link even with code tags…

-DR

Avenir
(@avenir)

21 years ago

Well, img tags aren’t bad, it’s just that you need to close them. XHTML requires that all tags be closed, even ones that didn’t have closing tags in HTML. So, you now have to write an image tag like this:

<img src="image.jpg" alt="image" />

Notice the space and slash at the end of the tag. This is required in XHTML for validation. Also notice the alt attribute. This is required as well.

Furthermore, XHTML demands that all tags be in lower case. Notice that I wrote my tag in lower case. This is the only valid way.

I don’t think <center> is a valid tag in XTHML anymore. I’m not sure though. I don’t think inline styling such asborder or width are allowed anymore either. They should be specified with CSS.

Similarly to the img tag, <br> must now be written as <br />.

Root
(@root)

21 years ago

And you could ditch the tables and use a list – if you wanted.

Thread Starter digitalruse
(@digitalruse)

21 years ago

Okay I went back and changed the img tags and some of the other stuff and got it from 56 errors to 22. I am sure it will just take more fidilling on my part. And it seems that some of the plugin generated god is to blame too. :/

Aside from that, when using a horzontal nav menu, would there be a way to have it so that it appeared below the banner images, and still using DIV/CSS? I like the idea of the text in the navbar changing on mouse over, I just want it to be where I want it! >.<

-DR

Thread Starter digitalruse
(@digitalruse)

21 years ago

Oy… I think I just accidentally figured out the menu thing…

-DR

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Images, CSS, and XHTML compliance.’ is closed to new replies.

Images, CSS, and XHTML compliance.

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics