Avatar billede rain_man Nybegynder
10. november 2002 - 13:30 Der er 10 kommentarer og
1 løsning

hvordan låser jeg cellestørrelsen

Jeg har lavet en side med en menu og et område til tekst(lavet i en tabel). Mit problem er at når jeg skriver noget i tekstområdet forstørres cellen og menucellen bliver mindre. Er der en måde man kan låse cellernes størrelse?
Avatar billede rain_man Nybegynder
10. november 2002 - 13:43 #1
siden er lavet med html og css. Der er en celle øverst med en overskrift. Under den er der 3 celler: menucelle, mellemrumscelle, tekstcelle.
Avatar billede callesen Praktikant
10. november 2002 - 14:00 #2
Lav table-tagget sådan: <table style="table-layout:fixed; height:33px; width:33px;"> og dine td'er: <td style="height:33px; width:33px;">
Udskift 33px med dine egne mål.
Avatar billede rain_man Nybegynder
10. november 2002 - 14:10 #3
Hmm... det ændrede godt nok noget... nu ændrer cellerne ik størrelse men de er allesammen blevet lige brede
Avatar billede callesen Praktikant
10. november 2002 - 14:50 #4
Så må du ændre 'width' i hver td til den ønskede størrelse.
Avatar billede rain_man Nybegynder
10. november 2002 - 14:57 #5
jamen de er allerede sat til en bestemt bredde. Jeg bruger en "extern" .css fil. Deri har jeg angivet bredderne på cellerne. MEN de bliver alligevel gjort lige store. De er helt præcist 1/3 bredde hver af den ovenliggnede celle(ovenliggende celle har colspan="3").
Avatar billede callesen Praktikant
10. november 2002 - 15:03 #6
Er colspan="3" i tabellens øverste række?
Prøv at vis dit ext-ccs og din tabel.
Avatar billede rain_man Nybegynder
10. november 2002 - 15:39 #7
Ja colspan="3" er den øverste.

css-fil:

body {
background: #DDDDDD;
font: 12px tahoma, sans-serif;
color: #000000;
}

table {
font: 11px tahoma, sans-serif;
color: #000000;
}

.tekst {
font: 11px tahoma, sans-serif;
color: #003C5B;
}

.txtfelt {
font: 11px tahoma, sans-serif;
color: #003C5B;
border: 1px solid #003C55;
background: #DDDDDD;
}

.button {
font: 11px tahoma, sans-serif;
color: #003C5B;
font: bold;
border: none;
background: #DDDDDD;
}

a,a:visited,a:active {
color: #005A79;
text-decoration: none;
font: bold;
}

a:hover {
color: #003C5B;
}

a.selected,a.selected:visited,a.selected:active {
color: #003C5B;
text-decoration: none;
font: bold;
}

#al {
table-layout: ;
width: 750 px;
text-align: left;
}

#head {
width: 750px;
height: 89px;
background: url("../image/head.gif") no-repeat;
}

#menu {
width: 150px;
height: 460px;
border: 1px solid #003C55;
vertical-align: top;
background: #007DA5;
}

#frame {
width: 698px;
height: 460px;
border: 1px solid #395388;
vertical-align: top;
padding-left: 5px;
}

#indhold {
width: 6px;
border: 1px solid #003C55;
}

#hrum {
width: 750px;
height: 3px;
}

#vrum {
width: 3px;
height: 1px;
vertical-align: top;
}


tabel:

<table id="al" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" id="head">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3" id="hrum"></td>
  </tr>
  <tr>
    <td id="menu">&nbsp;<img src="image/pil.gif"><a href="index.html">home</a><br />&nbsp;<img src="image/pil.gif"><a href="index.html">test</a><br />&nbsp;<img src="image/pil2.gif"><a href="kontakt.html" class="selected">kontakt mig</a><br />&nbsp;<img src="image/pil.gif"><a href="index.html">test</a><br />&nbsp;<img src="image/pil.gif"><a href="index.html">test</a><br />&nbsp;<img src="image/pil.gif"><a href="index.html">test</a><br />&nbsp;<img src="image/pil.gif"><a href="index.html">test</a><br />&nbsp;<img src="image/pil.gif"><a href="index.html">test</a><br />&nbsp;<img src="image/pil.gif"><a href="index.html">test</a></td>
    <td id="vrum">&nbsp;</td>
    <td id="frame">
    <span class="tekst">Vil du spørge mig om noget??? Så send en besked!!!</span>
    <form action="./scripts/kontakt.php" method="post">
    <span class="tekst">Navn:&nbsp;</span>
    <input type="text" name="navn" size="33" class="txtfelt" /><br /><br />
    <span class="tekst">Emne:&nbsp</span>
    <input type="text" name="emne" size="33" class="txtfelt" /><br /><br />
    <span class="tekst">Hva' vil du spørge mig om?:</span><br />
    <textarea name="spm" rows="8" cols="40" class="txtfelt"></textarea><br />
    <input type="submit" value="| Send |" class="button" />
    <input type="reset" name="resetknap" value="| Reset |" class="button" />
    </form>
    </td>
  </tr>   
</table>
Avatar billede rain_man Nybegynder
10. november 2002 - 15:40 #8
hmm det ser godt nok lidt rodet...heh håber du forstår det.
Avatar billede rain_man Nybegynder
10. november 2002 - 16:29 #9
Glemte forresten lige at sige at table-layout: fixed ikke er sat ind. Men det kan du jo nok godt se!
Avatar billede callesen Praktikant
10. november 2002 - 16:57 #10
Det er en dårlig ide at begynde med en række med colspan. Du kan indsætte en 'tom' række, hvor du fastlægger bredderne:
<table border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed;">
<tr>
<td style="height:0px;width:150px;">&nbsp;</td>
<td style="height:0px;width:3px;">&nbsp;</td>
<td style="height:0px;width:597px;">&nbsp;</td>
</tr>
Så bliver bredden ca. 750 som du angiver.
Håber det lykkes for dig.
Avatar billede rain_man Nybegynder
10. november 2002 - 18:40 #11
Mange tak for hjælpen. Det virker nu ;)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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