Hover efekt – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

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

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Paja2
~ Moderátor
+2
Věrný člen
1. 3. 2008   #1
-
0
-

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.–
Reklama
Reklama
pawlik0
Grafoman
1. 3. 2008   #2
-
0
-

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ík0
Newbie
1. 3. 2008   #3
-
0
-

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
+2
Věrný člen
1. 3. 2008   #4
-
0
-

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
-
0
-

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ík0
Newbie
2. 3. 2008   #6
-
0
-

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>

Nahlásit jako SPAM
IP: 213.226.196.–
Paja2
~ Moderátor
+2
Věrný člen
2. 3. 2008   #7
-
0
-
Nahlásit jako SPAM
IP: 88.146.215.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 9 hostů

Podobná vlákna

Efekt rastu... — založil jozo0025

Plakátový efekt — založil Ondra

Slideshow efekt — založil tanned88

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý