Notifikationer

Markér alle som læst Log ud

mesteren_selv Nybegynder

27. april 2006 - 14:54 Der er 15 kommentarer og
1 løsning

Tal og Tabeller

Hej Folkens

Jeg sidder og laver et tabelsystem baseret med colspan. Bredden er 700. Jeg skal have tre rows, den første skal fylde det hele, den anden row har to cols der skal fylde hhv. 80 og 620. Den tredje har så 3 rows der skal fylde hhv. 550, 100 og 50. Det er lykkedes mig at få det til at se nogenlunde korrekt ud ved at gøre følgende:

<table width="700">
<tr>
<td colspan=4>Blablabla</td>
</tr>
<tr>
<td width=80 height="80">
<img src="pics/billede.jpg" width="80" height="80" border="0">
</td>
<td colspan=3>
Tekst
</td>
</tr>
<tr>
<td colspan=2>
tekst
</td>
<td width=100>
Tekst
</td>
<td width=50>
ftgysdfgy
</td>
</tr>
</table>

Denne løsning virker umiddelbart fint, så længe jeg ikke skriver tal i felterne, hvilket jeg finder meget mystisk, og det er ret vigtigt at jeg kan skrive tal.

Hjælp!!!

Viggo

Synes godt om

dotcom1 Nybegynder

27. april 2006 - 15:01 #1

Prøv med style="table-layout:fixed;"

dvs.

<table width="700" style="table-layout:fixed;">
<tr>
<td colspan="4">Blablabla</td>
</tr>
<tr>
<td width=80 height="80">
<img src="pics/billede.jpg" width="80" height="80" border="0">
</td>
<td colspan=3>
Tekst
</td>
</tr>
<tr>
<td colspan=2>
tekst
</td>
<td width=100>
Tekst
</td>
<td width=50>
ftgysdfgy
</td>
</tr>
</table>

- og en god vane er at sætte anførselstegn om dine parametre. (witdh="80" osv.)

Synes godt om

mesteren_selv Nybegynder

27. april 2006 - 15:13 #2

Hmmm... Det virker desværre stadig ikke. I den endelige version er felterne i tabellen fyldt med php, hvilket selvfølgelig kunne værre en problemfaktor. Men også i de versioner jeg har lavet uden php, kommer der problemer, der tilsyneladende er grundet tal. Men også i nogle tests uden tal er det kommet ud af position.

Synes godt om

mesteren_selv Nybegynder

27. april 2006 - 15:17 #3

Kan det evt. være pga. stylesheets? jeg bruger stylesheets på teksten, som jeg refererer til i TD'en: <td class="tekst">

Synes godt om

dotcom1 Nybegynder

27. april 2006 - 15:28 #4

Okay. Jeg har ikke lige andre bud. Tror ikke, det har noget at gøre med dit stylesheet. Men du beskriver ikke hvad problemet egentlig er?

Synes godt om

mesteren_selv Nybegynder

27. april 2006 - 15:36 #5

Hmmm...
problemet er egentlig at hvordan tabellen arter sig kommer fuldstændig an på hvad der bliver indsat i felterne. Der er åbenbart ikke kun i forhold til tal, og heller ikke længden af den tekst der sættes ind. Den tekst jeg i test-udgaven sætter ind i overskriften(det øverste felt) er:

Heksejagt, Voksengruppen, 18 - 22 Maj 2006

Hvilket åbenbart sætter de faste parametre for tabellens udseende (som de står skrevet ovenfor) ud af spil og gør det lidt tilfældigt. Det sjove er at der ingen problemer er hvis jeg indsætter "Heksejagt, Voksengruppen," eller "18 - 22 Maj 2006"

Synes godt om

mesteren_selv Nybegynder

27. april 2006 - 16:00 #6

http://tbbillet.hhwl.dk/tjek.htm

Synes godt om

mclemens Nybegynder

27. april 2006 - 18:04 #7

