Súgó - Keresés - Tagok - Naptár
Teljes változat: Táblázat cella kerete
PC WORLD Segélyvonal > WEBSAROK > Webszerkesztés, programozás > CSS
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.

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

background-color:#CCFFFF;
}

Hogyan tudom orvosolni?
sad.gif
Kovács Gyula (MiniDisc)
background-bottom-color:#0066FF;

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

Tehát:

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


És a szóközökre figyelj a
KÓD
:
és az érték között.
Mezofi
Át cseréltem, a szóközöket kijavitottam, az új kód:
KÓD
div#main table#kereso {
border-bottom-width: medium;
border-bottom-color: #0066FF;
background-color: #CCFFFF;
}


A próbléma megmaradt.
blink.gif
Kovács Gyula (MiniDisc)
Szóköz a div, és a table után.
Mezofi
Hova?
div#main table#kereso {

Ez így nem jó?
Kovács Gyula (MiniDisc)
Igen, nem jó.
Tehát így legyen:

KÓD
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
KÓD
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 (MiniDisc)
Akkor viszont
KÓD
#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.
sad.gif
Kovács Gyula (MiniDisc)
Szedd ki a table-t a #kereso elől. A css-ben. Az nem kell.

És így írd:
KÓD
border-bottom: 2px solid #0066FF;
Mezofi
Köszönöm, a problémámat sikeresen megoldottad!
Mindig tudunk valami újat tanulni.
ole.gif
Kovács Gyula (MiniDisc)
Szívesen, örömmel segítettem! ani_wink.gif
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.
sad.gif
tzoli
A zöld csík nem csak egy táblázat?
Mezofi
A táblázatnak zöld szín van adva.
KÓD
<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?
sad.gif
Kovács Gyula (MiniDisc)
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.
sad.gif
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:
KÓD
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?
roll.gif
Kovács Gyula (MiniDisc)
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.

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


Ezt próbáld ki.
ani_wink.gif
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.
weep.gif
Kovács Gyula (MiniDisc)
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.
blush.gif
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.
Dani991
Értem. Köszi a segítséget!
Ez a tartalom egy lebutítottváltozata. A teljes változat képekkel kiegészült megtekintéséhez kérünk, kattints ide.