ugrás a tartalomhoz

3x3-as táblázat <div>-el

thakl · 2007. Feb. 6. (K), 12.33
Sziasztok az szeretném kérdezni, hogy tudnék egy 3x3-as táblázatot csinálni <div>-ekel. Ugy probáltam, hogy csináltam 3 <div>-et és mindegyik azonos szélességű és mindhárom float:left-elve van. Így egymás mellé kerülnek, de ha a második sort akarom csinálni azt, hogy lehet hogy ne mellete folytatodjon hanem alatta? Itt a kódrészlet, amiből kiindultam :
  1. #A1{ float: left;  
  2.        width: 32%;}  
  3.                
  4. #A2 {float:left;   
  5.         width: 32%;}  
  6.                
  7. #A3 { float: left;  
  8.        width: 32%; }  
  9.   
  10.   
  11. <div id="A1">  
  12. A1  
  13. </div>  
  14.   
  15. <div id="A2">  
  16. A2  
  17. </div>  
  18.   
  19. <div id="A3">  
  20. A3  
  21. </div>  
Előre is kösz, ha valaki tud segíteni!
‹ http_request alternatíva Úszó képek. ›
 ■
1

Töröld a float-ot előbb

N0r3i · 2007. Feb. 6. (K), 12.52
#A4 { clear: left;
float: left;
width: 32%; }
3

Jó lett!

thakl · 2007. Feb. 6. (K), 13.27
Kösz a tippet ! Bár kicsit módositottam rajt, de úgytűnik jó lett. Sajnos most nem tudom teljesen befejezni a kódot, mert mennem kell dolgozni.
2

keret

demo · 2007. Feb. 6. (K), 13.18
vagy tedd őket egy 96% keret divbe
4

Középső div

thakl · 2007. Feb. 7. (Sze), 12.25
És azt hogy tudnám megcsinálni hogy a középső ( a2 ) divben ha lessz tartalom a másik kettő ( a1, a3) div automatikusan annak a magasságához illeszkedjen?
5

Táblázat classokkal

saxus · 2007. Feb. 7. (Sze), 13.32
Én mondjuk így csinálnám:

.tabla .c { float: left; width: 32%; }
.tabla .clr { clear: both; }

<div class="tabla">
    <div class="c"></div>
    <div class="c"></div>
    <div class="c"></div>
  <div class="clr"></div>
    <div class="c"></div>
    <div class="c"></div>
    <div class="c"></div>
  <div class="clr"></div>
  ...
</div>


De ha ténylegesen táblázat lesz, akkor table, mert az való arra. Ennek a szemléletnek nem az a lényege, hogy mindent divekkel oldjunk meg, hanem azt, hogy azt azzal oldjuk meg, amivel kell. Fejléceket hX-l, dobozokat div-ekkel, táblázatokat table-val.
6

Szövegdoboz

thakl · 2007. Feb. 7. (Sze), 14.00
Tulajdonképpen szövegdobozt szeretnék. A közepében lenne maga a szöveg. A középső négyzetet határoló divek pedig a keret részét képeznék. Csak most abba a problémába ütköztem, hogy ha a középső négyzetbe berakom a szöveget, akkor a mellete lévő <div>-ek , amik az oldalsó szegélyt képezik azok nem változtatják akkorára a méretüket, mint amiben a tartalom van. Ezt szeretném most megoldani...
7

cikk

gex · 2007. Feb. 7. (Sze), 14.06
inkább olvasd el ezt, mert maga az elképzelés a táblázatos oldalkialakításon még nem lépett túl.