ryy705 Posted December 17, 2009 Share Posted December 17, 2009 Hello, I please take a look at http://www.jeanbrunone.com/leadtrack/leads.tpl.html I am trying to make it look like : http://www.wwwcomm.com/designs/webmax/leadTrackerUI.htm I am having trouble lining up the icons,input boxes and go buttons at the top. I cannot seem to vertically line up the elements. So far I have tried tables, dls, and lists. Could someone kindly make some suggestions? Link to comment https://forums.phpfreaks.com/topic/185509-how-to-vertically-align/ Share on other sites More sharing options...
ryy705 Posted December 17, 2009 Author Share Posted December 17, 2009 Here is the trouble some code: <ol> <li style="display:inline;margin:0"><img alt="search" src="img/search.jpg /></li> <li style="display:inline;padding-bottom:300px;"><input type="text" name="rangeA" style=""/></li> <li style="display:inline;margin:0"><img alt="search" src="img/btnGo.jpg" /></li> </ol> As you can see no matter how much padding I add to the text field it does not move. Link to comment https://forums.phpfreaks.com/topic/185509-how-to-vertically-align/#findComment-979427 Share on other sites More sharing options...
haku Posted December 18, 2009 Share Posted December 18, 2009 That's because you have set the display to inline - inline elements don't take padding like that. Set them to block, and float them left (or right). Then you can add padding/margins. Link to comment https://forums.phpfreaks.com/topic/185509-how-to-vertically-align/#findComment-979594 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.