Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
Password Reminder
Register
| FAQ | Members List | Search | Today's Posts | Mark Forums Read
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old September 3rd, 2008, 12:07 PM
Friend of Wrox
Points: 1,749, Level: 16
Points: 1,749, Level: 16 Points: 1,749, Level: 16 Points: 1,749, Level: 16
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2007
Location: San Diego, CA, USA.
Posts: 477
Thanks: 10
Thanked 19 Times in 18 Posts
Default vertical-align problems

I can't get a vertical-align declaration to work. I have a thin blue bar in the footer of my webpage and I can't get the items on it to stop bleeding down into the space below.

Here's the HTML...

Code:
    <div id="subnav">
        [list]
        <li><img src="images/mag_glass_icon.gif" width="21" height="20" border="0" /><a href="#">FIND YOUR NEW HOME</a></li>
        <li>&nbsp; &nbsp; <img src="images/arrow_icon.gif" width="15" height="20" border="0" />
        <a href="#">SERVICE PARTNER SIGN-UP</a></li> 
        <li>&nbsp; &nbsp; <img src="images/lock_icon.gif" width="17" height="20" border="0" />
        <a href="#">TEAM MEMBER & CLIENT LOGIN</a>&nbsp; <form id="subnavForm"><input type="text" width="50" border="1" /><input type="image" src="images/blue_arrow.gif" width="19" height="20" border="0" alt="submit button" onmouseover="this.src='images/blue_arrow2.gif'" onmouseout="this.src='images/blue_arrow.gif'"/></a></form></li>
        </ul>
    </div>
I've tried combinations for various vertical-alignments, but they don't have any impact. It doesn't matter if I use or don't use margins or padding, including margin:auto. I've tried using wrapper divs, but nothing is working.

The images are vertically centered but the text and form fields are not. I have the option to get rid of the text and use images for them (a lousy solution, but possible). However, my text box is half in the blue of the div and half in the beige "below" it. You can see what's happening in the footer here at our demo, http://www.thehiphouse.com/staging/s...ign/index.html.

-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.
__________________
-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Vertical align in reports janise Access 16 February 3rd, 2016 02:42 AM
Vertical Labels bfoley CSS Cascading Style Sheets 2 November 26th, 2007 02:06 PM
EASY Q: Left-Align and Right-Align DIV? panuvin ASP.NET 1.0 and 1.1 Basics 0 December 16th, 2006 02:02 AM
Vertical alignment for a formula Slon Crystal Reports 1 April 16th, 2006 01:46 AM
Vertical Menu Niaz Pro VB 6 2 October 14th, 2003 06:03 AM



All times are GMT -4. The time now is 04:32 PM.


Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.