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

• #4004 Sk8erPeter nagyúr sz.j #4001

  Új Válasz 2012-06-18 09:52:56 #4004

  Ú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

  

  Sk8erPeter

  nagyúr

  válasz sz.j #4001 üzenetére

  <a href="index.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Kezdőoldal" src="button1.jpg"></a><br>
  <br>
  <a href="redony.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Redőny" src="button2.jpg"></a><br>
  <br>
  <a href="nyilaszaro.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Nyílászárók" src="button3.jpg"></a><br>
  <br>
  <a href="reluxa.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Reluxa" src="button4.jpg"></a><br>
  <br>
  <a href="szunyoghalo.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Szúnyogháló" src="button5.jpg"></a><br>
  <br>
  <a href="szalagfuggony.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Szalagfüggöny" src="button6.jpg"></a><br>
  <br>
  <a href="arak.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Árak" src="button7.jpg"></a><br>
  <br>
  <a href="kapcsolat.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Kapcsolat" src="button8.jpg"></a><br>
  <br>
  <a href="oldalterkep.html"><img style="border: 0px solid ; width: 100px; height: 20px;" alt="Oldaltérkép" src="button9.jpg"></a><br>
  <br>

  ====================================================

  HELYETT

  CSS-be:
  ul.navigation
  {
  list-style-type:none;
  padding:0px;
  margin:0px;
  }
  
  ul.navigation img
  {
  border: 0px solid;
  width: 100px;
  height: 20px;
  }

  HTML-rész:

  <ul class="navigation">
  <li>
  <a href="index.html"><img alt="Kezdőoldal" title="Kezdőoldal" src="button1.jpg" /></a>
  </li>
  <li>
  <a href="redony.html"><img alt="Redőny" title="Redőny" src="button2.jpg" /></a>
  </li>
  <li>
  <a href="nyilaszaro.html"><img alt="Nyílászárók" title="Nyílászárók" src="button3.jpg" /></a>
  </li>
  <li>
  <a href="reluxa.html"><img alt="Reluxa" title="Reluxa" src="button4.jpg" /></a>
  </li>
  <li>
  <a href="szunyoghalo.html"><img alt="Szúnyogháló" title="Szúnyogháló" src="button5.jpg" /></a>
  </li>
  <li>
  <a href="szalagfuggony.html"><img alt="Szalagfüggöny" title="Szalagfüggöny" src="button6.jpg" /></a>
  </li>
  <li>
  <a href="arak.html"><img alt="Árak" title="Árak" src="button7.jpg" /></a>
  </li>
  <li>
  <a href="kapcsolat.html"><img alt="Kapcsolat" title="Kapcsolat" src="button8.jpg" /></a>
  </li>
  <li>
  <a href="oldalterkep.html"><img alt="Oldaltérkép" title="Oldaltérkép" src="button9.jpg" /></a>
  </li>
  </ul>

  Persze itt a lista még lehet, hogy igazításra szorul (pl. padding, margin, stb.), ezt tesztelni kell.
  Egyébként annak érdekében, hogy a Google még jobban értékelje az oldaladat, a menüből jó lenne kivenni ezeket a kép formájában szereplő menüelemeket (gombokat), és szövegesen berakni.
  Úgy is megoldható, ha szeretnéd a gombokat ezzel a háttérrel, hogy külön kivágod azt a kékes hátteret, és a szöveges részek mögé rakod.

  [ Szerkesztve ]

  Sk8erPeter

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