Avatar billede tommy_carstensen Nybegynder
14. januar 2005 - 22:46 Der er 7 kommentarer og
1 løsning

css table cellpadding cellspacing

Kan align, cellpadding og cellspacing i følgende erstattes med styles/CSS:
<table class="level1" align="center" cellpadding="0" cellspacing="0">

Fra min CSS-fil:
table.level1 {
    background-color: #e7f1e1;
    width: 718px;
    height: 100%;
}

Jeg har kigget hos w3schools.org, men kan ikke finde en løsning. Se evt. http://proteinkemi.dk/sub_professional_links.asp, hvor designet lige nu er røget sig en tur...prøv at abstrahere fra det :)

Jeg håber, at nogen kan hjælpe?!
Avatar billede olebole Juniormester
14. januar 2005 - 23:26 #1
<ole>

<style type="text/css">
table.level1 {
    background-color: #e7f1e1;
    width: 718px;
    height: 100%;
    border-collapse: collapse;
    margin: 0px auto;
}
table.level1 td {
    padding: 0px;
}
</style>

<table class="level1">

/mvh
</bole>
Avatar billede tommy_carstensen Nybegynder
14. januar 2005 - 23:35 #2
Hvad er der andet end at sige: "Det virker! Tusind tak for hjælpen!"?
Det virker! Tusind tak for hjælpen!

Kan align center og right erstattes med noget smart i CSS? Det er et tillægsspørgsmål, som du ikke behøver at besvare. Jeg var blot nysgerrig, for jeg synes nemlig, at relativ og absolut positionering er besværligt, hvis noget ikke er venstrestillet.
Avatar billede olebole Juniormester
14. januar 2005 - 23:56 #3
Selvtak og tak for points  :)

align="center" er erstattet af 'margin:0px auto' i stylesheet'et - det centrerer en tabel.
Du kan også give tabellen 'float:right' - hvilket kan højrestille den. Du kan som sagt også bruge positionering, men det kommer het anpå, hvad der præcist ønskes i den givne situation ... og resten af koden i øvrigt  :)
Avatar billede tommy_carstensen Nybegynder
15. januar 2005 - 00:03 #4
Det kan være, at jeg opretter nyt spm. for at høre nærmere. Indtil videre er jeg fint tilfreds med alm. html-align. Ellers tak :)
Der er forresten kun et problem med din løsning på cellspacing og cellpadding. Efterfølgende td-celler får også padding: 0px, som kun kan overrules ved at neste en ny tabel. Jeg sidder og prøver nogle alternativer lige nu. Skriver tilbage til de interesserede, når jeg har fundet en god løsning :)
Avatar billede tommy_carstensen Nybegynder
15. januar 2005 - 00:43 #5
Det er selvfølgelig ikke nødvendigt at neste tabellerne yderligere. Jeg lavede blot en paragraf i td-cellen.

<p class="address">

p.address {
    padding: 5px;
}
Avatar billede olebole Juniormester
15. januar 2005 - 15:09 #6
Er det ikke lidt overkill?  :)

.myPaddedCell {
  padding: 5px;
}

<td class="myPaddedCell">Denne tekst har luft omkring sig ...</td>
<td>det har denne ikke</td>
Avatar billede olebole Juniormester
15. januar 2005 - 15:09 #7
Eller:
td.myPaddedCell {
  padding: 5px;
}
Avatar billede tommy_carstensen Nybegynder
15. januar 2005 - 21:14 #8
Hvis cellen med padding=5px ligger i tabellen med class=level1, hvor

table.level1 td {
    padding: 0px;
}

bliver padding 5px. Dit forslag virker ikke. Men tak for det anyways :)
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