Avatar billede kjeldsted Novice
31. januar 2009 - 21:18 Der er 7 kommentarer og
1 løsning

Tekst går ud over tabel?

Hej eksperter.

Jeg har et lille problem jeg umiddelbart ikke kan forstå.

Jeg har nedenstående tabel, hvor teksten fra beskeden går lagt ud over tabellen, altså så viser den over 1000px tekst i bredden, hvilket den jo ikke burde. Hvad gør jeg gal:

Tabel:
              <table bgcolor="#e4f1cd" cellpadding="0px" cellspacing="0px" class="gb_table" width="500px">
                <tr height="25px">
                  <th width="40%" class="gb_table_tr" align="left"><?=date('d-m-Y H:i',$row['date'])?></th>
                  <th width="20%" class="gb_table_tr" align="center"><? if($row['privat']==1) echo 'Privat'; ?></th>
                  <th width="31%" class="gb_table_tr" align="right"><?=kj_convert_navn($row['afsender'])?></th>
                  <th width="9%" class="gb_table_tr" align="right"><input type="checkbox" name="checkbox" id="checkbox">Slet</th>
                </tr>
                <tr>
                  <td style="max-width:50px;" width="50px" colspan="4"><? echo ($row['smiley']==1) ? replace_smiley($row['besked']) : $row['besked']?></td>
                </tr>
              </table>


CSS 'gb_table':

.gb_table {
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:2px;
}

På forhånd tak.
Avatar billede kjeldsted Novice
31. januar 2009 - 21:19 #1
Hov.:

<td style="max-width:50px;" width="50px" colspan="4"><? echo ($row['smiley']==1) ? replace_smiley($row['besked']) : $row['besked']?></td>

er jo selvfølgelig:

<td style="max-width:500px;" width="500px" colspan="4"><? echo ($row['smiley']==1) ? replace_smiley($row['besked']) : $row['besked']?></td

men det giver præcis det samme, med mindre der er tekst til mindre end 500px.
Avatar billede olebole Juniormester
31. januar 2009 - 21:21 #2
<ole>

Du må aldrig bruge enheder (f.eks. 'px') i HTML-attributter - men du skal altid bruge enheder i CSS-værdier.

<table bgcolor="#e4f1cd" cellpadding="0" cellspacing="0" class="gb_table" width="500">

/mvh
</bole>
Avatar billede kjeldsted Novice
31. januar 2009 - 21:23 #3
Hjalp desværre ikke så meget.
Avatar billede kjeldsted Novice
31. januar 2009 - 21:32 #4
Og fjerner jeg max-width:500px går teksten ikke ud over tabellen. Til gengæld bliver tabellen så bare alt, alt for bred. MEGET mere end de 500px.
Avatar billede kjeldsted Novice
31. januar 2009 - 21:38 #5
Fejl fundet. Lå ikke i HTML'en, men PHP'en hvor beskeden bliver gemt. Må havde være usandsynlig træt da jeg lavede den funktion.

Men smid et svar olebole.
Avatar billede olebole Juniormester
31. januar 2009 - 22:30 #6
Kommer her - men husk det om enheder. Det er ikke sikkert, tingene virker i de browsere, du ikke tester i  ;o)
Avatar billede kjeldsted Novice
31. januar 2009 - 23:03 #7
Skal jeg nok huske. (Selvom jeg plejer at teste i IE6, IE7, Google Chrome og Firefox på PC, samt Safari, Firefox og Opera til Mac ;-))

Men mange tak da :-D
Avatar billede olebole Juniormester
01. februar 2009 - 14:41 #8
Selvtak og tak for points  =)
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