Hover efekt – CSS – Fórum – Programujte.com

TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Trvalé přihlášení

Zapomněl jsi heslo?

Hover efekt – CSS – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

10:10, Cinema 4D Export USDC do DaVinci Resolve

16:58, Photoshop Jak odstranit (potlačit) odlesky

10:58, C / C++ Procházení struktury byte o byte?

Stavba Laser Arény
Laser Game Brno

Zdravím, mohl by mi někdo poradit jak bych mohl udělat hover efekt (změna barvy pozadí) po celé výšce pásku ve kterém je umístěno menu
web je
http://strawberry.kvalitne.cz/web2/
zkoušel jsem to ul li a:hover ale nic

Nahlásit jako SPAM

IP: 88.146.215.–

pawlik0

Grafoman

Kultivátor příspěvků ve starém fóru – 1.87 % z celku

1. 3. 2008 #2

Vyzkoušej height, zde nevím, jak by se to jinak dalo vyřešit :(

Nahlásit jako SPAM

IP: 84.42.152.–

Sa Nata A Na. Howgh

DraXík 0

Newbie

1. 3. 2008 #3

To Paja2 : Zkus to co psal pawlik a ještě

a {

display: block;

}

:smile1:

Nahlásit jako SPAM

IP: 213.226.196.–

Paja2

~ Moderátor

Věrný člen

1. 3. 2008 #4

To DraXík : Díky ..už to funguje..ale ještě se to neroztahuje po celé výšce, nevíte jak bych to mohl ještě upravit



ul{

	display:inline;

		text-align:center;

		padding-left:15 px;

		

}

li{

	display:inline;

		

	font-size: 18px;

	

}

 a{

display:block;

float: left;

padding-left:25px;

padding-right:25px;



	color: Black;



}

a:hover{

	background-color: #FFE4C4;

	height: 30px;

	

}

Když změním height 30px např. na 50 tak se to barevné pozadí posune níže ale já bych to potřeboval dostat tak o 5 px výše

Nahlásit jako SPAM

IP: 88.146.215.–

Manq0

Věrný člen

2. 3. 2008 #5

Když nezadáš u hoveru výšku, nepomůže to?

Nahlásit jako SPAM

IP: 85.71.63.–

(x)HTML & CSS kodér webových stránek → http://manq.name

DraXík 0

Newbie

2. 3. 2008 #6

To Paja2 : TAk zhruba takto ;-)

<style type="text/css">

ul {

  text-align: center;

  margin: 0;

  padding: 0;

  width: 100%;

}



ul li {

  float: left;

  width: 25%;

  height: 30px;

  list-style-type: none;

}



ul li a {

  display: block;

  color: Black;

  width: ;

  height: 30px;

  list-style: none;

}



ul li a:hover{

  background-color: #FFE4C4;

}

</style>



<ul>

  <li><a href="#">bla1</li>

  <li><a href="#">bla2</li>

  <li><a href="#">bla3</li>

  <li><a href="#">bla4</li>

 </ul>