/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Pæne kanter på tabeller?
Fra : Morten


Dato : 26-10-05 09:07

Hej jeg er ved at designe en side og er lidt grøn på området.

Mit spørgsmål er hvordan jeg får pæne, tynde og ensfarvede kanter
på mine tabeller. På min side kan I se mit problem.

Menuboksen lystre ikke den css kode som jeg har skrevet, men
bruger jeg koden på et div tag er der ingen problemer.

Jeg har lavet en class som som jeg tilføjer både tabellen og
divtagget, men resultatet er forskelligt. Jeg synes at tabeller
er lidt lettere at styre så derfor foretrækker jeg dem.

Prøv at se her:
http://stillepc.web.surftown.dk/stillepc/test2.htm

(det er tabellen øverst og divtagget nederst)

Jeg ville gerne have boksene til at se ud som på denne side:
http://sportsfisker.dk/

min css kode ser sådan ud:

menubox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   height: auto;
   width: 160px;
   font-size: 10px;
   text-decoration: none;
   border: 1px solid;
}

Håber I kan hjælpe

mvh
Morten

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Claus Rasmussen (26-10-2005)
Kommentar
Fra : Claus Rasmussen


Dato : 26-10-05 09:27

> Mit spørgsmål er hvordan jeg får pæne, tynde og ensfarvede kanter
> på mine tabeller. På min side kan I se mit problem.

Det kan du da helt sikkert. Spørgsmålet er jo så hvordan du
definerer 'pæne'

> Menuboksen lystre ikke den css kode som jeg har skrevet, men
> bruger jeg koden på et div tag er der ingen problemer.
>
> Jeg har lavet en class som som jeg tilføjer både tabellen og
> divtagget, men resultatet er forskelligt. Jeg synes at tabeller
> er lidt lettere at styre så derfor foretrækker jeg dem.

Start med at sætte border="0" på dine table's. Sæt class på alle de
'kasser' du vil ha' rammer omkring og style dem i dit stylesheet.
Den 'grimme' ramme du har omkring dine 'kasser' kommer fra table
border="1".

/Claus

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Morten (26-10-2005)
Kommentar
Fra : Morten


Dato : 26-10-05 09:38

tak for det hurtige svar.

Det hjælper afgjort at sætte border til 0, men det giver mig stadig
ikke den ensfavede tynde kant rundt om tabellen eller ensfarvede tynde
linier der deler cellerne op. Såden der det jo ud på reference siden.

Hvordan løser jeg det?


Claus Rasmussen wrote in dk.edb.internet.webdesign.html:
> > Mit spørgsmål er hvordan jeg får pæne, tynde og ensfarvede kanter
> > på mine tabeller. På min side kan I se mit problem.
>
> Det kan du da helt sikkert. Spørgsmålet er jo så hvordan du
> definerer 'pæne'
>
> > Menuboksen lystre ikke den css kode som jeg har skrevet, men
> > bruger jeg koden på et div tag er der ingen problemer.
> >
> > Jeg har lavet en class som som jeg tilføjer både tabellen og
> > divtagget, men resultatet er forskelligt. Jeg synes at tabeller
> > er lidt lettere at styre så derfor foretrækker jeg dem.
>
> Start med at sætte border="0" på dine table's. Sæt class på alle de
> 'kasser' du vil ha' rammer omkring og style dem i dit stylesheet.
> Den 'grimme' ramme du har omkring dine 'kasser' kommer fra table
> border="1".
>
> /Claus
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (26-10-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 26-10-05 10:17

Morten skrev:

> Det hjælper afgjort at sætte border til 0, men det giver mig
> stadig ikke den ensfavede tynde kant rundt om tabellen eller
> ensfarvede tynde linier der deler cellerne op. Såden der det
> jo ud på reference siden.


Prøv at se på siden her:
<http://www.html-faq.dk/2006.asp?style=tabelstyle0.css>

Du kan også bare prøve med følgende css-kode:

   table{ border-collapse: collapse; }
   td{ border: 1px solid black; padding: 0.2em; }


NB: Læs gerne min signatur.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Morten (26-10-2005)
Kommentar
Fra : Morten


Dato : 26-10-05 10:52

Tak for svar!!

border-collapse: collapse; løste problemet og nu ser alt ud som
jeg vil have det.



Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Morten skrev:
>
> > Det hjælper afgjort at sætte border til 0, men det giver mig
> > stadig ikke den ensfavede tynde kant rundt om tabellen eller
> > ensfarvede tynde linier der deler cellerne op. Såden der det
> > jo ud på reference siden.
>
>
> Prøv at se på siden her:
> <http://www.html-faq.dk/2006.asp?style=tabelstyle0.css>
>
> Du kan også bare prøve med følgende css-kode:
>
>    table{ border-collapse: collapse; }
>    td{ border: 1px solid black; padding: 0.2em; }
>
>
> NB: Læs gerne min signatur.
> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (26-10-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 26-10-05 11:26

Morten skrev:

> Tak for svar!!

Velbekomme. Du må stadig gerne læse min signatur.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Bertel Lund Hansen (26-10-2005)
Kommentar
Fra : Bertel Lund Hansen


Dato : 26-10-05 09:55

Morten skrev:

> Mit spørgsmål er hvordan jeg får pæne, tynde og ensfarvede kanter
> på mine tabeller.

Brug: cellspacing='0'. Eksempel:

<table width="950" border="1" cellspacing="0" align="center" class="hovedtabel">

Cellspacing regulerer bredden på stregen i tabellerne.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

Erik Ginnerskov (26-10-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-10-05 22:33

Bertel Lund Hansen wrote:

> Brug: cellspacing='0'. Eksempel:
>
> <table width="950" border="1" cellspacing="0" align="center"
> class="hovedtabel">
>
> Cellspacing regulerer bredden på stregen i tabellerne.

Cellspacing styrer bredden på mellemrummet mellem tabelcellers border - og
kan nulstille den. Men cellspacing kan ikke få to nabocellers border til at
overlappe. Her skal man bruge border-collapse:collapse; i css.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste