Avatar billede lojmann Nybegynder
27. maj 2005 - 12:59 Der er 6 kommentarer og
1 løsning

Tabel bliver bredere ved lange tekster

Hej folk,

Jeg har knoklet med denne her tabel, den skal være 255px bred og ikke mere.
Men kommer der tekst ind i den som er længere - så bliver den bredere, jeg mener ellers at den skal splitte ordet op, eller tager jeg fejl?

Om ikke andet, kan det lade sig gøre? Syntes jeg har lavet det før, men kan ikke huske hvordan!

<table width="255" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="6" width="255" background="link_top.gif"><!-- venstre midten top -->
</td>
</tr>   
<tr height="*">
<td bgcolor="#EAEAEA"><!-- venstre midten midt -->
<table width="255" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10">
&nbsp;
</td>
<td valign="middle" height="35" width="240">
<p><H3><strong><SPAN STYLE="font-size:9px;">Weitere wichtige Links:</SPAN></strong></H3></p>
</td>
<td width="5">
&nbsp;
</td>
</tr>
<tr>
<td width="5" bgcolor="#E0E0E0">
&nbsp;
</td>
<td bgcolor="#E0E0E0" width="240">
<URL_DESCRIPTION>
<A HREF="<URL_DESCRIPTION_URL>"><URL_DESCRIPTION_LINKTEXT></A><BR>
<URL_DESCRIPTIONTEXT><BR><BR>
<hr style="height:1px;" color="#FFFFFF">
</URL_DESCRIPTION>
</td>
<td width="10" bgcolor="#E0E0E0">
&nbsp;
</td>
</tr>
<tr>
<td width="10">
&nbsp;
</td>
<td valign="middel" height="10" width="240">
&nbsp;
</td>
<td width="5">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>   
<tr>
<td height="6" width="255" background="link_bottom.gif"><!-- venstre midten bund -->
</td>
</tr>                       
</table>

PS: Tag jer ikke af de lidt sjove koder der er (f.eks. <HEADING>) det er koder der bliver fortolket af et internt system.

/Thomas
Avatar billede webgon Nybegynder
27. maj 2005 - 13:14 #1
Prøv at indsætte nowrap i dine td og table tags.

Fx:

<table width="255" nowrap>
Avatar billede roenving Novice
27. maj 2005 - 13:17 #2
Hvis du vil sikre at tabelceller ikke vokser over en vis størrelse, skal du sætte et element ind i, som kan begrænses (hvilket td'er ikke kan !-)

F.eks.

<div style="width:255px;overflow:hidden;"> </div>
Avatar billede lojmann Nybegynder
27. maj 2005 - 13:23 #3
webgon -> Så fjernes linieskift/breaks - det er det modsatte jo :)

roenving -> Den bliver ikke bredere, men teksten som står ud over (ofte få bogstaver, står så ikke med, man kan dog scrole sidelæns...
Det er ikke helt cool nok, det det laves 100% forkromet? :)

/T
Avatar billede roenving Novice
27. maj 2005 - 13:26 #4
Hordan går teksten ud over ?-)

-- er der slet ikke mellemrum i teksten ?o]
Avatar billede lojmann Nybegynder
27. maj 2005 - 13:33 #5
Det er f.eks. en anker tekst (link test) som er lidt lang.

http://bynavn.type.firma.com = http://ringsted.diskotek.fisogfarver.com etc.
Avatar billede roenving Novice
27. maj 2005 - 14:00 #6
Du kan ikke få html- (eller css- !-) koder, som brækker, der skal du lave noget script, men det er jo stort set umuligt 'bare' at gøre det konsistent medmindre man bruger en monospaced font ...
Avatar billede lojmann Nybegynder
27. maj 2005 - 14:21 #7
Okay, det tænkte jeg sku nok - tak for jeres ideer :)
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