Tweet
I'm teaching myself xhtml (and css) by converting my personal homepage from html. I'm doing pretty well, I think, except for one little hitch.
The page in question consists primarily of a whole lotta links. I have one table with several rows and two columns, and with each table data being an unnumbered list of links. After that table I have another unnumbered list on its own. (There's also small scraps of text scattered hither and thither.) The problem is that in the effort to get my page to validate fully (at validator.w3.org), I have to add the:
at the very top. When I do this, it shrinks the font on the final, non-tabled list. It appears to be going from small to x-small, or something like that. When I take the xml version code out, it fixes the problem. With the xml version code in, the page validates fully as XHTML 1.0 Strict so it shouldn't be something silly like an un-closed tag.
Here's my css, which also validates fully:
I could provide an excerpt of the xhtml if it'd help, but it's not fancy. Just straightforward tables, lists, and links. I'd have to edit out some personal stuff to post it here, which is why I'll wait and see if it's needed. I don't have any other pages using this same .css file.
Can anyone explain why the xml version and encoding line are messing with the font of my non-tabled list?
Btw, I plan to change the p.heading to be a span instead. I just discovered spans today.
The page in question consists primarily of a whole lotta links. I have one table with several rows and two columns, and with each table data being an unnumbered list of links. After that table I have another unnumbered list on its own. (There's also small scraps of text scattered hither and thither.) The problem is that in the effort to get my page to validate fully (at validator.w3.org), I have to add the:
Code:
<?xml version="1.0" encoding="UTF-8"?>
Here's my css, which also validates fully:
Code:
body {background-image: url('../graphics/snowflakes_black.gif') ;
color: #FFFFFF ;
font-family: times, sans-serif ;
font-size: smaller ;
margin-left: 85px}
a:link {color: #6666CC ;
text-decoration: none}
a:visited {color: #6666CC ;
text-decoration: none}
a:active {color: #9999FF ;
text-decoration: none}
h1 {text-align: center}
p.heading {font-style: italic}
p.udate {text-align: right ;
font-size: x-small}
tr {vertical-align: top}
ul {list-style-type: circle}
Can anyone explain why the xml version and encoding line are messing with the font of my non-tabled list?
Btw, I plan to change the p.heading to be a span instead. I just discovered spans today.
Comment