Her er et eksempel på den nederste tabel...
- celler (td's) påvirker hinanden indbyrdes
størrelse afhængig af tekster/indholds længde...

<table border="2" cellpadding="0" cellspacing="0" width="700">
<tbody><tr>
<td colspan="3" class="fedtekst">
Heksejagt, Voksengruppen, 18 - 22 Maj 2006
</td>
</tr>
<tr>
<td class="tekst" height="80" width="80">
<img src="123_files/dims.jpg" border="0" height="80" width="80">
</td>
<td colspan="2" class="tekst" valign="top">
Dette er en prøve. Sytten sure sømænd sipper sjusser
</td>
</tr>
<tr>
<td class="fedtekst" width="200">
Priser Børn: 30,- Voksne: 30,-
</td>
<td class="fedtekst" align="right" bgcolor="#879194">
Pladser Ialt: 40
</td>
<td class="fedtekst" align="right">
<a href="http://tbbillet.hhwl.dk/bestil.php">Bestil</a>
</td>
</tr>
</tbody></table>

Synes godt om

mclemens Nybegynder

27. april 2006 - 18:06 #8

hmm, efter at jeg satte css til kan det godt
tænkes at width kan sættes ned til 180 i denne:

<td class="fedtekst" width="200">
Priser Børn: 30,- Voksne: 30,-
</td>

Synes godt om

mclemens Nybegynder

27. april 2006 - 18:15 #9

hov læste ikke spørgsmålet... :D
undskyld enten skal du have tables
i tables eller div's kigger lige på det

Synes godt om

mclemens Nybegynder

27. april 2006 - 18:38 #10

Det var et eksempel med div og css...
kigger lige på en med dobbelte tables...
(tables i tables kan dog hurtigt komme til at fylde)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">

html,body{margin:0px;paddding:0px;}

.clearit{clear:both;height:0px;font-size:0px;line-height:0px;}

.outer{width:700px;margin:0px auto;font: bold 10px Verdana, Arial, Helvetica, sans-serif;color:#000;}

.inntop,.bundl,.bundr,.bundm{padding:3px 0px;}

.descl{float:left;width:80px;}

.descr{float:right;width:610px;font-weight: normal;}

.bundl{float:left;width:550px;}
.bundm{float:left;width:100px;}
.bundr{float:right;width:50px;}

.bundrh{float:left;width:150px;}

</style></head>

<body>

<div class="outer">

<div class="inntop">
Heksejagt, Voksengruppen, 18 - 22 Maj 2006
</div>

<img src="123_files/dims.jpg" height="80" width="80" class="descl">

<div class="descr">
Dette er en prøve. Sytten sure sømænd sipper sjusser
</div>

<div class="clearit"> </div>

<div class="bundl">
Priser Børn: 30,- Voksne: 30,-
</div>

<div class="bundrh">
<div class="bundm">
Pladser Ialt: 40
</div>

<div class="bundr">
<a href="http://tbbillet.hhwl.dk/bestil.php">Bestil</a>
</div>
</div>

</div>

</body></html>

Synes godt om

mclemens Nybegynder

27. april 2006 - 18:41 #11

<img src="123_files/dims.jpg"
^ Den src skal nok lige rettes :D

Synes godt om

mclemens Nybegynder

27. april 2006 - 18:45 #12

og en udgave med tables i tables:

<table border="2" cellpadding="0" cellspacing="0" width="700">
<tbody><tr>
<td colspan="4" class="fedtekst">
Heksejagt, Voksengruppen, 18 - 22 Maj 2006
</td>
</tr>
<tr>
<td colspan="3">

<table border="0" cellpadding="0" cellspacing="0" width="700">
<tbody><tr>
<td class="tekst" height="80" width="80">
<img src="123_files/dims.jpg" border="0" height="80" width="80">
</td>
<td class="tekst" valign="top">
Dette er en prøve. Sytten sure sømænd sipper sjusser
</td>
</tr>
</tbody></table>

</td>
</tr>
<tr>
<td class="fedtekst" width="550">
Priser Børn: 30,- Voksne: 30,-
</td>
<td class="fedtekst" align="right" bgcolor="#879194" width="100">
Pladser Ialt: 40
</td>
<td class="fedtekst" align="right" width="50">
<a href="http://tbbillet.hhwl.dk/bestil.php">Bestil</a>
</td>
</tr>
</tbody></table>

Synes godt om

mclemens Nybegynder

27. april 2006 - 18:46 #13

... håber en af dem virker ...

Synes godt om

mclemens Nybegynder

27. april 2006 - 18:51 #14

en lille smutter på den sidste med tables i tables ret colspan i denne til 3
<td colspan="4" class="fedtekst">
Heksejagt, Voksengruppen, 18 - 22 Maj 2006
</td>

(samt src på billedet)

Synes godt om

mclemens Nybegynder

29. juli 2006 - 11:49 #15

.lukketid?

Synes godt om

mclemens Nybegynder

29. juli 2006 - 18:20 #16

Tak for point :o)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS