<table> spørgsmål

Sådan her mener jeg: border="1px solid #000"

CSS: style="border:1px solid #000"

CSS: style="border:1px solid #000;"

du kan jo bare sige:

<table style="border: 1px solid yellow; td {border: 1px solid yellow;}">
...

Du kan så vælge mellem følgende værdier:
[ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]

Læs mere: http://www.w3.org/TR/CSS21/box.html#border-style-properties

Men hvorfor vil du undgå CSS, om muligt?

<ole>

wicez >> du kan skrive, hvad somhelst ... men det dér duer ikke til noget  :)

/mvh
</bole>

ole > Jeg mente heller ikke at have set den type style før, men kunne ikke modsige det ;-)

evildoctor >> Jeg forstå dog ikke, hvad du mener med dette:
"Hvordan f... er det lige det skifter border-style på en simpel tabel uden CSS????
(Jeg kan bruge CSS om nødvendigt i denne opbygning, men der er kun den ene tabel, så den letteste løsning...)"

Der er ingen modsætning mellem brug af tabeller og brug af CSS  :)

HTML er et sprog, der indholder forskellige elementer - herunder tabeller, div og span.

CSS er et helt andet sprog, der bruges til at style _alle_ tilgængelige HTML-elementer med. CSS indeholder ikke selv elementer.

Du kan sagtens bruge CSS sammen med tabeller - og hvis du undlader at bruge tabeller, bliver det ikke 'mere CSS' ... eller bedre kode.

Du skriver god kode, når du bruger de elementer, der bedst egnet til en given opgave - og det kan meget vel være tabeller blandet med andre elementer  :)

>olebole:
Jeg er skam godt klar over forskellen
På den pågældende side anvendes et stylesheet der bliver brugt på mange forskellige sider. Det er dog kun på denne ene side der skal være en tabel, og for at undgå at lægge designet ind i min CSS-fil (der jo let bliver meget stor og rodet PÅ TRODS af man forsøger at holde orden!).
Derfor ville det i dette tilfælde være nemmere om jeg bare definerede tabellens udseende direkte i min HTML.

Som det næsten fremgår, har jeg ikke den store erfaring i tabeller (har ikke haft brug for det før!), men har mere brugt opsætninger via min CSS.

Nu kan jeg så se at jeg skal definere for såvel tabellen som for mine <TR> of <TD>, og det bliver hurtigt et stort arbejde.
Hvordan ligger jeg designet ind via min CSS så den appliceres på hele tabellen???
Altså, en definition af udseendet for <table>, <tr> og <td>

ole-bedste-ven, smid lige et svar i http://www.eksperten.dk/spm/630583 :)

evildoctor:

#menutable {
width: 755px;
background-color: #e7e7e7;
margin: 0px auto;
border: 0px;
padding: 0px;
border-collapse: collapse;
}
#menutable td {
text-align: left;
vertical-align: top;
margin: 0px;
border: 0px;
padding: 0px;
}

CSS:

#mytable {
width: 755px;
background-color: #e7e7e7;
margin: 0px auto;
border: 0px;
padding: 0px;
border-collapse: collapse;
}
#mytable td {
text-align: left;
vertical-align: top;
margin: 0px;
border: 0px;
padding: 0px;
}


HTML:


<table id="mytable">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>

Det tyder nu ikke på, du kender så meget til forskellene  :)

Når CSS-filer bliver meget store, er det som oftest, fordi folk bruger CSS uhensigtsmæssigt. Bruger du f.eks. en masse ID-selectors, skriver du i modstrid med meningen med CSS - og din fil bliver meget stor. Bruger du derimod CSS's kaskade- og arveregler i fuld udstrækning, kan CSS'en somregel gøres ganske lille.

Du kan jo stadig bruge CSS direkte på dit tabel-tag:

<table style="width:500px;height:300px;border:1px solid red">
... osv ...

Det er dog i udgangspunktet heller ikke i overensstemmelse med tanken bag CSS, hvorfor denne mulighed da også bortfalder helt i næste markup-version

Der er vist dobbelt konfetti, måske olebole kan hjælpe lidt? :)

evildoctor >> denne kommentar:
"Som det næsten fremgår, har jeg ikke den store erfaring i tabeller (har ikke haft brug for det før!), men har mere brugt opsætninger via min CSS."

