Autor Zpráva
Pavel
Profil *
Pomocí CSS jsem nadefinoval Tlačítka v Menu (viz.níže) tak, že se mění barva při přejetí myší.
Co tam prosím mám ještě připsat, aby se změnila barva po kliknutí (chcu stejnou barvu jako aktivní stránka) a po kliknutí na druhé tlačítko se u neaktivního talčítka vrátila původní barva?
Zatím to mám takto:
.tl-vlevo {

color: yellow;
text-decoration: none;
font-weight: bold;
text-align: center;
font-size: 14px;
font-family: sans-serif;
border-width: 1px;
border-style: solid;
border-color: rgb(96,57,19);
width: 110;
}
a:hover {
color: blue;
background-color: silver;
text-decoration: underline;
}
atejkl
Profil
nejpve bych nadefinoval jak má vypadat odkaz všeobecně tj.:
a {něco: něco} potom
a:link
a:visited
a:active
a:hover

jenom a:hover nadefinovaný nestačí pro to co potřebuješ...
Leo
Profil
Existuje selektor a:active, ale nejsem si jisty z vaseho popisu, jestli je to to, co hledate... Leo
llook
Profil
Tohle je špatně: width: 110;
Délka musí mít vždy určené jednotky (kromě nuly, protože 0px == 0% == 0em...).
a:link - odkaz
a:visited - navštívený odkaz
a:active - aktivní odkaz (od stisku po uvolnění tlačítka)
a:hover - zaměřený odkaz
Leo
Profil
Navic jestli to neni blok tak tam ani samotny width nema co delat, Leo
Menci
Profil *
To width tam mám proto, že to je TLAĆÍTKO. Je jich 10 a jsou v pravým framu.
TO JE PAK TAKY BLBĚ?
M.
Kráťa
Profil
Menci nemáš tam čeho 110. Jestli px, nebo brambor.
Leo
Profil
A cemu rikate tlacitko? V menu jsou vetsinou odkazy a odkazy jsou vetsinou element A, Leo
Menci
Profil *
Ano Leo,
je to odkaz, ale chcu, aby vypadal jako tlacitko - má jinou barvu podkladu, kolem rámeček, není podtržený a je stejně široký, jako ostatní odkazy (slova). Podobné (modré) má Yahuú v návodu na vylepšení.
Blbý je, že to tak je v celé stránce. Šlo by to nadefinovat jen pro jeden fram (nebo tabulku) a pro ostatní jinak? Jak?
M.
habendorf
Profil
Můžeš nadefinovat různé vzhledy odkazů pomocí tříd (class).
atejkl
Profil
asi jsem se ztratil ale pokuch chceš nadefinovat nějaký vlastnosti jenom pro určitý odkazy tak to jde přes CSS např.

a.tlacitko {něco: něco}

<a href="někam.htm" class="tlacitko">někam</a>
Leo
Profil
No pokud je to odkaz, tedy element A, pak je sam od sebe radkovy a width na nej neplati. Musite mu nastavit display: block, Leo
Menci
Profil *
Proatejkl
když dám doa.tlacitko {něco: něco} za "něco": "a:hover{něco: něco}" tak mně to v IE nejede. To dělám asi blbost?
Ale jinak díky za rady, tlačítka už mám podle mých představ ( http://www.bm-atelier.com ), celé to má jen drobnou kosmetickou vadu - že se mění barva podkladu odkazu při přejetí myší (a po kliknutí) nejen u tlačítek (které jsou ve zvláštním framu a kde tu chcu), ale i u odkazů v prostém textu (v jiném framu).
M.
habendorf
Profil
Menci: musíš dát
a.tlacitko:hover {něco: něco}
atejkl
Profil
musíš nadefinovat všechny věci na to a.tlacitko např. ( z mého CSS na webu)

a.foto
{ text-decoration: none;
font-size: 10px;
font-weight: bold;
color: #400000
}

a.tlacitko:link {text-decoration: none}

a.tlacitko:visited {text-decoration: none}

a.tlacitko:active {text-decoration: none}

a.tlacitko:hover
{ text-decoration: underline;
font-size: 10px;
font-weight: bold;
color: #996600
}

a potom už jenom:

<a href="někam.htm" class="tlacitko">někam</a>

P.S. nechal jsem si před vánoci u vás namalovat karikaturu... no svět je malý :-))))
Leo
Profil
Menci

A videla jsi to treba ve Firefoxu? Leo
habendorf
Profil
atejkl: IMHO by stačilo a.tlacitko {text-decoration: none} místo

a.tlacitko:link {text-decoration: none}
a.tlacitko:visited {text-decoration: none}
a.tlacitko:active {text-decoration: none}
atejkl
Profil
jo jo ba ba tak tak...
Menci
Profil *
Leo
Ne, já to vidím jen v IE. A čo je to také Firefoxu ?M.
Leo
Profil
Firefox je prohlizec stranek. On totiz na svete neni jen IE :-) Navic u IE existuji ruzne verze (6, 5.5, 5,..) a kazda ma na CSS svuj vlastni nazor, Leo
Toto téma je uzamčeno. Odpověď nelze zaslat.

0