/ 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
Erstatte tabel med <div>?
Fra : Henrik Brix Andersen


Dato : 15-10-02 17:44

Hej,

Jeg indser, at dette er et ofte stillet spørgsmål...
Jeg har bladret arkivet igennem for at finde et svar, men kan ikke
umiddelbart finde et, jeg kan bruge.

http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
Mit problem er, at jeg ikke kan finde ud af
at erstatte den anvendte <table>...</table> med rene <div>...</div> og css2. Jeg
har jævnfør en tidligere post her på gruppen kigget på
http://glish.com/css/ men da jeg ikke ønsker at bruge position: absolute
(da indholdet skal centreres på siden), kan jeg ikke overføre eksemplerne
dér uden videre.

Håber der er én, der har et godt forslag til hvordan jeg kan ungå at bruge
<table>...</table> og stadig bevare det visuelle layout.

Mvh
../Brix

 
 
Magne Heen (15-10-2002)
Kommentar
Fra : Magne Heen


Dato : 15-10-02 20:33

Henrik Brix Andersen wrote:
>
> Hej,
>
> Jeg indser, at dette er et ofte stillet spørgsmål...
> Jeg har bladret arkivet igennem for at finde et svar, men kan ikke
> umiddelbart finde et, jeg kan bruge.
>
> På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
> Mit problem er, at jeg ikke kan finde ud af
> at erstatte den anvendte <table>...</table> med rene <div>...</div> og css2. Jeg
> har jævnfør en tidligere post her på gruppen kigget på
> http://glish.com/css/ men da jeg ikke ønsker at bruge position: absolute
> (da indholdet skal centreres på siden), kan jeg ikke overføre eksemplerne
> dér uden videre.
>
> Håber der er én, der har et godt forslag til hvordan jeg kan ungå at bruge
> <table>...</table> og stadig bevare det visuelle layout.
>

Her er et eksperiment jeg gjorde for en tid siden der jeg fjernet
tabellen og erstattet den med div.

Ettersom det var et eksperiment er jeg sikker på at det kan gjøres
bedre.

se på; http://home.powertech.no/magneh/test/w3org-ny.html

og se om du finner noe brukbart i koden her.


Magne Heen.

Niels Andersen (15-10-2002)
Kommentar
Fra : Niels Andersen


Dato : 15-10-02 21:08

Henrik Brix Andersen wrote in <aohgkm$gjk$1@sunsite.dk>:
> På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
> Mit problem er, at jeg ikke kan finde ud af
> at erstatte den anvendte <table>...</table> med rene <div>...</div> og
> css2.

Nu er det selvfølgelig ikke mig der skal bestemme hvordan det ser ud, men
jeg vil lige tillade mig at komme med denne kommentar. :)

Det er fint at du forsøger at undgå table-tagget, når nu det ikke er en
tabel du er ved at lave.
Næste skridt er så at lade være med at tænke i tables når man designer.

Det layout du har lavet (eller i hvert fald det man ser på den side) er som
designet til at blive lavet i tables. (Måske fordi det kun er det, du
viser?)

> men da jeg ikke ønsker at bruge position: absolute (da indholdet skal
> centreres på siden), kan jeg ikke overføre eksemplerne dér uden videre.

Man kan sagtens centrere selv om man bruger absolut positionering. En
absolut position er nemlig i forhold til den nærmeste parent, der har
position sat til "absolute" eller "relative" (og måske andre, det kan jeg
ikke lige huske).

Dvs. du kan lave en div rundt om det hele, som er centreret. Du kan så fx.
sætte position til relative, og bare lade være med at angive top og left.

--
Mvh.

Niels Andersen
(la nels. anersyn.)

// Ralley (16-10-2002)
Kommentar
Fra : // Ralley


Dato : 16-10-02 00:17

Hej Henrik

Hvis du nu i dit html dokument laver et <div id="container"></div> og som
her giver den ID'et container.

Der efter lavver du dette i CSS

#container {
position : absolute;
top : 50%;
left : 50%;
height : 200px;
width : 200px;
margin-top : -100px;
margin-left : -100px;
border : 1px solid black;
background : #cccccc;
color : #000000;
}

Så vil den kasse altid være i centrum, og hvad mon der så sker med at det
man smider i den kasse??

// Ralley

"Henrik Brix Andersen" <brix@gimp.org> wrote in message
news:aohgkm$gjk$1@sunsite.dk...
> Hej,
>
> Jeg indser, at dette er et ofte stillet spørgsmål...
> Jeg har bladret arkivet igennem for at finde et svar, men kan ikke
> umiddelbart finde et, jeg kan bruge.
>
> På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
> Mit problem er, at jeg ikke kan finde ud af
> at erstatte den anvendte <table>...</table> med rene <div>...</div> og
css2. Jeg
> har jævnfør en tidligere post her på gruppen kigget på
> http://glish.com/css/ men da jeg ikke ønsker at bruge position: absolute
> (da indholdet skal centreres på siden), kan jeg ikke overføre eksemplerne
> dér uden videre.
>
> Håber der er én, der har et godt forslag til hvordan jeg kan ungå at bruge
> <table>...</table> og stadig bevare det visuelle layout.
>
> Mvh
> ./Brix



// Ralley (16-10-2002)
Kommentar
Fra : // Ralley


Dato : 16-10-02 00:27

Prøv evt. dette link.
http://www.thenoodleincident.com/tutorials/box_lesson/index.html

"// Ralley" <sebastian(SLET)@9ia.dk> wrote in message
news:3daca258$0$11421$ba624c82@nntp02.dk.telia.net...
> Hej Henrik
>
> Hvis du nu i dit html dokument laver et <div id="container"></div> og som
> her giver den ID'et container.
>
> Der efter lavver du dette i CSS
>
> #container {
> position : absolute;
> top : 50%;
> left : 50%;
> height : 200px;
> width : 200px;
> margin-top : -100px;
> margin-left : -100px;
> border : 1px solid black;
> background : #cccccc;
> color : #000000;
> }
>
> Så vil den kasse altid være i centrum, og hvad mon der så sker med at det
> man smider i den kasse??
>
> // Ralley
>
> "Henrik Brix Andersen" <brix@gimp.org> wrote in message
> news:aohgkm$gjk$1@sunsite.dk...
> > Hej,
> >
> > Jeg indser, at dette er et ofte stillet spørgsmål...
> > Jeg har bladret arkivet igennem for at finde et svar, men kan ikke
> > umiddelbart finde et, jeg kan bruge.
> >
> > På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
> > Mit problem er, at jeg ikke kan finde ud af
> > at erstatte den anvendte <table>...</table> med rene <div>...</div> og
> css2. Jeg
> > har jævnfør en tidligere post her på gruppen kigget på
> > http://glish.com/css/ men da jeg ikke ønsker at bruge position: absolute
> > (da indholdet skal centreres på siden), kan jeg ikke overføre
eksemplerne
> > dér uden videre.
> >
> > Håber der er én, der har et godt forslag til hvordan jeg kan ungå at
bruge
> > <table>...</table> og stadig bevare det visuelle layout.
> >
> > Mvh
> > ./Brix
>
>



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

Månedens bedste
Årets bedste
Sidste års bedste