ugrás a tartalomhoz

CSS Táblázat probléma

unregistered · 2006. Dec. 4. (H), 23.54
Miért nem 5X5-ös az a nyamvadt cella? Bemásolom a legalapabb kódot mert én már hülyére cicomáztam az eredetit mindenféle kóddal de semmi
RÁADÁSUL FireFox-nál mégcsak nem is látszik a háttér kép pedig ott is megnéztem hogy biztos az IE a hibás
HEELP!!!!

HTML file:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 

<html> 
  
  <head> 
     <title></title> 
   <meta http-equiv="Content-Type" content="text/html charset=iso-8859-2" /> 
   <link rel="stylesheet" type="text/css" href="css.css" /> 
  </head> 

  <body> 
    
   <table cellspacing="0" cellpadding="0" > 
    
     <tr > 
       <td class="cella">&nbsp;</td> 
     </tr> 

   </table> 


  </body> 

</html> 



CSS file:
table 
  { 
  margin: 0px; 
  } 

td 
  { 
  border: 1px black solid; 
  } 

.cella 
  { 
  width: 5px; 
  height: 5px; 
  background: url('kep.png'); 
  background-repeat: no-repeat; 
  } 
 
1

nbsp

Anonymous · 2006. Dec. 5. (K), 00.57
nbsp helyett tegyél bele egy 5×5 pixeles átlátszó GIFet, mert az nbsp mérete nem "semekkora". Ha már mindenképp td-be akarsz fészkelni.
2

thx

unregistered · 2006. Dec. 5. (K), 02.39
köszönöm a segítséget bár így (csak én már egyből a png-t raktam be nbsp helyére) már próbáltam és így tényelg működik csak css-el akartam megoldani a dolgot... ezért gondoltam hogy van valami trükk amivel megtom csinálni css-el az egészet... amúgy miért nem működik css-en keresztül? és miért csak ilyen kicsi méretnél szórakozik mert kipróbáltam és nagyobb méretnél gond nélkül megy sőt még azzal is eljátszottam hogy a magasságot 21 pixelnél és a szélességet 4 pixelnél nem lehet lejjebb venni :(
4

Betűméret

Cirby · 2006. Dec. 5. (K), 03.35
Akkor 4x21 pixelnyi helyet foglal el az &nbsp;. Olyan, mintha egy nagy "I" betűt raktál volna bele, csak nem látszik. De attól még ott van. Próbálj játszani a betűmérettel is.
3

thx

unregistered · 2006. Dec. 5. (K), 02.40
köszönöm a segítséget bár így (csak én már egyből a png-t raktam be nbsp helyére) már próbáltam és így tényelg működik csak css-el akartam megoldani a dolgot... ezért gondoltam hogy van valami trükk amivel megtom csinálni css-el az egészet... amúgy miért nem működik css-en keresztül? és miért csak ilyen kicsi méretnél szórakozik mert kipróbáltam és nagyobb méretnél gond nélkül megy sőt még azzal is eljátszottam hogy a magasságot 21 pixelnél és a szélességet 4 pixelnél nem lehet lejjebb venni :(
5

képet ne

Cadeyrn · 2006. Dec. 5. (K), 07.30
Üdv!

font-size ill. a line-height állításával tudnád belőni, nem kell oda az a láthatatlan kép, teljesen felesleges.
6

doctype

toxin · 2006. Dec. 5. (K), 09.15
a doctype-ot cseréld le vmi, szabványos üzemmódot kiváltóra első körben,
http://www.alistapart.com/articles/doctype/
http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html

... 3percel később ...

aztán vágj bele egy div-et és arra a rule-t
http://kepfeltoltes.hu/061205/fbug_first_www.kepfeltoltes.hu_.jpg

és felavattam a firebug 1.0-ámat, ez az első gyakorlati használata :) , IE meg mivel nála a height = min-height

font-size: 0;line-height: 0px;

üdv t
7

persze, hogy css

_jan_ · 2006. Dec. 5. (K), 12.05
Tényleg megvan erre a css megoldás (mindenféle div és nbsp nélkül is):

table {
	border: none;
	border-collapse: collapse;
	padding:0;
	margin:0
}
td {
	width: 5px;
	min-height: 5px;
	height: 5px;
	border: none;
	empty-cells: show;
	padding:0;
	margin:0
}
.b { background: black }
A .b osztályt csak azért tettem, hozzá, hogy látni is lehessen valamit. A lényeg, hogy lenullázod a böngészők elképzelését a táblázatról, utána pedig azt csinálsz, amit akarsz. A kulcs pedig az empty-cells: show. Ezért nem kell semmit se rakni a cellába. Háttérnek aztán mehet kép is stb. stb.
A html:

<table>
<tr><td class="b"></td><td></td></tr>
<tr><td></td><td class="b"></td></tr>
</table>
Persze, biztosan kell hozzá egy szabványos doctype is.
8

empty-cells vs IE6 ?

toxin · 2006. Dec. 5. (K), 12.22
empty-cells IE67, Aptana és

http://www.webdevout.net/browser_support_css.php?uas=IE6-IE7-FX1_5-OP9#support-css2propsbasic-emptycells

szerint nincs támogatva, de mondjuk és ettől függetlenül müxik :) (kiszedem empty-cells-t akkor is)


