Dumb Text Formatting Problems

[Theros]

Hey all!

I realize these are extremely dumb questions... oh well, I can't seem to figure out how to do it myself! On my newly designed portfolio here I'm really struggling with some formatting.

1) In IE the li lists on the leftbar are spaced out vertically even though there is no padding/margin
2) How do I get the <h2>s on the blog page to have a different set of a:link properties? I've tried just settings #right h2 a:link on that page to whatever settings, and that doesn't work?
3) Finally, in all browsers I've somehow added like 10 px padding to the top of every li link... I checked my menu coding, and don't see the problem?

Thanks if you could help me!
Eric Huang

[markbrown4]

Hi,

I opened your page in IE6 and this came up

‹&#237;WMs&#219;6=&#199;&#191;b&#195;^e&#194;&#182;�[J3Ž&#236;N2c&#167;[�&#219;#H&#172;H$ @&#227;C–;&#249;&#241;]&#240;K&#172;&#227;Œ&#167;&#215;Žu!&#176;&#216;}X&#188;} R&#217;&#219;&#243;&#223;W&#235;&#191;&#174;/ &#242;&#181;‚&#235;?&#222;_~\Ar&#200;&#216;&#221;|&#197;&#216;&#249;&#250;&#254;&#252;&#176;&#190;&#186;„&#227;&#244;&#214;–k'&#189;4š+&#198;.>&#37;�T&#222;7&#191;0&#246;&#240;&#240;�>&#204;ScK&#182;&#190;a&#187;ˆuƒ&#251;&#225;&#161;ŸD&#166;&#194;‹dy�&#181;&#238;j&#165;&#221;&#226;˜&#227;&#211;&#211;&#211;.&#186;&#245;E.&#232;Q&#163;&#231;}&#241;>&#200;&#237;"Y&#237;Q&#251;&#195;&#245;cƒ &#221;l‘x&#220;yc…&#162;&#226;&#214;&#161;_&#191;9|—#/&#189;&#194;&#229;&#186;’&#250;kc&#164;&#246;&#235;,™"XT‹&#196;&#249;G…&#174;B&#244; x&#239;1 &#231;&#168;,nz�&#180;5&#212;($'Kau&#183;&#199;B’snˆ&#213;"<�%;k&#226; &#167;'7&#226;‘BnAŠE&#242;`y&#211; %W &#223;hŽ&#206;{+&#239;“�Z&#224;.&#237;&#248;&#206;d]‚&#179;Yk^&#162;c&#202;”&mt™WDoœ&l™1&#222;ƒ&#213; &#218;‰’&#203;•&#231;&&#248;&#245;,ŽcL&#198;&#200;&#229;y&#255;iw&#198;~}&#193;=&#167;L:o(w$$‡ �$&#176;&#247;&#180;&#246;Bx&#212; /†&#252;V&#221;&#236;&#223;1&#206;–mŒ&#173;&#169;<&#190;2Db&#203;&#217;t&#200;mQ&#197;5"&#167;ˆ _$? &#228;J&#221;?&#169;\N&#254;M&#227;&#249;š&#239;&#234;&#210;W&#221;t&#203;U •)hnv&#196;&#242;&#247;H.&#228;&#181;&#244;c&#200;m&#235;&#220;&#246;KC‹‰ c&#192;€&#246;&#164;&#190;-&#237;&#172;–B�&#164;&#191;4C�;&#195;>‡'Qm&#215;Ld&#209;&#206;G&#239;An}S%oF›&#194;�'&#197;?&#213;&#224;T-&#223;k&#176;‹™&#202;&#176;G™*&#177;:Y&#222;`A&#251;&#193;…&#246;&#210;&#162;&#163;&#230;8&#202;&#255;c�R&#197;&#248;'&#212;†;&#241;‚h&#254;/&#174;e&#239;•1-œ•e&#229;“&#189;�xœ&#223;&#162;&#192;5\&#212;\*&#240;&#174;&#240;m&#183;&#199;žp š/&#175;�&#163;†„&#252;.&#172;,&#224;C&#224;&#186;&#163;&#225;,”&#193;y˜&#207;&#224;&#228;&#232;&#232;gŠ›&#239;&#227;š&#229;&#165;&#177;Xƒl\&#168;Ae,&#245;ŽN 8‹&#189;‹m&#238;Z&#224;B6&#210;’PQIŸ&#194;&#167; ‡ nL&#199;'&#192;-™dT&#168;&#201;frc=&#193;o&#165;&#231;8ƒ&#166;p&#200;"‚L&#225;&#163;Ž&#196;”�ŒŸ&#229;–&#215;&#216;Ÿr@”b&#214;&#187;&#189;C&#221; J&#203;&#183;Rp Ÿ �&#209;&#165;pK&#229;&#186;a &#174;@pX&#211;&#187;&#164;[S&#161;e&#244;>…œx&#179;&#220;&#199;&#243;pt&#177;&#241;y&#232;&#182;&#186;&#182;X&#201;"�&#161; j+551œ)&#217;†oQE’C( &#246;h<&#248;&#193;&#198;RY%a&#165;&#176;&#178;D jI&#212;�&#161;FRž&#227;�D3&#163;&#204;&#169;P”&#251;žœ&#177;&#252;&#177;.3*7&#165;\&#183;u&#236;h&#235;D2R&#202;C$„&#247;˜i&#198;še–&#219;&#225;&#237;9U&#255; &#189;D&#161;&F;&#201;7“|&#237;“&#215;>y&#237;“—&#250;d&#255;&#210;™~˜Œ Š>j6&#198;&#248;&#248;&#161;&#250;œ&#195;&#176;v&#208;&#239;&#185;2&#205;c&#251;&#194;j{d&#210;Al&#242;�&#223;%&#250;&#230;3WT&#199;&#216;k&#171;&#219;[&#248;&#214;&#255;&#193;&#249;w&#171;y›&#225;›~&#195;&#241;&#209;W&#183;&#255;(–&#255;&#211;J&#190;3

The second time it was ok.

Can't post a lengthy reply right now - but the IE positioning issues are most likely caused by 'hasLayout':
http://www.sitepoint.com/forums/show...9&postcount=24

How do I get the <h2>s on the blog page to have a different set of a:link properties?

A lot of people overuse the different psuedo classes on links.
It depends on what you are trying to override. You need to be more specific in your selectors than anything used previously.

I usually float things to fix browser inconsistencies and to get things stable

#leftbar li {
  font-size: 11px;
  padding-left: 17px;
  float: left;
  width: 100%;
}

Hope it helps

[Kravvitz]

1) Like Mark said, float the <li>s.

2) "#right h2 a:link" should work. Could you show us exactly what you tried?

3) That's what the following rule does. The selector says apply this rule to all <p>s in #footer and all <a>s in the page. Perhaps you meant "#footer p, #footer a" which will apply the rule to all <p>s in #footer and all <a>s in #footer.

#footer p, a {
color: #fff;
padding-top: 20px;
text-align: center;
}