Autor Zpráva
Lorinka
Profil *
Ahoj, potřeboval bych poradit. Chci mít orámované odkazy (obrázkové) např. <a href="foto_xy"><img src="nahled_xy" ........> potřebuji to vždy pro několik takových odkazů v <div> u něj používám class tedy <div class="border_x"> a v externím .css mám toto:

.border_x a {
border-width: 3;
border-style: double;
border-color: yellow;
}

mám to u galerií - vždy několik náhledů a používám to i u foto na které se odkazuji jen s jiným vzhledem rámečku.
Problém je v tom, že v PSPadu i v Ie se mi to zobrazí správně (rámeček kolem celého obrázkového odkazu), ale u Opery a Mozila Firefoxu se to zobrazí tak, že ze spodu jsou rámečky správně, ale nahoru vedou jen kousek a potom za obrázkem napříč - jako by byl odkaz obdelníkový jen na spodku obrázku - takže to vypadá blbě přitom kliknou mohu i mimo ten rámeček - kamkoliv do obrázkového odkazu a funguje. Co s tím?
Orámovat všechny obrázky na stránce nechci používám průhledné nadpisy a tlačítka - chci jen orámované obrázkové odkazy. Předem děkuji,
habendorf
Profil
zkus

.border_x a img {
border: 3px double yellow;
}
Lorinka
Profil *
-->habendorf: Děkuji to img pomohlo :-) Já ho tam původně měl připadlo mi to logické, že to chci pro odkazy a jejich obrázky, ale chovalo se to stejně i bez a tak jsem to zrušil. Teď když jsem to zkoušel i v Opeře a Firefoxu tak už jsem si na to nevzpomněl :-[

Ještě jednou díky.
habendorf
Profil
Ještě na vysvětlenou - <a> je inline neboli řádkový element, který tím pádem nemá nic jako výšku a jeho "zdánlivá výška" (teď to vypadá jako že si protiřečím, ale není to tak) se nanatahuje vložením img. Čili FF a Opera se chovaly přesně tak jak měly - správně. Můžeš to lehce vyzkoušet, pokud se vrátíš na chvíli k původnímu zápisu a pro
.border_x a 
budeš měnit font-size, uvidíš že se horní strana toho rámečku bude hýbat.
Lorinka
Profil *
jj díky za vysvětlení. Vyzkouším to a snad si to budu i pamatovat ;-)
To víš amatér ... takže ještě jednou děkuji.
sHadoWmaN
Profil *
ja bych potreboval poradit s presne opacnym problemem : mam odkazy jako obrazky, ale pozadi stranky neni jednobarve - kdyz jsem mel jednobarve pozadi, tak jsem si jen zmenil barvu a:link,a:visited,a:active a a:hover na tu samou - ale ted nijak nevim udelat, aby se mi barva ramecku kolem obrazkoveho odkazu nevykreslovala, nebo aby se ramecek vubec vykresloval... vite mi poradit jak to udelat??? nebo pripadne jak udelat, aby byl ramecek jen "bodkovanej" ??? (slysel jsem o atributu "dotted" ale nevim kam a jak jej mam zapsat... MOCKRAT VSEM DIKY!!!
Bubák
Profil
<style>
a img {border: none} /* zadny ramecek */
</style>

<style>
a img {border: 1px dotted #123456} /* teckovany ramecek */
</style>

http://www.jakpsatweb.cz/css/css-prakticky.html
Toto téma je uzamčeno. Odpověď nelze zaslat.