Web Design Forums

devGOD · 26-07-2007, 17:29

how would I vertically align center and image that is within a list tag

HTML Code:


<li><img src='pic.jpg'></li>

css coding:
#gallery li {
  background-color: #F4F0D0;
  text-align: center;
  list-style:none;
  width: 150px;
  height: 125px;
  margin: 0 10px 10px 0;
  float: left;
}

devGOD · 26-07-2007, 17:46

nevermind i figured out a work around...

HTML Code:



#gallery img {
margin-top: 10px;
position: relative;
}

26-07-2007, 17:29	#1 (permalink)
devGOD Registered User Join Date: Sep 2005 Posts: 56	vertical align question how would I vertically align center and image that is within a list tag HTML Code: <li><img src='pic.jpg'></li> css coding: #gallery li { background-color: #F4F0D0; text-align: center; list-style:none; width: 150px; height: 125px; margin: 0 10px 10px 0; float: left; }

26-07-2007, 17:46	#2 (permalink)
devGOD Registered User Join Date: Sep 2005 Posts: 56	nevermind i figured out a work around... HTML Code: #gallery img { margin-top: 10px; position: relative; }

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)