Inline dives mizériáim
Sziasztok!
A problémám a következő: Lenne egy hírmodul, amely kilistáz x db híret egy oldalra, és az alján lenne a szokásos oldallista:
Összesen x db hír, jelenlegi oldal: 1/3 és alatta:
Előző oldal 1. 2. ... 10. Következő oldal
Gondoltam megcsinálom divekkel ezt is, ha már máshol is erre törekszek, de azért se akar összejönni.
A probléma az, hogy az előző és következő oldal szövegek értelemszerűen az első és utolsó oldalnál nem aktívak, de szeretném a helyüket egy üres divvel kitölteni, hogy az oldalszámok ténylegesen középen maradjanak. Ezért is van megadva a 85px-es szélesség.
Ezt a hozzászólást átszerkesztettem, már leírtam a 600 féle próbálkozásom (amiket kiszedtem, mivel felesleges), mert először rájöttem, hogy kivételesen Firefoxban van a hiba, miután már odáig folyamodtam, hogy ugyan megnézem már IE-ben is, aztán most utólag belegondolva mégis az IE a rossz, mert inline elemnek ezek szerint nem lehet megadni szélességet, csak persze az IE ezt is a maga módján roppant "szabályosan" kezeli...
A kód:Van valami normális, valid megoldás vagy inkább hagyjam az egész igazítósdit? (IE-ben látva mégsem olyan szép ez így mint gondoltam)
Előre is köszönöm!
Üdv,
Ákos
■ A problémám a következő: Lenne egy hírmodul, amely kilistáz x db híret egy oldalra, és az alján lenne a szokásos oldallista:
Összesen x db hír, jelenlegi oldal: 1/3 és alatta:
Előző oldal 1. 2. ... 10. Következő oldal
Gondoltam megcsinálom divekkel ezt is, ha már máshol is erre törekszek, de azért se akar összejönni.
A probléma az, hogy az előző és következő oldal szövegek értelemszerűen az első és utolsó oldalnál nem aktívak, de szeretném a helyüket egy üres divvel kitölteni, hogy az oldalszámok ténylegesen középen maradjanak. Ezért is van megadva a 85px-es szélesség.
Ezt a hozzászólást átszerkesztettem, már leírtam a 600 féle próbálkozásom (amiket kiszedtem, mivel felesleges), mert először rájöttem, hogy kivételesen Firefoxban van a hiba, miután már odáig folyamodtam, hogy ugyan megnézem már IE-ben is, aztán most utólag belegondolva mégis az IE a rossz, mert inline elemnek ezek szerint nem lehet megadni szélességet, csak persze az IE ezt is a maga módján roppant "szabályosan" kezeli...
A kód:
<!-- Oldalinfo eleje -->
<div style="width: 555px; text-align: center;">Összesen 21 hír - Jelenlegi oldal: 1 / 3<br />
<div style="width: 85px; display: inline;"> </div>
<div style="display: inline;">
<strong>1.</strong>
<a href="?p=hirek&oldal=1">2.</a>
<a href="?p=hirek&oldal=2">3.</a>
</div>
<div style="width: 85px; display: inline;"><a href="?p=hirek&oldal=1">Következő oldal</a></div>
</div>
<!-- Oldalinfo vége -->
Előre is köszönöm!
Üdv,
Ákos
float
Tehát:
szemantika (avagy a div nem minden)
lista
Köszönöm mindkettőtöknek a válaszokat!
Nem is tudom, hogy ez az ul/li listás megoldás miért nem jutott az eszembe, hisz már csináltam is egy ilyet régebben..
Egyszerűbb, praktikusabb, és átláthatóbb, úgyhogy valószínűleg este majd áthúzom erre a megoldásra a lapozómat, köszönöm az említését :)
Üdv:
Ákos