Autor Zpráva
Spajky
Profil
Tento problém jsme už jednou s Bubákem řešili a vše fungovalo, ale když jsem id nahradil class, tak to přestalo fungovat:

CSS

.menu {padding: 1em 0; text-align: center;}
.menu ul {margin-left: auto; margin-right: auto; padding: 0; width: 792px;}
.menu li {list-style: none; margin: 0; padding: 0; float: left;}
.menu a {font-size: 14px; font-weight: bold; text-decoration: none; display: block; width: 88px; height: 24px; color: black; font-family: "Comic Sans MS", sans-serif; text-align: center; background: url('http://www.spajky.ic.cz/css/0-1.jpg') no-repeat;}
.menu a:hover {text-decoration: none; color: #FFA500;}
.obsah {clear: both;}


HTML

<div class="menu"><ul>
<li><a href="http://www.spajky.ic.cz">úvod</a></li>
<li><a href="http://www.spajky.ic.cz/necoomne">o mně</a></li>
<li><a href="http://www.spajky.ic.cz/skola">škola</a></li>
<li><a href="http://www.spajky.ic.cz/knihy">knihy</a></li>
<li><a href="http://www.spajky.ic.cz/vtipy">vtipy</a></li>
<li><a href="http://www.spajky.ic.cz/obrazky">obrázky</a></li>
<li><a href="http://www.spajky.ic.cz/pribeh">příběh</a></li>
<li><a href="http://www.spajky.ic.cz/roboti">roboti</a></li>
<li><a href="http://www.spajky.ic.cz/odkazy">odkazy</a></li>
</ul></div>
<div class="obsah"></div>
Stinky
Profil
Co když nastavíš šírku i jednotlivým li? Floating bez width blbne ve starších IE.
Spajky
Profil
Ještě něco: Než jsem přidal a:visited , tak byly všechny odkazy modrý a fungovala změna při najetí myší, s a:visited jsou odkazy černý (jak potřebuji) , ale nefunguje mi a:hover, obarvení na oranžovo.
Bubák
Profil
Z těch tvých zmatků v kódu nevím, jaké barvy odkazů chceš docílit. Proto dotazník:
jakou chceš barvu:
- odkazů
- odkazu, nad kterým je myš
- navštívených odkazů

Totéž pro menu, jakou chceš barvu:
- odkazů v menu
- odkazu v menu, nad kterým je myš
- navštívených odkazů v menu

Jen, abys věděl, jak ti to teď funguje:
a:hover {color: blue; text-decoration: underline;} /* 3. radek mysi prejizdene odkazy budou modre */
a:visited {color: blue;} /* 4. radek navstivene odkazy budou modre */
.menu a {...; color: black; ...} /* 15. radek odkazy menu budou cerne, ale navstivene budou modre (viz radek 4) */
.menu a:hover {text-decoration: none; color: #FFA500;} /* 16. radek mysi prejizdene odkazy menu budou #FFA500 */
.menu a:visited {color: black;} /* 17. radek navstivene odkazy menu budou cerne (i ty prejizdene mysi) */
Spajky
Profil
menu a:visited {color: black;} /* 17. radek navstivene odkazy menu budou cerne (i ty prejizdene mysi) */

Tohle teď řeším (i ty prejizdene mysi), to právě nechci.
Kód jsem si už změnil: v a:visited mám color: black a chci to obarvit na oranžovo po přejetí myší.

Z těch tvých zmatků v kódu nevím, jaké barvy odkazů chceš docílit. Proto dotazník:
jakou chceš barvu:
1) odkazů
2) odkazu, nad kterým je myš
3) navštívených odkazů

Totéž pro menu, jakou chceš barvu:
4) odkazů v menu
5) odkazu v menu, nad kterým je myš
6) navštívených odkazů v menu


1) modrá
2) modrá (podtržení)
3) modrá

Jak už jsem říkal:

4) černá
5) oranžová
6) černá
Bubák
Profil
Nevím, proč linkuješ css/styl.php, stejně je přesměrovaný na css/pokus.css a jenom to zdržuje.
Vyházel jsem nesmysly a trochu jsem optimalizoval, mám na mysli jen barvy a odkazů, na ostatní jsem se nedíval.

