/ 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
html til css ?
Fra : H.S.


Dato : 06-05-05 13:44

Jeg håber nogen her kan guide mig i den rigtige retning her.
Jeg har et html dokument, som skaber en tabel. Denne tabel vil jeg gerne
have mit stylesheet.css til at vise, frem for at denne tabel skabes af html
filen. - (det vil hjælpe lidt på tidforbruget, når der kommer 50 sider som
alle skal have denne tabel).

HTML koden ser sådan ud:
----------
<body bgcolor="DFDFDF">

<table width="100%" cellpadding="10" cellspacing="0" border="0"

bgcolor="DFDFDF"><TD><TD>

<table width="760" align="center" BGCOLOR="DFDFDF" BORDER="1"

bordercolor="000000" CELLSPACING="0" CELLPADDING="5" >

<td BGColor="FFFFFF">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

</table>

<body>

<img src="deadly_force_729.jpg" width="650" height="490">

</body>

------------

De sidste 6 linier er ikk noget problem. Det er de første 7 linier som
skaber tabellen - men hvordan får jeg denne kode skrevet i css ?
--
--
Henrik



 
 
Jens Peter Karlsen [~ (06-05-2005)
Kommentar
Fra : Jens Peter Karlsen [~


Dato : 06-05-05 14:35

Det kan du ikke. Du kan bruge CSS til at bestemme hvordan den ser ud men
HTML koden skal være der.
PS det er ikke tilladt med mere end et <body> tag i en html side.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

H.S. wrote:

> Jeg håber nogen her kan guide mig i den rigtige retning her.
> Jeg har et html dokument, som skaber en tabel. Denne tabel vil jeg gerne
> have mit stylesheet.css til at vise, frem for at denne tabel skabes af html

H.S. (06-05-2005)
Kommentar
Fra : H.S.


Dato : 06-05-05 14:45

"Jens Peter Karlsen [FP-MVP]" <jpkarlsen@mvps.org> skrev i en meddelelse
news:427b727f$0$220$edfadb0f@dread12.news.tele.dk...
> Det kan du ikke. Du kan bruge CSS til at bestemme hvordan den ser ud men
> HTML koden skal være der.

Det kan jo så forklare hvorfor jeg ikke har kunnet finde ud af det.... - men
det havde jo været temmelig praktisk, det ville jo netop sikre at man kunne
lave 100 sider, som alle var helt ens (som udgangspunkt)

> PS det er ikke tilladt med mere end et <body> tag i en html side.
>
Jeg har kigget i koden, og finder kun 1 <body> tag ?



Christoffer (06-05-2005)
Kommentar
Fra : Christoffer


Dato : 06-05-05 16:11

> Jeg har kigget i koden, og finder kun 1 <body> tag ?
Der er 2 i de linjer du har postet herinde..



Claus Jacobsen (06-05-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 06-05-05 16:42

H.S. skrev:

> Jeg håber nogen her kan guide mig i den rigtige retning her.
> Jeg har et html dokument, som skaber en tabel. Denne tabel vil jeg
> gerne have mit stylesheet.css til at vise, frem for at denne tabel
> skabes af html filen. - (det vil hjælpe lidt på tidforbruget, når der
> kommer 50 sider som alle skal have denne tabel).
>

Du har misforstået noget helt grundlæggende! CSS har intet med dokument
struktur at gøre! Det er udelukkende en Præsentation af data. DVS. den
grafiske fremstilling, med farver, skrifttyper, afstande etc. HTML
beskæftiger sig med decideret struktur, nemlig hvordan information
ligger i forhold til noget andet. (eks. at en menu kommer før dine
data.)
I den nedenstående kode (pas på med nestede tabeller det giver meget
hurtigt dårlig kode! :) ) vil du altså kunne beskrive dine tabeller i
css som:

body {
background: #dfdfdf;
}
..table1 {
width:100%;
border:0;
padding:10px;
margin:0;
}
..table2 {
width:100%;
border: 1px solid #000;
background-color:#dfdfdf;
padding:0;
margin:0;
}
..table3 {
width:100%;
etc.........

og i html filen vil du så beskrive det:

<body>
<table class="table1">
   <tr>
      <td><table class="table2">
         <tr>
            <td><table class="table3"></table></td></tr>
         </table></td></tr>
</table>
</body>

Den struktur du har nedenunder er faktisk noget værre volapyk, hvis du
fortæller hvordan det skal se ud, så kan vi hjælpe dig, men læg en side
på nettet, så er det meget lettere at se hvad du mener! Kode taget ud
af kontekst er vanvittig svær at blive klog på! Når vi kan se helheden
kan vi meget lettere hjælpe!


Claus

> HTML koden ser sådan ud:
> ----------
> <body bgcolor="DFDFDF">
>
> <table width="100%" cellpadding="10" cellspacing="0" border="0"
>
> bgcolor="DFDFDF"><TD><TD>
>
> <table width="760" align="center" BGCOLOR="DFDFDF" BORDER="1"
>
> bordercolor="000000" CELLSPACING="0" CELLPADDING="5" >
>
> <td BGColor="FFFFFF">
>
> <table border="0" width="100%" cellspacing="0" cellpadding="0">
>
> </table>
>
> <body>
>
> <img src="deadly_force_729.jpg" width="650" height="490">
>
> </body>
>
> ------------
>
> De sidste 6 linier er ikk noget problem. Det er de første 7 linier som
> skaber tabellen - men hvordan får jeg denne kode skrevet i css ?


H.S. (09-05-2005)
Kommentar
Fra : H.S.


Dato : 09-05-05 10:22

"Claus Jacobsen" <Claus@spammigikke.dk> skrev i en meddelelse
news:xn0e1xnaiugg9000@news.sunsite.dk...
>
> Den struktur du har nedenunder er faktisk noget værre volapyk, hvis du
> fortæller hvordan det skal se ud, så kan vi hjælpe dig, men læg en side
> på nettet, så er det meget lettere at se hvad du mener! Kode taget ud
> af kontekst er vanvittig svær at blive klog på! Når vi kan se helheden
> kan vi meget lettere hjælpe!
>
>
Hej claus, tak for hjælpen...

Hvis du kigger på http://www.qlm.dk/ har jeg et layout som jeg gerne vil
flytte fra html til css. Baggrundsfarven er jo nemt nok det er den hvide
'kasse' som billedet ligger i. Denne kasse udvider sig nedad automatisk,
hvis der kommer mere data ind i den.

Men det er denne hvide kasse som jeg bare ikke forstår at lave i css. (har
den lavet som html, men for at sikre ensartet hed, kunne jeg godt tænke mig
at få den lavet som css).

Håber det giver lidt mening



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


Dato : 10-05-05 16:15

H.S. wrote:

> Hvis du kigger på http://www.qlm.dk/ har jeg et layout som jeg gerne
> vil flytte fra html til css.

Prøv lige at lade validatoren kigge på den side:

http://validator.w3.org/check?verbose=1&uri=http%3A//www.qlm.dk/

Du har lagt en tabel ind før <body>, det må man ikke.

Tabellens opbygning halter også slemt.

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



Claus Jacobsen (10-05-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 10-05-05 20:23

H.S. skrev:

> "Claus Jacobsen" <Claus@spammigikke.dk> skrev i en meddelelse
> news:xn0e1xnaiugg9000@news.sunsite.dk...
> >
> > Den struktur du har nedenunder er faktisk noget værre volapyk, hvis
> > du fortæller hvordan det skal se ud, så kan vi hjælpe dig, men læg
> > en side på nettet, så er det meget lettere at se hvad du mener!
> > Kode taget ud af kontekst er vanvittig svær at blive klog på! Når
> > vi kan se helheden kan vi meget lettere hjælpe!
> >
> >
> Hej claus, tak for hjælpen...
>
> Hvis du kigger på http://www.qlm.dk/ har jeg et layout som jeg gerne
> vil flytte fra html til css. Baggrundsfarven er jo nemt nok det
> er den hvide 'kasse' som billedet ligger i. Denne kasse udvider sig
> nedad automatisk, hvis der kommer mere data ind i den.
>
> Men det er denne hvide kasse som jeg bare ikke forstår at lave i css.
> (har den lavet som html, men for at sikre ensartet hed, kunne jeg
> godt tænke mig at få den lavet som css).
>
> Håber det giver lidt mening

hmm som sagt! din kode er noget "bras" når man indsætter en tabel, SKAL
man angive rækker først og kolonner bagefter. Disse tags hedder <tr> og
<td> og SKAL afsluttes med </tr> og </td>. Så hvis du skal lave en
"kasse" med 3 kolonner i (tænk som i et regneark!) skal det altså være:

<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Skal der være flere rækker så skal de være efter hinanden:
(i stil med og ikke fuldstændigt udfyldt!)
<table>
<tr></tr>
<tr></tr>
<tr></tr>
</table>
Her er der en "struktur" der svarer til en række til header, en til
content, og en til footer! mere eller mindre "standarddesign"

Og husk!!! AL htmlkode der skal "vises" på skærmen skal befinde sig
mellem <body> og </body>.

Tag et par af de tutorials på www.html.dk, jeg er sikker på, de kan
hjælpe dig et godt stykke af vejen. (eller www.hjemmesideskolen.dk)


Claus

Lasse Reichstein Nie~ (10-05-2005)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 10-05-05 21:21

"Claus Jacobsen" <Claus@spammigikke.dk> writes:

> hmm som sagt! din kode er noget "bras" når man indsætter en tabel, SKAL
> man angive rækker først og kolonner bagefter. Disse tags hedder <tr> og
> <td> og SKAL afsluttes med </tr> og </td>.

Og hvis man husker det, så vil det virke!

For pedanterne (her taler jeg vist mest til mig selv), så er det kun
*næsten* korrekt. Både for td- og tr-elementerne er slut-tagget valgfrit.

Altså er dette *gyldigt* HTML:

<table>
<tr><td> A1 <td> A2 <td> A3
<tr><td> B1 <td> B2 <td> B3
<tr><td> C1 <td> C2 <td> C3
</table>

Det er bare ikke *smart* HTML. Når man udelader sine slut-tags, så er
det meget nemmere at komme til at lave en fejl, der ikke lige kan ses
med det samme. Og så er det en dårlig vane at have, hvis man senere
skifter til XHTML, eller bare arbejder med XML, hvor alle tags skal
afsluttes. De par bytes man sparer er ikke det værd :)

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

H.S. (11-05-2005)
Kommentar
Fra : H.S.


Dato : 11-05-05 09:34

"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
news:k6m64ytu.fsf@hotpop.com...
> "Claus Jacobsen" <Claus@spammigikke.dk> writes:

Tak for jeres kommentarer, jeg prøver forfra



Claus Jacobsen (11-05-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 11-05-05 16:57

Lasse Reichstein Nielsen skrev:

> "Claus Jacobsen" <Claus@spammigikke.dk> writes:
>
> > hmm som sagt! din kode er noget "bras" når man indsætter en tabel,
> > SKAL man angive rækker først og kolonner bagefter. Disse tags
> > hedder <tr> og <td> og SKAL afsluttes med </tr> og </td>.
>
> Og hvis man husker det, så vil det virke!
>
> For pedanterne (her taler jeg vist mest til mig selv), så er det kun
> *næsten* korrekt. Både for td- og tr-elementerne er slut-tagget
> valgfrit.
>
> Altså er dette gyldigt HTML:
>
> <table>
> <tr><td> A1 <td> A2 <td> A3
> <tr><td> B1 <td> B2 <td> B3
> <tr><td> C1 <td> C2 <td> C3
> </table>
>
> Det er bare ikke smart HTML. Når man udelader sine slut-tags, så er
> det meget nemmere at komme til at lave en fejl, der ikke lige kan ses
> med det samme. Og så er det en dårlig vane at have, hvis man senere
> skifter til XHTML, eller bare arbejder med XML, hvor alle tags skal
> afsluttes. De par bytes man sparer er ikke det værd :)
>
> /L

Jeg vil under ingen omstændigheder anbefale den måde du skriver! Du
giver selv grundene, og man bør ikke lære unoder fra starten.(de kan
komme tidsnok!) Da går det helt af helvede til senere! Især med de
værktøjer webdesigneren har til rådighed idag, er netop træ-strukturen
et vigtigt middel til at se hvor det går galt henne! (dom-inspector i
firefox eksempelvis) Så hvis den "forsvinder" så bliver det bare endnu
sværere at debugge html-koden.


Claus

Jens Gyldenkærne Cla~ (12-05-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 12-05-05 09:50

Claus Jacobsen skrev:

> Jeg vil under ingen omstændigheder anbefale den måde du skriver!

Lasse fraråder jo også selv den angivne måde. Han pointerer bare - hvad
der er helt korrekt - at td og tr ikke *skal* afsluttes i html.

> Især med de værktøjer webdesigneren har til rådighed idag, er netop
> træ-strukturen et vigtigt middel til at se hvor det går galt henne!
> (dom-inspector i firefox eksempelvis) Så hvis den "forsvinder" så bliver det bare endnu
> sværere at debugge html-koden.

Træstrukturen "forsvinder" ikke bare fordi man undlader en valgfri
slutkode. Browsere kan godt opbygge en træstruktur ud fra et
html-dokument, selv om det ikke følger xml-standarden (hvor alle koder
er lukket).

Men hvis der er fejl i html-koden, er det afgjort en fordel hvis man
konsekvent lukker alle elementer der må lukkes (eller bare bruger xhtml,
hvor alle elementer *skal* lukkes).

--
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

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

Månedens bedste
Årets bedste
Sidste års bedste