- viser, det kniber med den dybere forståelse af CSS. Du skelner mellem opsætning ved hjælp af tabeller og via CSS - men de to ting er på _ingen_ måde hinandens modsætninger. I mange situationer er de endda én og samme ting  :)

- og du kan jo også sagtens gøre, som Steen viser dig:

<link rel="stylesheet" ...... >
<style type="text/css">
table {
  /* Regler her */
}
table td {
  /* Regler her */
}
</style>

Så kan du nøjes med at have table-reglerne i det dokument, hvor de skal bruges - og den metode holder også i fremtidige markup-versioner  :)

Takker for hjælpen.
En anden lille ting.
Der kommer lidt tekst der skal stå nedenunder tabellen, men det kommer til at stå på højre side af tabellen - hvordan klarer jeg lige den?

Olebole og Steen. Smid et svar c,")

Som ole siger 20:38:29, så kan du jo overføre det, der står i dit CSS, direkte til dine tabeller/td's ved at benytte styles, forskellen er den samme:

#mytable {
width: 755px;
background-color: #e7e7e7;
margin: 0px auto;
padding: 0px;
border-collapse: collapse;
}

- sat ind i en style på tabellen:

<table style="width: 755px; background-color: #e7e7e7; margin: 0px auto; padding: 0px; border-collapse: collapse;">

Takker nej, jeg skulle lige have fat i ole, og kommenterede bare dit spørgsmål :)

evildoctor 20:49:57 - Det burde der da ikke ....? Når du afslutter tabellen, burde det efterfølgende stå under tabellen, ikke til højre for tabellen. Medmindre din tabel ligger inde i noget andet, og du måske benytter noget float: left/right;

Tabellen afsluttes selvfølgelig ;P men den tekst der kommer bagefter float'er right!

Har du sat style="float: right;" ind nogen steder?

Jeps!

Så er det måske der kæden hopper af? Kan du smide dit HTML her?

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>
<title>Behandlingsprincipper for Astma og KOL</title>
<link rel="stylesheet" href="../../bagom/stilenerprofilen.css" />
</head>
<body>
<h1>Behandling af astma & KOL. Alt indhold er strengt til privat brug.</h1>
<img src="bagom/dot.jpg" width="1" height="15"><br />

<h2><b><i>Medicin (ATC R03A)</i></b></h2>
<img src="bagom/dot.jpg" width="1" height="5"><br />

<table style="border: 1px solid #000000" valign="top" align="left">

FOR OVERSKUELIGHEDENS SKYLD ER INFHOLDET I TABELLEN PILLET UD.
DER ER INGEN UNDER-TABELLER, BARE EN STRIKS <TR><TD> OPBYGNING!!
Og en masse kedelige oplysninger ;(

</table>

<h1 style="float: right">Morten Nielsen 2005.</h1>
</body>
</html>


Som du ser er det skåret til benet, men det er jo også uden for tabellen at problemet opstår ;(

Jeg gætter på at det er denne der er skyld i problemet:
<h1 style="float: right">Morten Nielsen 2005.</h1>

Hvorfor har du en float, der?

... Og så kommer olebole nok om lidt, og beder dig om at flytte din XML-prolog ned under din DTD ;-)

Float'en er der bare for at få teksten til at hænge til højre (alene for designets skyld ;)
Men selvom jeg bare indsætter noget <p>tekst</p> er det stadig til højre for tabellen!

...og iøvrigt er problemet der også uden float. Har checket c,")

Har du prøvet med følgende:

<table style="width:100%; text-align:top; border:1px solid #000000;">

?

Fejl!

Sådan:
<table style="width:100%; text-align:left; vertical-align:top; border:1px solid #000000;">

Jeg ville først og fremmest benytte

#mytable td {
text-align: left;
vertical-align: top;
margin: 0px;
border: 0px;
padding: 0px;
}

- istedet for at benytte align og valign. Jeg tror godt nok den er gangbar iflg. W3C's anbefalinger, men når du alligevel er i gang med CSS :)

Dernæst ville jeg sætte den linie ind i tabellen også, hvis jeg var dig. Ikke mindst p.gr.a. kontinuiteten på siden:


CSS:

#mytable {
width: 755px;
background-color: #e7e7e7;
margin: 0px auto;
border: 0px;
padding: 0px;
border-collapse: collapse;
}
#mytable td {
text-align: left;
vertical-align: top;
margin: 0px;
border: 0px;
padding: 0px;
}


