Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Aug 2005
    Posts
    365
    Thanks
    7
    Thanked 1 Time in 1 Post

    Question CSS - vertical-align: bottom; is not working - please help

    I am unable to vertically align text in my DIVs. Please go to http://www.uzairusman.com/cssproblem/ & see it live. I used below code but no use

    Code:
    vertical-align:bottom;
    vertical-align:middle;
    Please guide me how can I fix this problem.

    Regards

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Edit : Setting a margin-top may suit. #topnavsub img {margin-top:15px;}
    Last edited by abduraooft; 09-25-2007 at 09:31 AM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    You could use this for #topnavsub:

    #topnavsub{width:1002px;height:17px;background:#f67309 url(images/hr_orng_bgx.gif) repeat-x;padding-top: 15px;}
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    I am not sure what you mean.
    Is this relevant?

    Also putting a linefeed after each line makes the text vertical.

    If I have misunderstood, please ignore.

    Frank

    Code:
    <div id="topnavsub">
    <ul>
    		<li><img src="images/ico_arrow.gif" width="4" height="6" border="0" alt="" /> About Us &nbsp;&nbsp;</a>
    		<li><img src="images/ico_arrow.gif" width="4" height="6" border="0" alt="" /> Our Services &nbsp;&nbsp;</a>
    		<li><img src="images/ico_arrow.gif" width="4" height="6" border="0" alt="" /> Mission Statement &nbsp;&nbsp;</li>
    		<li><img src="images/ico_arrow.gif" width="4" height="6" border="0" alt="" /> Contact Us &nbsp;&nbsp;</li></ul>
    	</div>
    Last edited by effpeetee; 09-25-2007 at 12:56 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    That's a good point you've made there Frank. Semantically speaking that menu system should be created using a list, as it is a list of navigational links. I'd suggest what Frank has there and then give your <ul> an id and position it within that top div using padding and margins.
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools


  •  

    Posting Permissions

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