Avatar billede bilbo2 Nybegynder
21. januar 2002 - 09:26 Der er 8 kommentarer

No-Wrap i celle

Hej,

Jeg har et problem. Når jeg skriver tekst i en celle, bliver cellens størrelse (bredde) automatisk alt efter hvor meget tekst der kommer i den. Nu vil jeg have a teksten bare kommer på en ny linie i stedet for, hvad er koden for dette? Jeg har prøvet funktionen \'No Wrap\' i Dreamweaver uden held. Nogen der kan hjælpe?
Avatar billede callesen Praktikant
21. januar 2002 - 09:36 #1
Sæt dette style i <HEAD>:
<STYLE TYPE=\"text/css\">
TABLE {
    table-layout:fixed;
  overflow :hidden;
    width:400px;
}
TD {
    width:150px;
    height:200px;
    position:fixed;
    overflow:auto;
</STYLE>
Så kan du indstille størrelsen på bredde med width:xx både på tabellen og cellerne.
Avatar billede bilbo2 Nybegynder
21. januar 2002 - 09:37 #2
kan jeg ikke bruge: <td nowrap> ??
Avatar billede callesen Praktikant
21. januar 2002 - 10:18 #3
Det kan være jeg har misforstået - nowrap, der er under afvikling, angiver at der ikke skal være tekstombrydning; men ville du ikke netop have teksten brudt til flere linier og cellen til at bevare sin størrelse?
Avatar billede cdc Novice
21. januar 2002 - 10:24 #4
set din cellebredde og tabelkbredde til f.eks. 300 px hvis det er den brede den skal have
Avatar billede bilbo2 Nybegynder
21. januar 2002 - 10:24 #5
Hmm, ja jeg har en celle med masser af tekst i. Cellen skal have samme størrelse (20%) uanset hvor meget tekst der kommer ind i cellen, den må gerne ændres i højden.
Avatar billede callesen Praktikant
21. januar 2002 - 10:32 #6
Så prøv med:
<STYLE TYPE=\"text/css\">
.visible {
    width:20%;
    height:100%;
    position:relative;
    overflow:auto;
}
i <HEAD>

og i din TD:
<TD CLASS=\"visible\">
Avatar billede cdc Novice
21. januar 2002 - 10:41 #7
<table border=\"0\" width=\"20%\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td width=\"20%\"></td>
  </tr>
</table>

Og husk når du tester at lav mellemrum i texten, for ellers virker det ikke.
Dette er en helt almindelig html kode som virker

/cdc
Avatar billede anne-m Nybegynder
19. december 2003 - 10:55 #8
Det virker desværre ikke for mig.... kan du se om der er noget helt galt???
Nu har jeg sat css for tabel og celle ind i de str. jeg gerne ville have - men når jeg skriver tekst i cellerne bliver de stadig bredere...??

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.ramme {
    border: 1px solid #000000;
}
.emner {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #000000;
    text-decoration: none;
    font-weight: bolder;
}
.broedtekst {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    color: #000000;
    text-decoration: none;
}   
TABLE {
    table-layout:fixed;
    overflow :hidden;
    width:700px;
}
TD {
    width:100px;
    position:fixed;
    overflow:auto;
}
-->
</style>
</head>

<body>
  <tr>
    <td><table border="1" cellpadding="10" cellspacing="0" bordercolor="#000000" class="ramme">
      <tr valign="top">
        <td><div align="left" class="emner"><span class="tal">1</span><br>
                <br>
        Identifikation og kortl&aelig;gning</div>
        </td>
        <td class="emner">2<br>
            <br>
      Beskrivelse og vurdering</td>
        <td><span class="emner">3<br>
              <br>
      Prioritering </span><span class="broedtekst">1= Her og nu<br>
      2= Vigtigt<br>
      3= Afventer</span></td>
        <td class="emner">4<br>
            <br>
      Handleplan for egne l&oslash;sninger</td>
        <td><span class="emner">5<br>
              <br>
      L&oslash;sninger </span><span class="broedtekst">der kr&aelig;ver inddragelse
      af arbejdsgiver</span></td>
        <td class="emner">6<br>
            <br>
      Opf&oslash;lgning<br>
      Hvem og hvorn&aring;r</td>
        <td><span class="emner">7<br>
              <br>
      R&aring;dgivning<br>
        </span><span class="broedtekst">Prim&aelig;rt teknisk forvaltning/ Arbejdstilsynet</span></td>
      </tr>
      <tr valign="top">
        <td><span class="emner">Temperatur</span><br>
            <span class="broedtekst">Er der behagelig temperatur?<br>
      Er der store temperaturvariationer over dagen; eller ved kraftig sollysindfald?<br>
      Er der tr&aelig;k? (Fodkoldt/ Kuldenedfald fra yderv&aelig;gge eller vinduer
      o. lign.)</span></td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td valign="bottom" class="broedtekst">&nbsp;</td>
      </tr>
      <tr valign="top">
        <td><span class="emner">Reng&oslash;ring</span><br>
            <span class="broedtekst">Bliver der gjort ordentlig rent?<br>
      Hovedreng&oslash;ring, hvor ofte?</span></td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst"><p>&nbsp;</p>
            <p>&nbsp;</p>
        </td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td valign="bottom" class="broedtekst">Embedsl&aelig;gen</td>
      </tr>
      <tr valign="top">
        <td><span class="emner">Byggematerialer</span><br>
            <span class="broedtekst">Er de reng&oslash;rings-venlige?<br>
      Er de beskadiget? (Af slag eller slitage)</span></td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td valign="bottom" class="broedtekst">&nbsp;</td>
      </tr>
      <tr valign="top">
        <td><span class="emner">Inventar</span><br>
            <span class="broedtekst">Inventar der holder p&aring; st&oslash;v?
            (Sofa, stole, opslagstavler, forh&aelig;ng, gardiner)</span></td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst"><p>&nbsp;</p>
        </td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td valign="bottom" class="broedtekst">Forbrugerstyrelsen</td>
      </tr>
      <tr valign="top">
        <td><span class="emner">Skimmelsvampe</span><br>
            <span class="broedtekst">Er der fugtpletter i f.eks. hj&oslash;rner,
            lofter, k&aelig;ldre?<br>
      Er der muggen lugt?</span></td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td valign="bottom" class="broedtekst">Specialistfirmaer</td>
      </tr>
      <tr valign="top">
        <td><span class="emner">Ventilation</span><br>
            <span class="broedtekst">Er der ventilationsanl&aelig;g<br>
      Fungerer det tilfredsstillende?<br>
      Bliver det regelm&aelig;ssigt vedligeholdt?</span></td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td class="broedtekst">&nbsp;</td>
        <td valign="bottom" class="broedtekst">Private VVS firmaer</td>
      </tr>
    </table></td>
  </tr>
<p>&nbsp;</p>
</body>
</html>
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