Avatar billede Slettet bruger
18. juni 2008 - 15:41 Der er 2 kommentarer og
1 løsning

Padding rundt om tekst i kolonne /m stylesheet

Hej,

Hvordan laver jeg så der kommer præcis 16px luft til venstre og højre for hver menu-tekst i nedenstående ved hjælp af css?

Tænker på hvordan skal det se ud i stylesheetet og hvor jeg skal lave min class="menu" i nedenstående kode evt.?

<table width="948" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#56aa4b">
  <tr>
    <td width="34" height="28">&nbsp;</td>
    <td><div align="center">Menu1</div></td>
    <td width="2">&nbsp;</td>
    <td><div align="center">Menu2</div></td>
    <td width="2">&nbsp;</td>
    <td><div align="center">Menu3</div></td>
    <td width="2">&nbsp;</td>
    <td><div align="center">Menu4</div></td>
    <td width="2">&nbsp;</td>
    <td><div align="center">Menu5</div></td>
    <td width="2">&nbsp;</td>
    <td><div align="center">Menu6</div></td>
    <td width="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Avatar billede olebole Juniormester
18. juni 2008 - 16:30 #1
<ole>

Du sætter en klasse (menu) på de celler, som skal paddes. Derefter skriver du i stylesheet'et:

.menu {
    padding: 0 16px;
}

/mvh
</bole>
Avatar billede Slettet bruger
19. juni 2008 - 10:29 #2
Perfekt, tak for hjælpen! Opretter du svar giver jeg points. :)
Avatar billede Slettet bruger
08. december 2010 - 10:44 #3
lukker
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