ugrás a tartalomhoz

Éves naptár készítése ul li segítségével

bsanyi · 2006. Okt. 24. (K), 11.50
Üdv Mindenkinek,

olyan problémába ütköztem, amit nehez tudok itt leírni inkább egy linken keresztül szeretném, ha megnéznétek és segítenétek nekem:

http://www.mkmcom.hu/test2/test2.html

Ezt oldalt, ha megnézitek FF és IE alatt elég eltérő dolgot fogtok látni, és igazából nem értem, hogy miért történik mindez! A legfőbb problémám, hogy a FF alatt minden li között ott van egy 6px széles üres rés, amit csak negatív marginokkal tudok eltűntetni. Persze lehetne CSS hackeket használni, de azt szeretném elkerülni!?

Szerintetek van ennek értelme így folytatni vagy esetleg térjek át más útra, ha igen melyikre, kicsit meg vagyok emiatt "lőve"?

Előre is köszönöm

Üdv
Sanyi
 
1

no mshtml

kerzo · 2006. Okt. 24. (K), 12.30
Próbáld meg, hogy kiveszed belőle a

<META content="MSHTML 6.00.2600.0" name=GENERATOR>

sort.
3

megoldva

bsanyi · 2006. Okt. 24. (K), 14.44
Üdv Megintcsak,

bosszúsan, de nekiálltam egy újra előről és véletlenül akadtam egy oldalra, ahol a következőket tanácsolták:

- az a 6 pixeles távolság az elemek között szóközök voltak, úgyhogy egy sorba kellett írni a li-ket;

- display: -moz-inline-box; -ot hozzáadni a div-hez, amire lecseréltem az ul,li párost. Ezzel emulálni lehet az IE-hez hasonló működést;

- a teljesség kedvéért az li-ket helyettesítő div -eknek a következő css tulajdonságot adtam: box-sizing: border-box; ezzel értem el azt, hogy a div területén belül tegye a border-t, ugyanúgy, mint az IE.

Az új változat megtekinthető a Új verzió link alatt.

Üdv
Sanyi
6

szélesség!!!

kerzo · 2006. Okt. 24. (K), 15.10
Szerintem állítsd be a lista elemek szélességét, hogy az egymás alatt lévő elemek is egyforma szélesek legyenek. Jelenleg mivel az "1" keskenyebb, mint a "Mo", összecsúsznak a napok és nincsenek egy vonalba a napok neveivel.
2

Mi akar ez lenni?

Jano · 2006. Okt. 24. (K), 14.12
Mi akar ez lenni? Hogy kene ennek kineznie? Egy sorban kell ezeknek megjelenniuk?
4

Figyi

bsanyi · 2006. Okt. 24. (K), 14.47
Szia, ahogy a cím utal rá egy éves naptár lenne, különböző feladatok elvégzésére. de van egy új verzió belőle:
új verzió

Üdv
Sanyi

Ps.: az oldal nem igazán volt teljes, csak részleteket tettem közzé!!!
5

Miért lista?

gnycz · 2006. Okt. 24. (K), 14.51
Szerintem az ilyen naptárak megjelenítése tipikusan a "táblázatos adatok" kategóriába tartozik. Elnézegetve a forrást, hát nem spóroltál a dokumentum méretén ezzel az eljárással... ha ez lenne az egyik cél. Ráadásul az "id" attribútumokat is helytelenül használod.

Próbáld táblázatban megjeleníteni, kevesebb munkád lesz a megjelenítéssel, és érdemben többet foglalkozhatsz a funkciókkal.
7

Tábla

bsanyi · 2006. Okt. 24. (K), 17.03
Igen alapesetben én is így indultam volna, de ami még a kódból nem látszik, de rengeteg vizuális változtatás lesz benne, és félek, hogy a táblázat nem igazán gyors renderelése csak rontana a helyzeten. Az én gépemen lehet, hogy nem érződik, de a célfelhasználó gépét már érzékenyen érintheti!

Üdv
Sanyi
8

Renderelés

Anonymous · 2006. Okt. 24. (K), 19.10
A rendereléssel nem lesz baj. Kukk meg itt a naptárat.

Egyébként meg a td-ket lehet CSS-sel formázni és pozicionálni...