Új hozzászólás Aktív témák

• #2793 j0k3r! senior tag scream #2792

  Új Válasz 2010-08-30 02:24:00 #2793

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  j0k3r!

  senior tag

  válasz scream #2792 üzenetére

  na vagyok, csak jatszottam : )

  html:

  <div id="container">
  <div id="imgdiv">
  <a href="#"><img id="kep" src="051.gif" /></a>
  </div>
  <div id="menudiv">
  <ul id="menu">
  <li><a href="#">EGY</a></li>
  <li><a href="#">KETTO</a></li>
  <li><a href="#">HAROM</a></li>
  </ul>
  </div>
  </div>

  css:

  #container
  {
  margin: 0 auto;
  height:400px;
  }
  
  #imgdiv
  {
  float:left;
  height:400px;
  }
  
  #menudiv
  {
  background-color:#000000;
  clear:right;
  height:400px;
  }
  
  #menu li
  {
  float:left;
  list-style-type:none;
  margin:20px;
  }
  
  #menu li a
  {
  color:#FFFFFF;
  text-decoration:none;
  font-size:20px;
  vertical-align:middle;
  line-height:400px;
  }
  
  #menu li a:hover
  {
  color:#FF0000;
  font-size:20px;
  }
  
  #kep
  {
  padding-bottom: lentirom px;
  padding-top: lentirom px;
  }

  szoval ez egy 400 px magas div, ami 2 reszre van osztva: imgdiv(kep) es menudiv (menu).
  a menu-n belul 400 px magas sormagassag van beallitva, es ez alapjan van beallitva a vertical-align:middle attributum.

  lentirom=(container div magassaga-kep magassaga)/2

  [ Szerkesztve ]

Új hozzászólás Aktív témák