<table style="width: 755px; background-color: #e7e7e7; margin: 0px auto; padding: 0px; border-collapse: collapse;">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td colspan="2"><span style="float: right;">Morten Nielsen 2005</span></td>
    </tr>
</table>

Sorry, CSS skulle ikke have været med i eksemplet.

Jamen, hvorfor i alverden skriver du dog:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

XHTML er ubrugeligt, som WWW ser ud idag - og de nuværende XHTML-versioner er der ingen fremtidssikring i. Jeg sætter gerne 100 mod 1 på, at din side parses som dårlig og fejlfyldt HTML i samtlige browsere ... ikke som XHTML  :)

Ydermere disabler du nogle af de vigtigste områder af CSS i IE, når du skriver noget før DTD'en ... også en XML-prolog  ;o)

Skriv i stedet i HTML4.01, som er den seneste markup-version, der virker på WWW. Så kan du også bruge CSS i IE  :)

F.eks. skal det gule område ifølge CSS være lige stort i disse to div (border'en skal ligge udenom elementet):

<div style="width:200px;height:200px">&nbsp;</div>
<div style="width:200px;height:200px;border:50px solid red">&nbsp;</div>

Hvis du paster dem ind i et af dine dokumenter, er det ikke tilfældet i IE. Det skyldes, du - med din XML-prolog - har disabled CSS's box-model i dit dokument  ;o)

ups:

<div style="width:200px;height:200px;background:yellow">&nbsp;</div>
<div style="width:200px;height:200px;background:yellow;border:50px solid red">&nbsp;</div>

>olebole:
Dit indlæg var venter ;) jf. Steen Hansen kl. 21:35:51.
Kan du ikke lige paste hvordan mine 3 første linier så bør se ud???

*ventet

XHTML er en hel masse mere end blot at bruge en DTD - lukke tags - og skrive med småt. Problemet er bare, at langt de fleste tutorial-forfattere ikke aner det første om XHTML.
Når de priser XHTML i skyhøje toner, skyldes det således tro og religiøse åbenbaringer. Stort set ingen af dem har nogensinde selv skrevet så meget som ét eneste fungerende XHTML-dokument. De aner med andre ord intet om, hvorvidt XHTML virker anderledes end HTML.

Du kunne f.eks. skrive:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
... osv ... osv ...

- og så droppe alle dine XHTML-lukninger: ' />' bør være '>'

- og så kan jeg anbefale:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538

- hvor jeg forsøger at løfte sløret lidt for, hvad XHTML er - og hvorfor man bør vente  :)

Jamen, tak for de vise ord!
Jeg har ganske rigtig "samlet det op" undervejs at jeg bør skifte til XHTML, men har aldrig rigtig ledt efter en forklaring.
Jeg arbejder nu heller ikke voldsomt meget med html. Det hele startede egentlig fordi jeg fik en søn og var nødt til at lave en hjemmeside så familien kunne se ham (grundet afstande!). Jeg ledte så efter en hjemmeside-editor, men ingen giver mig rigtig fuld kontrol, og så lærte jeg de basale ting i html, og som du jo nok ved griber det jo om sig!!!!

Jeg må jo så hellere starte op med at revidere lidt på det der XHTML!!!

Selvtak. Du må endelig ikke misforstå ... jeg har selv _meget_ svært ved at vente på, XHTML bliver en reel mulighed  :)

Selvom jeg kan regne ud, det må være et stykke tid siden, så tillykke med sønnike - og held og lykke med webkodningen  ;o)

Ingen misforståelse!
Det er jo tydeligt du brænder for det her, og så får man jo med tiden nogle markante holdninger man gerne vil videregive til andre! c,")

Din hjælp (og synspunkter!) har været til gavn. Tak for det.
Fortsat god weekend.
Lukker og slukker!
(10-4 this is rubberduck. Over!)

Jeg syntes bare jeg havde set "min version" før, olebole ved du hvordan man kan lave td-styling i tabel-tagget?

>>wicez

Nej !-)

Hmm.. Så må det være mig der husker forkert ;o)

- og så er det jo skønt, at roenving kender mig så godt, han præcist ved, hvad jeg ikke ved ... og han har så evig ret  ;o)

*lol*

>>ole

-- jeg regner jo ikke lige dig for at være omnipotent, så når ingen andre ved det, gør du heller ikke !-)

Kan man virkelig ikke style en tabels td'er i tabellens inline-css? :'(

roenving 16/10-2005 14:17:22

>>wicez

Nej !-)