Avatar billede dennism Nybegynder
25. november 2005 - 16:33 Der er 4 kommentarer og
1 løsning

HTML/CSS: skjul "overflow"

Jeg har følgende lille kode:

<table border="1">
<tr>
<td style="width:50px; overflow: hidden;">Her er en tekst som er længere end 50px</td>
<tr>
</table>

Hvis I kører koden kan I se at den den skifter linie når de 50px er brugt. Jeg vil gerne have at den bare skjuler det der er for meget - min overflow:hidden virker altså ikke.
Det er det samme som de har i menuerne her på eksperten.

Hvordan får jeg det til at virke?
Avatar billede stich Nybegynder
25. november 2005 - 20:08 #1
Tjaa, du kan fx wrappe teksten i en div, og så style den (inkl. en højde).
Avatar billede dennism Nybegynder
25. november 2005 - 20:27 #2
Hvordan "wrapper" jeg teksten?
Avatar billede stich Nybegynder
25. november 2005 - 20:32 #3
<td><div style="width:50px;height:50px;overflow:hidden;">tekst</div></td>
Avatar billede apo Praktikant
25. november 2005 - 20:32 #4
Lægger et div ind i tabelcellen, angiver bredde og højde + overflow:hidden;

<table style="border:1px solid #000000;">
    <tr>
        <td><div style="width:50px; height:15px; overflow:hidden;">Her er en tekst som er længere end 50px</div></td>
    <tr>
</table>
Avatar billede dennism Nybegynder
25. november 2005 - 21:04 #5
Tak for hjælpen!
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