p {text-indent: 30px; margin: 0; text-align: left;}
a {color: blue; text-decoration: none; font-size: 16px;}
a:hover {text-decoration: underline;}
.wh {background-color: white; width: 650px; border-color: red; border-style: solid;}
h1 {color: red; text-align: center; margin: 1em 0;}
h3 {margin-top: 1.5em; margin-bottom: 0.2em;}
h4 {margin-top: 0 ; margin-bottom: 0.5em; border-bottom: 1px solid red;}
table {font-size: 16px; border: 0;}
body {text-align: center; background-image: url('http://www.spajky.ic.cz/css/malina.jpg'); background-repeat: repeat; background-attachment: fixed;}
* {font-family: Comic Sans MS, Arial Black, Sans Serif; text-align: center; margin: 0 auto;}
.menu {padding: 1em 0; text-align: center;}
.menu ul {margin: 0 auto; padding: 0; width: 792px;}
.menu li {list-style: none; margin: 0; padding: 0; float: left; width: 88px; height: 24px;}
.menu a {display: block; font-size: 14px; font-weight: bold; text-decoration: none; display: block; width: 88px; height: 24px; color: black; font-family: "Comic Sans MS", sans-serif; text-align: center; background: url('http://www.spajky.ic.cz/css/0-1.jpg') no-repeat;}
.menu a:hover {text-decoration: none; color: #FFA500;}
.obsah {clear: both;}
img {border: none;}
Spajky
Profil
Nevím, proč linkuješ css/styl.php, stejně je přesměrovaný na css/pokus.css a jenom to zdržuje.

Tak pořádně čti ;-\ (nepřesměruje se to jen na pokus.css, ale i na pokus1.css, pokus2.css ...)

Takhle asi nic nevyřešíme, spokojím se s tím co mám :-(((
Říkal jsem, že nechci a:visited obarvovat, chci aby to bylo stejnou barvou jako a! ;-\

Proč jsi smazal všechny a:visited, je to snat něco špatného nechat s barvu stenou jako u nenavštíveného odkazu?

Proč se visited nesnese s hover?
Bubák
Profil
Říkal jsem, že nechci a:visited obarvovat, chci aby to bylo stejnou barvou jako a!
Taky že je!

Proč jsi smazal všechny a:visited, je to snat něco špatného nechat s barvu stenou jako u nenavštíveného odkazu?
Je to zbytečná deklarace, co je dodrého na tom, mít v kódu úplně zbytečnou deklaraci? Pokud deklaruji barvu pro "a", nemusím definovat tutéž barvu znova pro a:visited

Proč se visited nesnese s hover?
Ale snese. V CSS platí pár jednoduchých pravidel: http://www.jakpsatweb.cz/css/css-kaskadovani.html
Ale :hover se musí deklarovat později, než :visited, viz Pozdější vyhrává.

Podle toho, cos napsal, ses nezkušeným okem mrknul na CSS a ani jsi ho nezkoušel.
Spajky
Profil
Zkusil jsem smazat :visited a odkazy se mi obarvili na fialovo, zvláštní je, že s tvým kódem se to nestalo. A přitom, když jsem ho porovnával, byly smazány jen :visited a u prvního :hoveru barva, takže mám jistotu, že jsi s tím nedělal nic navíc než já (kromě toho :hoveru). "Jak to děláš, Karle?"

Přečet jsem si pozdější vyhrává, ale tam bylo jen, formátování vně a uvitř a pak ještě important...
Bubák
Profil
Tohle je mnou komentovaný výcuc z tvého "starého" kódu, už tu sice na stránce jednou je, ale abys nemusel tolik rolovat, dám je znova, můžeš porovnat rozdíly:

a:hover {color: blue; text-decoration: underline;} /* 3. radek mysi prejizdene odkazy budou modre */
a:visited {color: blue;} /* 4. radek navstivene odkazy budou modre */
.menu a {...; color: black; ...} /* 15. radek odkazy menu budou cerne, ale navstivene budou modre (viz radek 4) */
.menu a:hover {text-decoration: none; color: #FFA500;} /* 16. radek mysi prejizdene odkazy menu budou #FFA500 */
.menu a:visited {color: black;} /* 17. radek navstivene odkazy menu budou cerne (i ty prejizdene mysi) */


Tohle je komentovaný výcuc "mého" kódu (se zaměřením na barvy a podtrzeni)

a {color: blue; text-decoration: none; font-size: 16px;} /* vsechny odkazy budou modre, tedy i ty navstivene (visited) */
a:hover {text-decoration: underline;} /* mysi prejizdene odkazy menu nebudou podtrzené */
.menu a {display: block; text-decoration: none; display: block; color: black; } /* odkazy v menu budou cerne, tedy i ty navstivene (visited), nepodtrzene, zbytecne 2× deklarujes display:block; */
.menu a:hover {text-decoration: none; color: #FFA500;} /* mysi prejizdene odkazy menu budou #FFA500, doporucuji smazat text-decoration: none; protoze nepodtrzeni se dedi z .menu a - tim se zprehledni kod, nebude tam zbytecna deklarace */

Přečet jsem si pozdější vyhrává, ale tam bylo jen, formátování vně a uvitř a pak ještě important...
Je tam i dědičnost, takže co nadeklaruješ pro "a", platí i pro a:hover, a:visited, .menu a, .menu a:hover...
A pak hezky pokračuješ v dalších deklaracích.

Ještě dobrý článek o CSS je na Interval.cz - http://interval.cz/clanky/kaskadove-styly-v-dobrem-stylu/
Spajky
Profil
Je možné, že jsem v předchozí verzi (než jsem si zkopíroval tvůj kód) neměl samotné a? Ještě se podívám do "zálohy"/jiného odvětví mého CSS.
Spajky
Profil
Už to mám... já jsem v a neměl nastavenou barvu.
Spajky
Profil
Ještě by mě zajímalo, jak nahradit tabulku divem. Na mých stránkách (www.spajky.ic.cz) mám obsah stránky v tabulce. Některé věci mi s divem nefungovaly.

Můžu do CSS napsat:
a {name: font-weight(bold)}
nebo
a {name: color(black)}
?
Toto téma je uzamčeno. Odpověď nelze zaslat.