ugrás a tartalomhoz

UL balra igazítása Firefoxban

Tanul0 · 2009. Szep. 21. (H), 14.51
Sziasztok!

Nos akadt egy problémám, nem tudom rávenni sehogy sem az <ul>-t hogy balra igazodjon FF alatt.

FF alatt: Kép

IE alatt: Kép

A kód:
  1. <div id="lap_link">  
  2. <ul id="oldalszam">  
  3.   <li><a href='/forum/temak/Geza_Kek_Az_eg/lap/1' class='eppenmost'><b>1</b></a></li>  
  4.   <li><a href="/forum/temak/Geza_Kek_Az_eg/lap/2">2</a></li>  
  5.   <li><a href="/forum/temak/Geza_Kek_Az_eg/lap/3">3</a></li>  
  6.   <li><a href="/forum/temak/Geza_Kek_Az_eg/lap/4">4</a></li>  
  7.   <li><a href="/forum/temak/Geza_Kek_Az_eg/lap/5">5</a></li>  
  8.   <li><a href="/forum/temak/Geza_Kek_Az_eg/lap/2">Következő oldal »</a></li>  
  9.   <li><a href="/forum/temak/Geza_Kek_Az_eg/lap/5">&raquo;</a></li>  
  10.  </ul>  
  11. </div>  
Css:
  1. ul#oldalszam {  
  2.     text-align:left;  
  3.     margin:0px 0px 0px 0px;  
  4.     display: block;  
  5. }  
  6.   
  7. ul#oldalszam li {  
  8.     display: block;  
  9.     float: left;  
  10.     line-height: 25px;  
  11.     margin-left:1px;  
  12. }  
  13.   
  14. ul#oldalszam li.hide {  
  15.     display: none;  
  16. }  
  17.   
  18. ul#oldalszam li a {  
  19.     font-family:Verdana;  
  20.     display: block;  
  21.     line-height: 25px;  
  22.     padding: 0px 5px 0px 5px;  
  23.     font-size: 11px;  
  24.     color: #fff;  
  25.     border: 1px solid #111;  
  26.     background-image:url('img/lapozo.png');  
  27.     background-repeat: repeat-x;  
  28. }  
  29.   
  30. ul#oldalszam li a:hover {  
  31.     background-image:url('img/lapozo.png');  
  32.     background-repeat: repeat-x;  
  33.     text-decoration:underline;  
  34. }  
  35. ul#oldalszam li a.eppenmost {  
  36.     font-weight: bold;   
  37.     background-image:url('img/lapozo2.png');  
  38.     background-repeat: repeat-x;  
  39.     color:#fff;  
  40.     text-decoration:underline;  
  41. }  
  42. div#lap_link{  
  43.     width:516px;  
  44.     height:30px;  
  45.     text-align:left;  
  46.     margin-left:0px;  
  47.     margin-right:auto;  
  48.     margin-bottom:5px;  
  49. }  
Esetleg, ha valami más zavarna be, akkor a teljes css itt
‹ Lenyíló menü html, menu ›
 ■
1

Oldal

Poetro · 2009. Szep. 21. (H), 15.00
Már csak az oldal, és a hozzá kapcsolódó CSS hiányzik. Kérnénk egy linket.
2

Az oldal:

Tanul0 · 2009. Szep. 21. (H), 18.34
Az oldal itt. Be kell jelentkezni:

Felhasználó: weblabor

Jelszó: weblabor

Bejelentkezés után pedig a problémás oldal:itt


Szerk.: Volt egy bug a login rendszerben, elnézést kérek attól, aki nézte volna és nem tudta! Javítottam a bugot, töröljétek a cookie-t és jó lesz!
3

padding

Poetro · 2009. Szep. 21. (H), 18.49
Vedd az UL padding-ját 0-ra.

Használd a Firefox-ban a Firebug Layout / Elrendezés fülét, Opera alatt a Dragonfly Layout / Elrendezés fülét, vagy pl Chrome-ban a Developer Tools Metrics fülét hogy megtudd miért nincs teljesen a bal oldalon.
4

Hú nagyon köszi! Még csak

Tanul0 · 2009. Szep. 21. (H), 18.56
Hú nagyon köszi! Még csak most ismerkedem a Firebug-al, bevallom nem annyira egyértelmű számomra a használata, pedig mégis egyszerű. Mégegyszer köszönöm szépen!