üdv t
9

tévhitben éltem

_jan_ · 2006. Dec. 5. (K), 14.49
Ez így jobb is. Abban a tévhitben éltem, hogy ettől jó. Talán valamelyik régebbi FF vagy Opera igényelte... Most tényleg mindenütt megy empty-cells nélkül. Kösz.
10

THX

unregistered · 2006. Dec. 5. (K), 21.38
Köszönök mindenkinek minden segítséget!
Jah amúgy a border-collapse: collapse; paraméter miatt lesz jó az egész mert végigjátszottam mi befolyásolhatja :D
(Amúgy énsem ezt a doctype-ot szoktam használni csak ez az alapértelmezett az editor programban de:( )

Amúgy az ilyen kis darabkákból álló lapokat (nemtom mi a "szakneve" az ilyen oldalakanak ha egyáltalán van de itt egy példa: http://unregistered9.uw.hu/q.png ) mivel a legérdemsebb elkészíteni? Mármint maradjak ennél a táblázatos dolognál vagy van valami jóval egyszerűbb...? mert már megpróbáltam css-es az egészet megoldani csak az volt a baj hogy balgán, "ugyesen" absoluteban adtam meg hogy mi hova kerüljön és hát ugye azt megpróbáltam egy divre rárakni hogy majd jól középre igazítom... no comment :D Majd relativera raktam csak akkor minden elcsúszott a végén meg már jó nagy távolságokról hoztam vissza az elmeket az eredeti pozicióba pl: -8024px... hát ez meg mégnagyobb no comment és így leragadtam ennél css vs table megoldásnál csak eddig mindig nagyobb pixelű képekkel dolgoztam ezért nem volt baj vele... szóval van-e egyszerűbb megoldás vagy ez a táblázatos megoldás a legegyszerűbb?
11

gugli

Anonymous · 2006. Dec. 6. (Sze), 09.58
de pl. http://www.maxdesign.com.au/presentation/page_layouts/ stb. stb.

üdv t
13

jaa :D

unregistered · 2006. Dec. 6. (Sze), 20.36
jaa szal ez a dives témákat feszegető oldal... pont ilyet kerestem :D THX :D
12

:)

unregistered · 2006. Dec. 6. (Sze), 19.37
Nah csak alakulok mint púpos gyerek a prés alatt és megtalálom saját kérdéseimre a választ... tényleg jó ez a weblabor fórum :) Szóval itten belekutatkodtam a fórumtémákba és ha jól sejtem megtaláltam mit kellene használnom táblázatos marhaságok helyett... ez persze sokaknak triviális lehet... hát persze hogy a DIV kell nekem :) Érdekes mert a div-et eddig csak reklám"ablakoknak" használtam de eszembe sem jutott hogy ilyen desing elemként használjam fel táblázatok helyett... Vagy nagyon rossul látom a dolgokat? :) Valaki helyeseljen vagy osszon ki :)
14

Div

Anonymous · 2006. Dec. 6. (Sze), 21.33
A div egy általános konténerelem. Bármire használhatod. Formázni pedig CSS-sel kell. :)
15

