Avatar billede websam Nybegynder
14. april 2006 - 17:28 Der er 16 kommentarer og
1 løsning

Flere kolonner til visning af data ?

Hejsa,

Jeg prøver på at lave noget CSS der kan generere en liste vist fra en database. Jeg har lavet følgende CSS :

#wrapper {
    text-align: left;
    margin: 0px 0px;
    padding: 0px;
    border:0;
    width: 501;
    background: url("/path/to/your/background_cols.gif") repeat;
}

#col1
{
    float: left;
    width: 25px;
}

#col2
{
    float: left;
    width: 150px;
}

#col3
{
    float: left;
    width: 150px;
}

#col4
{
    float: left;
    width: 150px;
}

#col5
{
    float: right;
    width: 75px;
}

Så laver jeg dette html :

<div id="wrapper">
    <div id="col1">Id</div>
    <div id="col2">Navn</div>
    <div id="col3">Email</div>
    <div id="col4">Tilføjet</div>
    <div id="col5">Håndter</div>
</div>

Dette virker fint til overskrifter, men hvordan skal jeg placere mine divs når jeg vil generer data fra databasen der skal listes neden under mine overskrifter ?

/Websam
Avatar billede horsmark Nybegynder
14. april 2006 - 17:31 #1
øhh hvorfor bruger du ikke tabeller til dette - det er jo netop det tabeller er beregnet til ergo visning af listede data ?
Avatar billede horsmark Nybegynder
14. april 2006 - 17:33 #2
#col5
{
    float: right;
    width: 75px;
    clear:both;
}

<div id="wrapper">
    <div id="col1">Id</div>
    <div id="col2">Navn</div>
    <div id="col3">Email</div>
    <div id="col4">Tilføjet</div>
    <div id="col5">Håndter</div>

    <div id="col1">asdf</div>
    <div id="col2">asdfNavn</div>
    <div id="col3">Emaadsfsadfil</div>
    <div id="col4">Tilføjasfdet</div>
    <div id="col5">Håndteasdfdsafr</div>
</div>
Avatar billede websam Nybegynder
14. april 2006 - 17:34 #3
Kommer lige i tanke om at det nok er mere hensigts mæssigt at benytte tabeller til dette så glem mit spørgsmål ;o)
Avatar billede horsmark Nybegynder
14. april 2006 - 17:35 #4
eller måske bedre

br.colEnd
{
    clear:both;
}

    <div id="col5">Håndter</div>
    <br class="colEnd">
    <div id="col1">asdf</div>
Avatar billede horsmark Nybegynder
14. april 2006 - 17:37 #5
glem det ??? *G*

Hey makker du fik jo netop svar på dit spørgsmål du - man kan ikke sådan bare oprette et spørgsmål herinde og så efter at folk bruger krudt på det sige - jeg mente det ikke alligevel ... Så arbejder du jo netop imod at folk gider hjælpe...
Avatar billede websam Nybegynder
14. april 2006 - 17:37 #6
Du er fame rap på fingerne *GGG*

Men hvis du ser på det med SEO øjne er det nok bedre med CSS da det ikke generer nær så meget kode som et tabel layout gør, men sikkert  en smags sag.

Jeg vil lige prøve det du beskrev og se om det virker ;o)

/Websam
Avatar billede websam Nybegynder
14. april 2006 - 17:38 #7
Hey, jeg havde ikke set du havde skrevt, sorry
Avatar billede horsmark Nybegynder
14. april 2006 - 17:41 #8
tjo set med SEO ... well der er jo mange parametrer ind over ... måske hellere kaste sig over det egentlige indhold, url´er,  korrekt overskrifter, sub overskriver, billede alt tags osv osv :-)
Avatar billede websam Nybegynder
14. april 2006 - 17:52 #9
Jeg beklager mine kommentar á 14/04-2006 17:34:09, havde simpelt ikke set at du havde skrevet.

Jeg har styr på den del med url's, title's og h1 tags, sigende links osv....

Fakta er bare at jo mindre html kode der er på siden jo bedre placering kan man opnå, da det jo kun er en hvis mængde kode søgemaskinerne kigger igennem, så en viewstate (genereret af .net) på flere 1000 tegn er noget lort osv.

Derfor roder jeg lidt med ideen om at lave vissninger af data med divs i stedet for tabeller, men ikke sikkert at det bliver løsningen.

/Websam
Avatar billede websam Nybegynder
14. april 2006 - 17:53 #10
Hvad mener du for øvrigt med "sub overskriver" ?

/Websam
Avatar billede horsmark Nybegynder
14. april 2006 - 17:55 #11
oki superduper no offense taken :-) "sub overskriver" -> underoverskrifter *g*

Virker det andet ?
Avatar billede websam Nybegynder
14. april 2006 - 18:03 #12
ja begge dele virker, men hvilken er at foretrække ?

for mig at se er den pæneste den første, men ikke sikkert at det er den mest optimale ?

/Websam
Avatar billede horsmark Nybegynder
14. april 2006 - 18:11 #13
den der genererer mindst kode velsagtens :-)
Avatar billede websam Nybegynder
14. april 2006 - 18:17 #14
Nu var det set med CSS øjne jeg tænkte
Avatar billede websam Nybegynder
14. april 2006 - 18:18 #15
for øvrigt smid et svar
Avatar billede horsmark Nybegynder
14. april 2006 - 18:19 #16
hmm igen nok den første ... - smed den anden ind da jeg ikke var sikker på den første virkede ;-)
Avatar billede horsmark Nybegynder
14. april 2006 - 18:32 #17
svar her så da nok fint okdoki påskebryggen på ryggen
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