Avatar billede pla-net Nybegynder
26. oktober 2005 - 15:52 Der er 6 kommentarer

Lidt "luft" i.f.m. border

Hej,

Jeg er gang på gang stødt på et irriterende moment i.f.m. CSS.

Er ved at designe en ny side, og har brugt border-CSS. Der opstår et "luftrum" mellem border og "siten" Hvis I ikke forstår hvad jeg mener, så tjek www.pla-net.dk - der er også lidt luft ved border og ind til siten... Træls!!

hvad er problemet mine damer og herrer? :)
Avatar billede notes2c Nybegynder
26. oktober 2005 - 16:06 #1
Du mangler op sætte cellpadding og spacing

<TABLE WIDTH="750" HEIGHT="550" BORDER="0" BGCOLOR="#FFFFFF" ALIGN="center" ID="pla" cellpadding="0" cellspacing="0">

PS: Der er rod i dine styles check paranteserne
Avatar billede pla-net Nybegynder
27. oktober 2005 - 08:58 #2
Koden på den nye hjemmeside ser således ud.

<table class="table" width="700" border="1" cellspacing="0" cellpadding="0" align="center" height="500">

Derfor undres jeg...
Avatar billede notes2c Nybegynder
27. oktober 2005 - 10:13 #3
Det kan jeg godt forstå for du har rettet det forkerte sted.... Det er den første tabel jeg har rette, hvilket også skulle frem gå af bl.a. id="pla"...

Og du har heller ikke rettet og forkortet dit stylesheet, bør vist se sådan ud, ik.......

Så ret det hellere, så bliver det som du gerne vil have det...

<style type="text/css">
#pla {
    border: thin ridge black;
}
a {
    color: black;
}
a:link {
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:none;
    background-color: #DDC591;
}
</style>
Avatar billede roenving Novice
27. oktober 2005 - 15:57 #4
-- og der findes slet ikke en height-attribut til et table-element, men det kan sætte med en css-property !-)

-- og i stedet for en masse style-properties i html-attributter, kan du jo ligesågodt bruge dit stylesheet:

<style type="text/css">
.tabel{
    width:700px;
    height:500px;
    border:1px solid black;
    text-align:center;
    border-collapse;
}
.tabel td,#pla td{
    margin:0;
    padding:0;
}
#pla {
    border: thin ridge black;
    width:750px;
    height:550px;
    background-color:#fff;
    text-align:center;
    border-collapse:collapse;
}

a {
    color: black;
}
a:link {
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:none;
    background-color: #DDC591;
}
</style>

-- så kommer dine tabel-tags til at se sådan ud:

<table id="pla">

-- og:

<table class="tabel">

-- bemærk, at jeg lige lavede klasse-navnet om, så der ikke opstår risiko for sammenblanding i nogensomhelst tilfælde !-)
Avatar billede roenving Novice
27. oktober 2005 - 15:58 #5
Hov, border-collapse skal også have en værdi i .tabel-reglen:

    border-collapse:collapse;
Avatar billede notes2c Nybegynder
04. november 2005 - 13:55 #6
Skal du ikke have rettet dit site...
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