:(

unregistered · 2006. Dec. 7. (Cs), 02.31
Na jólvan srácok már jópár napja küzdök ezzel a cuccal több tíz oldalt végiolvastam és jópár oldal forráskódjában böngéztem ezügyben, valamint jópárotokat kikészítettem minden bizonnyal zöldfülűségemmel, de még sehol sem tartok :( Nektek köszönhetően már táblázattal megy a dolog miután segítettetek kijavítani azt a "bug" szerűséget, de sok helyen látom hogy a táblázat már elavult meg ilyenek. Megpróbáltam div-el megcsinálni de nem sok sikerrel :( Inkább nem is teszek föl új kérdéseket, hogy mit hogyan mert abba belefáradtam és titeket meg a sírba kergetlek... szóval itt van a komplett terv hogy, mégis mit szerettem volna, meg a fileok:

a terv
http://unregistered9.uw.hu/k.png

a kép fileok
http://unregistered9.uw.hu/1.png
http://unregistered9.uw.hu/2.png
http://unregistered9.uw.hu/3.png

Azt szeretném megtudni hogy ki hogyan csinálná meg? DIV? CSS? TABLE? Vagy milyen módszerrel szokás megcsinálni az ilyet? Esetleg kód példát is mutassatok vagy csak egy oldalt ami így van megkreálva és áttekinthető a kódja... Köszönet
16

css

juhasztibi · 2006. Dec. 7. (Cs), 03.14
Szerintem hanyagold a table megoldást és koncentrálj a css-re. Itt a weblaboron találsz sok cikket, ami segíthet eldönteni, hogy miért is jó ez neked.

http://weblabor.hu/cikkek/cssalapjai1

Nem hiszem, hogy valaki is meg fogja oldani helyetted, mert úgy gondolom, hogy mindenkinek megvannak a saját "problémái". De a cikkekből egy pillanat alatt rájössz, hogy css-el hogyan lehet elegánsan megoldani a problémádat.

üdv
17

...

unregistered · 2006. Dec. 7. (Cs), 13.57
Tiszteletem először is!

2. most utólagos olvasásra sem találtam olyat, hogy írtam volna "csináljátok meg helyettem" a linkelés a tervezett oldalt tükrözi hogy pontosan mire gondolok mert eddig csak 1 darab képpel nyősztettem a többieket... a fórumok alapból sosem voltak kötelezőek... nyafoghatnék post hegyeken keresztül hogy csinálják meg helyettem, de ha nem akarja senki akkor nem is fogják szal ne is próbáld ezt rámagyarázni hogy "valaki is meg fogja oldani helyettem" mintha ezt kifejezetten kértem volna hogy csinálják meg... mert azt értem hogy te nem fogsz segíteni az oké de voltak itt eddig is olyan jólelkű emberkék akik eddig segítettek...
3. a css alapjaiból bizony nem derül ki hogy az ilyen típusú honlapoknál az ilyen design elemeket mivel alkalmazzák... p vagy img vagy mégis hogyan
az ugyan kiderül hogy kell megformázni szépen egy szöveget és társai de az ilyeneket már tudom...
4. azzal is problémám akadt hogy lehet megcsinálni azt hogy vertikálisan és horizontálisan is középen legyen mert (ha olvastad volna feljebb akkor ott láthattad hogy már ezt is próbáltam) absolutenál nem lehet középre igazítani, relativenál meg már -8254px-ről kell elmeket visszaigazítani a helyükre ami szerintem nem normális de ha igen akkor sorry...
5. énsem szeretem a hülyegyerekeket akik 0 utánanézéssel elvárják hogy valaki szájukba rágja de nézd meg mióta küzdök vele amiben mondjuk én vagyok a madár mert táblázattal már rég kész lenne...
6. no meg én beérem egy tutoriállal vagy egy érthető példaoldal forráskódjával is...

Tiszteletem!
18

re

toxin · 2006. Dec. 7. (Cs), 14.10
http://weblabor.hu/cikkek/csstablazatnelkuli
http://webmester.transindex.ro/morphblog/page/3/ alulról fel :)

http://www.tutorial.hu/css/leirasok
http://www.w3schools.com/css/default.asp

jó szorakozást :)

üdv t
19

THX

unregistered · 2006. Dec. 7. (Cs), 14.15
Toxin... maximal respect!
Köszönöm, remélem ezzel már kielégülnek vágyaim... ;) :)
20

csak figyelmesen

juhasztibi · 2006. Dec. 7. (Cs), 19.30
Szia,

nem kötekedésnek szántam a hozzászólásomat, csak sajna sok az olyan topic amit tömnek a különféle megoldásokkal és nem halad a kérdező semerre. A linkek amiket kaptál nagyban segíthetnek megoldani a problémádat. Ha nem megy, próbáld másképpen, olvass, keress, ha úgy sem akkor még próbálkozz, ha úgy sem akkor kérdezz. Tisztelem a kitartást, jó munkát.
21

;)

unregistered · 2006. Dec. 7. (Cs), 20.49
ok no para énis tudom milyen idegesítő amikor mással akarja megoldatni a saját problémáját az ember csak én nem vagyok ennyire jártas hogy az ilyen cikkekre meg tutorialokra rátaláljak mint amiket most belinkelt nekem toxin... mostmár azért is orrvérzésig próbálom megcsinálni mert ezekből már menni kell :D Nah remélem legközelebb legalább annyira értelmes problémával állok elő mint a legelején az az apró "bugféleség".... Üdv