Autor Zpráva
verde
Profil *
Dobrý večer, přechází z tabulek do css a mám s tím spoustu problémů. Momentálně se trápím s těmito problémy a byl bych vděčen, kdyby mi někdo pomohl.


kód:
<style>
.ab { width: 125px; padding:10px;  display:block;}
</style>

<div class="ab"><a href=""><img src="" height="100" width="125"><span>asd ad adas das dasd a</span></a></div>


1. problém

v opeře i ve FF se text zobrazí pod obrázkem, podle nastavené šířku, ale v IE se část textu zobrazí na pravo od obrázku a nevím jak ho dát dolů

2. problém

jak vytvořím, aby vlastně odkaz byl cely ten div, teď je aktiní obrázek i text, ale ne mimo textu



děkuju předem
Str4wberry
Profil
1. Moc otázce nerozumím, ale možná je na vině odlišný box-model.
2. Zbav se toho <div>u — nastyluješ tedy přímo ten odkaz.
sicario
Profil
Jestli chces odkaz jako blokovy prvek (tj. na celou radku) ostyluj ho s display:block;.
Jestli chces text pod obrazek pridej mezi ne odradkovani (<br>).
Bubák
Profil
1. box model, nejjednodušší bude změnit šířku a přidat do CSS:
-moz-box-sizing: border-box; box-sizing: border-box;
ze stránky http://www.jakpsatweb.cz/css/moz-box-sizing.html
Nebo použít takovou DTD, abys měl IE ve standardním režimu:
http://css.interval.cz/clanky/pracovni-rezimy-prohlizecu/

2. DIVu se zbav a odkaz deklaruj blokový, SPANu se taky zbav, ve tvém případě je zcela zbytečný.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0