Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

Anything Goes: CSS layout - cutting off text

Bottom of Page

1 to 14 of 14

  1.  
    • CommentAuthordream74
    • CommentTimeMay 7th 2008
     permalink
    Hi - I really need help with two things.

    I have completed a website and one of the heading section gets cut off and I can't figure out how to change this.

    Also - when I add a link to text it changes the colour of the text even though I have added the tags (link / active / hover / visit etc) and changed it to the same colour.

    If someone can post an email I will gladly email you over the files for you to have a look. I've spent ages looking at it now :-/

    Thanks in advance for any help :)
  2.  permalink
    Hi!

    How can I get in touch with you ? I'm ready to give it a look...
    • CommentAuthordream74
    • CommentTimeMay 8th 2008
     permalink
    Thanks :) you can email at lil_ly_30@yahoo.co.uk and I will email you the the html pages and style sheet?

    Thanks
  4.  permalink
    Ok, email sent ;)
    • CommentAuthordave_o
    • CommentTimeMay 8th 2008
     permalink
    Why don't you upload the stuff here? I'm sure that pretty much people would like to help you. Kind of nonserious...
    • CommentAuthordream74
    • CommentTimeMay 12th 2008
     permalink
    Ok I will do - how do I upload stuff here? I have a html page and a style sheet....????
    • CommentAuthordave_o
    • CommentTimeMay 12th 2008
     permalink
    If the code isn't too long, just post it inside your comment or upload the side on some server and post us the link to it. I'll be glad to have a look at it :)

    Greets Dave (dave_oneal[at]StaniCorp.com)
    • CommentAuthordream74
    • CommentTimeMay 14th 2008
     permalink
    Thanks for that. I have asked on another forum. I had problems with this forum yesterday (couldn't get threads to show up - went to an error message??). The files are uploaded onto this thread - http://www.webdeveloper.com/forum/showthread.php?t=181335

    I hope its ok to post that link here...sorry if not.

    Thanks if you can help. I just have problems with the text cutting off now...I have worked out why the links were purple! Can't get letters like 'g' 'y'
    to show and not get cut...wierd
  9.  permalink
    Have you tried removing the height values from the headers? Try line-height instead, if you have to set a fixed height for a line of text.
    • CommentAuthordream74
    • CommentTimeMay 14th 2008
     permalink
    Do you mean this bit: If so (as you can see) I have removed the heights and still the g's get cut off...

    did you mean something else?

    #rightbodyPan h2{width:250px; display:block; position: relative; background:url(images/symbol5.gif) no-repeat #ffffff; padding:35px 0 0 70px; font:28px/28px Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif; color:#003366; margin:0px 0 7px 20px ;}
    #rightbodyPan h5{width:210px; display:block; position: relative; background:url(images/symbol4.gif) no-repeat; padding:35px 0 0 70px; font:28px/28px Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif; color:#003366; margin:0px 10px 7px 20px ;}
    #rightbodyPan h6{width:210px; display:block; position: relative; background:url(images/symbol.gif) no-repeat; padding:35px 0 0 70px; font:28px/28px Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif; color:#003366; margin:0px 0 7px 20px ;}
    #rightbodyPan h7{width:210px; display:block; position: relative; background:url(images/symbol7.gif) no-repeat #ffffff; padding:35px 0 0 70px; font:28px/28px Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif; color:#003366; margin:0px 0 7px 20px ;}
  11.  permalink
    That's what I meant, but I didn't actually see the text being cut off in the first place, so I'm just guessing here.
    • CommentAuthordream74
    • CommentTimeMay 15th 2008
     permalink
    Oh...right.. Strange as I have asked a couple of others and they can see the text cut off...so maybe its an issue with IE7??

    Wierd. Just can't figure out why it is doing it. When I move the text up it still has it cut off, where the letters fall below the line.

    Does anyone know how to solve this?

    Thanks for looking (kari) - I really appreciate it :)
    •  
      CommentAuthorkari.patila
    • CommentTimeMay 15th 2008 edited
     permalink
    Oh, I just noticed that you have set the font size as font:28px/28px. The reason for the descenders cutting off is the 28px line-height. Either set the size like 28px georgia, 28px/36px georgia, or something similar.
    • CommentAuthordream74
    • CommentTimeMay 15th 2008
     permalink
    Oh you genius :) That worked. Thank you so much, that has saved me hours of further faff :)

    So the 26px is the height of the font and the 36px is the height of the line?

    Thanks, thats made my day :)

1 to 14 of 14

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page