Tips på tabell-lösning tack

HTML & CSS

10 svar · 367 visningar · startad av petergrennanet

Medlem sedan dec. 1999258 inlägg
Trådstart#1

Ni har alla säkert kämpat med samma problem som jag gör nu.
Men hur löser man det.

Så här ser nästan min tabell ut:
<PRE>
--------------------
| | |
| 1 | |
| | |
|-----| 3 |
| | |
| 2 | |
| | |
--------------------
</PRE>
Men om man skriver mycket lång text i cell 3 så sträcker sig cell 1 och 2 också på sig. Det vill jag inte att cell 1 ska göra.

Detta händer när cell 3 fylls med mycket text:

--------------------
| | text |
| | |
| 1 | text |
| | text |
| | |
|-----| 3 |
| | |
| | text |
| 2 | text |
| | |
| | text |
--------------------

Och detta vill jag ska hända:

--------------------
| | text |
| 1 | |
| | text |
|-----| text |
| | |
| | 3 |
| | |
| 2 | text |
| | text |
| | |
| | text |
--------------------

Jag har satt allt till valign=top och testat att ge cell 1 ett height värde, men inget har lyckats ännu.

Tack på förhand för smarta tips.

Medlem sedan apr. 20003 971 inlägg
#2

De där tabellerna såg inte så fina ut. Prova [kod] eller [perl].

Medlem sedan dec. 1999258 inlägg
#3

Jag vet att texten ser lite tokig ut, men det går att lista ut vad dom beskriver med lite tänk.
Har testat kod och perl, men det vill sig inte.

Medlem sedan dec. 1999707 inlägg
#4

Tyvärr, jag kan inte lista ut vad du menar. Har du ingen länk att visa? Nån kod?

Medlem sedan dec. 19996 588 inlägg
#5

Vet inte om jag heller förstår, men prova med colspan eller rowspan. Dvs:

<TD COLSPAN="2">Sträcker sig över två kolumner</TD>
<TD ROWSPAN="2>Sträcker sig över två rader</TD>

Medlem sedan dec. 1999258 inlägg
#6

Äsh!
Jag trodde jag skulle kunna förklara mig med mina ASCII konst försök, men torskade.
Kan inte visa nån sida just nu (hemligt) men jag kommer nog tillbaka. Klar och tydlig.

Medlem sedan apr. 20003 971 inlägg
#7

Provar lite ASCII-konst :)

+------+------+
&#0124; Namn &#0124; Bor  &#0124;
+------+------+
&#0124; Swey &#0124; City &#0124;
+------+------+
Medlem sedan aug. 20004 638 inlägg
#8

*Kan tas bort*

[Redigerat av Axel den 16 sep 2000]

Medlem sedan aug. 20004 638 inlägg
#9

Vill bara hjälpa till. Såhär ska bilderna översättas( eller liknande). Jag kom dock inte på nån lösning..

---------------
&#0124;        &#0124;            &#0124;
&#0124;  1    &#0124;            &#0124;
&#0124;        &#0124;            &#0124;
&#0124;-----&#0124;     3     &#0124;
&#0124;        &#0124;            &#0124;
&#0124;  2    &#0124;            &#0124;
&#0124;        &#0124;            &#0124;
---------------

När 3:an sen fylls med text blir både 1:an och 2:an större, men pgn vill bara ha tvåan större.

Min fråga: Vad innehåller 1 och 2? bilder? text? Man borde ju kunna sätta valignen till top i 1 och bottom i 2?

not: Det där är för 17 inget fixed witdh!

Medlem sedan dec. 1999258 inlägg
#10

Tack HTML vänner.
Det verkar som ni förstått mitt problem.
Om jag gör så här då?

1
- 3
2

...ser ok ut.
Men så här blir det:

1

- 3

2

...när jag vill att det ska bli såhär:

1
-
3

2

Jag har testat att sätta cell 1 till height=150, men det vill sig inte.
Jag har även testat att sätta bild/cell till 100% i cell 2, men det vill sig inte heller.

Cell 1 får inte förändras med cell 3's långa innehåll.

Medlem sedan sep. 20009 inlägg
#11

Vet inte riktigt om jag fattar heller vad du menar, men är inte style-attributet table-layout: fixed något att prova med.
Läs mer på w3C.org Css2.
Som vanligt har jag inte den blekaste aning om hur det funkar i NS.

267 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)