ugrás a tartalomhoz

Inline dives mizériáim

Bitman · 2008. Jún. 17. (K), 15.13
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:

<!-- Oldalinfo eleje -->
	<div style="width: 555px; text-align: center;">Összesen 21 hír - Jelenlegi oldal: 1 / 3<br />
		<div style="width: 85px; display: inline;">&nbsp; </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 -->
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
‹ Ajax library kiválasztása Javascript függvény tervezése ›
 ■
1

float

duplabe · 2008. Jún. 17. (K), 15.52
Próbálj meg float:left -et adni mind a három belső divnek, plusz a középsőnek, ahol az oldalszámok vannak, adj szélességet. Az lenne a legjobb, ha a három div szélességének összege 555px lenne, tehát a középsőnek 385px-t adj.

Tehát:
     <div style="width: 555px; text-align: center;">Összesen 21 hír - Jelenlegi oldal: 1 / 3<br/>  
         <div style="width: 85px; float:left;">&nbsp; </div>   
         <div style="float:left; width: 385px;">  
             <strong>1.</strong>   
             <a href="?p=hirek&oldal=1">2.</a>   
             <a href="?p=hirek&oldal=2">3.</a>   
         </div>  
         <div style="width: 85px;  float: left;"><a href="?p=hirek&oldal=1">Következő oldal</a></div>   
     </div>
Nem próbáltam ki, de szerintem mennie kell.
2

szemantika (avagy a div nem minden)

gex · 2008. Jún. 17. (K), 16.05
http://webakademia.hu/2008/05/lapozo-html-kodja/
3

lista

Bitman · 2008. Jún. 17. (K), 17.17
Helló!

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