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

CSS: 2 odkazy – CSS – Fórum – Programujte.comCSS: 2 odkazy – CSS – Fórum – Programujte.com

 

Toto vlákno bylo označeno za vyřešené — příspěvek s řešením.
Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
fnenks+1
Stálý člen
8. 4. 2012   #1
-
0
-

Zdravim, CSS vubec neumim, potrebuji poradit jenom s jednou zakladni veci a pak honem pryc od toho..

Jde o to ze mam dva odkazy a pro oba potrebuji rozdilne pravidla.
Pro prvni odkaz: http://codepad.org/5tqLQ1dI
Pro druhy odkaz: http://codepad.org/GrH7CpF7

Dekuji moc za pripadnou pomoc..

Nahlásit jako SPAM
IP: 88.101.84.–
Reklama
Reklama
Chrasty
~ Redaktor
+4
Posthunter
8. 4. 2012   #2
-
0
-

#1 fnenks
Ahoj,

nadefinuj si pro ty dva typy odkazů třídy:

.prvni {/*tady nastavím modrou barvu...*/}
.druhy {/*tady třeba červenou...*/}

Pak v HTML napíšeš:

<a class="prvni" href="http://...">odkaz</a>
<a class="prvni" href="http://...">odkaz</a>
<a class="druhy" href="http://...">odkaz</a>

První dva odkazy budou modré, třetí červený

Nahlásit jako SPAM
IP: 193.179.196.–
fnenks+1
Stálý člen
8. 4. 2012   #3
-
0
-

diky, ale stejne se mi nedari napsat tvuj kod + a:visited, a:active, atd..

 Zde je muj kod:

<style type="text/css">
.prvni a         {text-decoration: none}
.prvni a:link    {color: white}
.prvni a:visited {color: white}
.prvni a:active  {color: white}
.prvni a:hover   {color: red}

.druhy a         {text-decoration: none}
.druhy a:link    {color: white}
.druhy a:visited {color: white}
.druhy a:active  {color: white}
.druhy a:hover   {color: blue}
</style>

Mohl bys ho prosimte upravit aby fungoval, diky :)

Nahlásit jako SPAM
IP: 88.101.84.–
Řešení
Chrasty
~ Redaktor
+4
Posthunter
8. 4. 2012   #4
-
0
-
Vyřešeno Nejlepší odpověď

#3 fnenks
Takhle ti to nefunguje, protože tím, že to "a" napíšeš až za .prvni říkáš, že "a" musí být uvnitř elementu, který je označen třídou "prvni". On ale uvnitř není, on je přímo ten element. Proto je nutné to otočit:

a.prvni
a.prvni:hover (a tak dále...)
Nahlásit jako SPAM
IP: 193.179.196.–
fnenks+1
Stálý člen
8. 4. 2012   #5
-
0
-

funguje, diky moc

Nahlásit jako SPAM
IP: 88.101.84.–
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, 14 hostů

Podobná vlákna

CSS a odkazy v IE7 — založil mirecekp

Odkazy — založil Jiří

Odkazy — založil lukas775

Odkazy — založil BigBear

 

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