SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Aug 2006
    Location
    Washington DC
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Dumb Text Formatting Problems

    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
    Erichuangis: Erichuangis.com
    Small Blogs Network: Small Blogs Network

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,095
    Mentioned
    28 Post(s)
    Tagged
    1 Thread(s)
    Hi,

    I opened your page in IE6 and this came up
    Code:
    ‹&#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
    Code:
    #leftbar li {
      font-size: 11px;
      padding-left: 17px;
      float: left;
      width: 100%;
    }
    Hope it helps

  3. #3
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    Code:
    #footer p, a {
    color: #fff;
    padding-top: 20px;
    text-align: center;
    }
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •