Táblázat cella kerete

[Mezofi]

Sziasztok!

Máshova nem tudtam besorolni a kérdést ezért itt kérdezem.

Egy keretet adtam a táblázat egyik cellájának. Firefox-al látszik, Explorer-rel nem.

Itt megnézhetõ (keresõ alatt)

css-ben adtam meg az alsó keretet.

 

div#main table#kereso {
border-bottom-width:medium;
background-bottom-color:#0066FF;

background-color:#CCFFFF;
}

Hogyan tudom orvosolni?

[Kovács Gyula (MiniDisk)]

background-bottom-color:#0066FF;

 

Ez nem lesz jó. Írd át a background-ot borderre. Background-nak nincs bottomja.

 

Tehát:

 

div#main table#kereso {
border-bottom-width: medium;
border-bottom-color: #0066FF;
background-color: #CCFFFF;
}

 

És a szóközökre figyelj a

:

és az érték között.

[Mezofi]

Át cseréltem, a szóközöket kijavitottam, az új kód:

div#main table#kereso {
border-bottom-width: medium;
border-bottom-color: #0066FF;
background-color: #CCFFFF;
}

 

A próbléma megmaradt.

[Kovács Gyula (MiniDisk)]

Szóköz a div, és a table után.

[Mezofi]

Hova?

div#main table#kereso {

 

Ez így nem jó?

[Kovács Gyula (MiniDisk)]

Igen, nem jó.

Tehát így legyen:

 

div #main, table #kereso { ...}

A vesszõ is kell, ha külön definíciók. Ha egy definíciót takar, akkor a vesszõ nem kell. De szerintem a div, és a table is elhagyható, ha a definíciók divet, vagy table-t jelölnek. A css-ben nem kell megmondani, hogy a meghtározás milyen html tagnak van adva.

[Mezofi]

Én biztosan nem értek hozzá, ez nem vitás, de

A

div#main table#kereso {

Egy elérési út,a main nevû div tag keresõ nevû táblájár utal.

Amennyiben nem raktam ki a div#main-t akkor úgyanúgy reagált IE-vel nem jelenitette meg a csikot.

Ha csak a keresõ{-t vagy a vesszõt hagytam akkor egyik böngészõ sem jelenítette meg sem a csíkot, sem a cella külön színét.

[Kovács Gyula (MiniDisk)]

Akkor viszont

#main #kereso { ...}

[Mezofi]

Megmutatom mirõl van szó.

Ide kattints

Ezt nyisd meg egyszer IE-vel és egyszer Firefox-al.

Nekem egyik helyrõl hiányzik a táblázat alsó szegélye. A kód is ott van.

[Kovács Gyula (MiniDisk)]

Szedd ki a table-t a #kereso elõl. A css-ben. Az nem kell.

 

És így írd:

border-bottom: 2px solid #0066FF;

[Mezofi]

Köszönöm, a problémámat sikeresen megoldottad!

Mindig tudunk valami újat tanulni.

:olé:

[Kovács Gyula (MiniDisk)]

Szívesen, örömmel segítettem!

[Mezofi]

Ha lehet, lenne egy újabb kérdésem.

Egy táblázat egyik cellájába beillesztettem egy másik táblázatot, amit szeretnék a celle baloldalához és a tetejéhez nyomni.

Itt a próbléma

A zöld csíkban van az új tábla.

[tzoli]

A zöld csík nem csak egy táblázat?

[Mezofi]

A táblázatnak zöld szín van adva.

<table id="arlista_kereso" width="87%" border="2" cellpadding="1" cellspacing="1" class="keret">
         <tr bgcolor="#00FF33">

Adtam neki nevet: "arlista kereso", de még CSS-t nem írtam hozzá

[Mezofi]

Akkor ezek szerint, nem lehet egy cellán belülre helyezett táblázatot külön pozicionálni?

[Kovács Gyula (MiniDisk)]

Dehogynem lehet.

 

Alapértelmezésben balra ütközik, tehát ez oké. A css-ben pedig vertical-align: top; értéket adva a fenti kerethez fog ütközni. Ha nem mûködne, akkor annak a cellának add a vertical-align: top; értéket, AMIBE tetted a táblázatot. (Szerintem ez utóbbi fog mûködni.) Ha a balra ütközés nem menne automatikusan, akkor szintén annak a cellának, amiben a kérdéses table van, a text-align: left; értéket add.

[Mezofi]

@MiniDisc

Köszi, szerintem az eddigi CSS-el van a baj, egy oldalt töltöttem le a netrõl és azt és annak CSS-ét alakítottam a saját igényeimhez.

Szerintem valahol, benne maradt egy, pár pixeles margó. Valahogy rá kellene jönnöm, hogy hol.

[Mezofi]

Sikerült:

Itt megnézhetõ

 

Viszont egy számomra érdekes próbléma, ismét van.

A következõ oldalon a kis képek szélénél IE-esetén kilátszik a cella színe.

Viszont Firefox-esetén csak kevésbé, szinte alig.

Itt

A cellákat for ciklussal íratom ki, tehát elvileg mind egyformának kellene lenni.

A CSS-kódom:

table#termekek th#kep_kocka{
    width: 100px;
    height: 100px;
    background-color:#CC66FF;
    margin: 0px 0px 0px 0px;
}

 

Ja és minden kép 100 px * 100 px-el es.

Meg lehet oldani, hogy mind a két böngészõ helyesen jelenitse meg a cellákat?

[Kovács Gyula (MiniDisk)]

Igen. Nos, ezt - table#termekek - hagyd ki a css-bõl.

Nem kell mindig ennyire pontosan megmondani, hogy mit definiálsz, csak akkor tedd ezt, ha nagyon muszáj. Ebben a felállásban meg egyébként sem jó a kód. Tehát fenti definíciót hagyd ki.

 

th#kep_kocka {
width: 100px;
height: 100px;
background-color:#CC66FF;
margin: 0px;
padding: 0px;
}

 

Ezt próbáld ki.

[Mezofi]

A probléma ugyanaz maradt, de közben észrevettem, hogy a Firefox-nál is némelyik képnél hagy egy kis hézagot, de nem tudom hogy lehet ez, mert 100*100-as képekkel dolgozok.

És a kiíratásnál mindig ugyanazon paraméterekkel hozom létre a cellákat.

ír:

[Kovács Gyula (MiniDisk)]

Akkor a table-t (is) állítsd 100x100-ra, amiben a képek cellái vannak.

Tehát a table kapja a 100x100-as értéket. Nem a th-ra, vagy a td re add ki, vagy legalábbis ne csak arrra.

[Mezofi]

Kipróbáltam amit írtál, egy szûz táblázaton, és szuperül mûködik.

Szerintem a hiba ismét az én készülékemen van, de most legalább van egy jó változat, és így el tudok indulni ismét a hiba keresés rögös útján.

Köszi.

[Dani991]

Egy táblázat sarkait szeretném lekerekíteni, és ehhez van három kérdésem:

 

- Hogyan lehet egy táblázat sarkait lekerekíteni?

- Hogyan lehet megadni, hogy mennyire legyen lekerekítve?

- Hogyan lehet megadni, hogy melyik sarka legyen lekerekítve?

[Mezofi]

Képet kell készíteni, és azt kell berakni a sarkaiba.

Nincs ilyen html kód.