Avatar billede nc85 Nybegynder
09. juni 2005 - 14:30 Der er 18 kommentarer

div spm?

Hey allesammen...

Skal til at bygge en side her i divs, plejer og bruge tabeller, men vil til at fra det...

Er dog løbet ind i et par enkelte problemer nu :/

Det jeg gerne vil have svar på er om jeg skal sidde og lave divs til alle mine tekster - teksterne ligger inde i nogle bokse...

I får lige lidt kode så i kan se min point:

#boxContainer {
    width: 405px;
    height: 75px;
    background-image: url(../img/forsidebox/bg_flypriser.jpg);
    position:absolute;
    left: 150px;
    top: 207px; }

Så inde i denne boks skal der være noget tekst sat op sådanne i tabeller:

<table width="100%"  border="0" cellspacing="10" cellpadding="0">
                    <tr valign="top">
                      <td><a href="#" class="white">Madrid</a><br>
                        <a href="#" class="white">Nice</a><br>
                        <a href="#" class="white">London</a><br>
                        <a href="#" class="white">Phuket</a></td>
                      <td class="white">1.322,- <br>
                        1.345,- <br>
                        1.179,- <br>
                        4.858,-</td>
                      <td><a href="#" class="white">Bangkok</a><br>
                        <a href="#" class="white">Rom</a><br>
                        <a href="#" class="white">Venice</a> <br>
                        <a href="#" class="white">Bruxelles</a></td>
                      <td class="white">4.431,- <br>
                        1.483,<br>
                        1.749,- <br>
                        1.252,- </td>
                    </tr>
                  </table>
----------------------------

Så mit spm er:

Skal jeg lave en div til hver enkelt "det som nu svarer til en <td>" ?

eller er der en nemmere måde at gøre dette på ??
Avatar billede nc85 Nybegynder
09. juni 2005 - 14:32 #1
hele boksen med baggrund billedet i html (tabeller) ser sådanne ud:

<table width="100%" height="75"  border="0" cellpadding="0" cellspacing="0" background="img/forsidebox/bg_flypriser.jpg">
              <tr>
                <td>&nbsp;</td>
                <td width="250" valign="top"><table width="100%"  border="0" cellspacing="10" cellpadding="0">
                    <tr valign="top">
                      <td><a href="#" class="white">Madrid</a><br>
                        <a href="#" class="white">Nice</a><br>
                        <a href="#" class="white">London</a><br>
                        <a href="#" class="white">Phuket</a></td>
                      <td class="white">1.322,- <br>
                        1.345,- <br>
                        1.179,- <br>
                        4.858,-</td>
                      <td><a href="#" class="white">Bangkok</a><br>
                        <a href="#" class="white">Rom</a><br>
                        <a href="#" class="white">Venice</a> <br>
                        <a href="#" class="white">Bruxelles</a></td>
                      <td class="white">4.431,- <br>
                        1.483,<br>
                        1.749,- <br>
                        1.252,- </td>
                    </tr>
                  </table></td>
              </tr>
            </table>
Avatar billede roenving Novice
09. juni 2005 - 14:40 #2
Hvis du har tabulerede data er det da fuldstændigt tåbeligt ikke at udnytte, at der en samling elementer i html, som præcis kan den slags, nemlig tabeller og dens elementer !-)
Avatar billede nc85 Nybegynder
09. juni 2005 - 14:46 #3
hvad mener du?

Vil jo helst undgå at bruge tabeller... Det er ikke kun i dette sammenhæng jeg mener med teksten...
Avatar billede roenving Novice
09. juni 2005 - 15:00 #4
Jeg mener, at du her viser tabulerede data, som mest fornuftigt vises, så priser er lige under hinanden, men også ud for den destination, de skal vises i, og det er præcis det en tabel er opfundet til !-)

-- jeg ved godt, at der er en hel del, som lukker noget vrøvl ud om, at man skal bruge css i stedet for tabeller, men for det første, så er det allerførste argument som regel, at tabeller er til tabulerede data (hvilket de ganske rigtigt er opfundet til !-), for det andet er det noget vrøvl, for css er en måde at styre det grafiske udtryk på html-elementer, og kan selvfølgelig ikke erstatte html-elementerne ...

-- det ville svare til at sige, at nu vil vi ikke bruge cykler mere, vi vil køre i autolak ?-)
Avatar billede plazm Nybegynder
09. juni 2005 - 15:03 #5
Jeg er fuldstændig enig med roenving i at en table er det du skal bruge til dette formål. Andet ville være tåbeligt.
Avatar billede nc85 Nybegynder
09. juni 2005 - 15:11 #6
Ok, men så lad os tage et andet eksempel:

Vi har denne boks:
#BoxContainer {
    width: 405px;
    height: 190px;
    background-image: url(../img/forsidebox/bg_flybooking.jpg);
    position:absolute;
    left: 150px;
    top:0px;
    }

Vi skal have gjort ligesom hvis en tabel så således ud:

<table width="100%" height="190"  border="0" cellpadding="0" cellspacing="0" background="img/forsidebox/bg_flybooking.jpg">
              <tr>
                <td>&nbsp;</td>
                <td width="250" valign="top"><table width="100%"  border="0" cellspacing="10" cellpadding="0">
                    <tr valign="top">
                      <td><h1>Overskrift</h1>
                        teks tekst</td>
                    </tr>
                  </table></td>
              </tr>
            </table>

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

Så i nr.2 kolonne skal der være tekst som i kan se?

Kan dette på nogen måde laves med css uden man skal lave flere divs end 1...

Sådan som jeg tænker her er:
Jeg vil lave en div til boksen som ovenover, og derefter lave en div til teksten...

Men så ved et størrere website vil det jo tage en evighed og bygge det, og man vil få et kamp langt stylesheet...

Så kan det gøres nemmere ved brug af divs, eller er tabeller det mest fornuftige?
Avatar billede larsbachmanndk Nybegynder
09. juni 2005 - 15:16 #7
http://oswd.org/

Her kan du downloade nogle templates lavet i 100% CSS.
dem kan du så studere og copy paste lidt fra..
Avatar billede roenving Novice
09. juni 2005 - 15:28 #8
>>larsbachmanndk

-- det er noget vrøvl, for css kan kun style html-elementer, og table er een af de html-elementer, som er til rådighed ...

-- så man kan ikke lave en html-side i 100% css ...

>>nc85

Dit sidste eksempel er ganske rigtigt helt tåbeligt at bruge tabeller til, da det meget enklere kan laves med en div:

<div style="height:190px;padding-left:1ex;">
  <h1>Overskrift</h1>
  tekst tekst</div>

-- og som det fremgår kan du faktisk inde i en div fylde alle mulige html-elementer, som du også kan fylde ind i f.eks. et body-tag !-)
Avatar billede larsbachmanndk Nybegynder
09. juni 2005 - 15:30 #9
jeg mente at man kan lave en side hvor man bruger CSS istedet for table.
Om det er en god eller dårlig ide, det ved jeg ikke, men hvis nc85 gerne vil lave det med css, så er det et godt link til inspiration
Avatar billede roenving Novice
09. juni 2005 - 15:31 #10
Nåja, der blev det måske for forenklet:

<div style="height:190px;padding-left:1ex;background:url(img/forsidebox/bg_flybooking.jpg);">
  <h1>Overskrift</h1>
  tekst tekst</div>
Avatar billede roenving Novice
09. juni 2005 - 15:32 #11
>>larsbachmanndk

-- man kan ikke erstatte cykler med autolak ...
Avatar billede roenving Novice
09. juni 2005 - 15:33 #12
... stadig ikke ...
Avatar billede larsbachmanndk Nybegynder
09. juni 2005 - 15:33 #13
men man kan male cykler med autolak :-)
Avatar billede nc85 Nybegynder
09. juni 2005 - 15:35 #14
Hmm... ok...

Se her:

http://www.framemakers.dk/nicky/test.jpg
http://www.framemakers.dk/nicky/test2.jpg

Godt nok er dette billeder lige her! Men lad os sige jeg skulle sætte det op i divs!

Hvordan ville i gøre dette, for jeg er blank, medmindre det er jeg fx opretter en div til selve baggrunds billedet, og derefter opretter en div til teksten??
Avatar billede roenving Novice
09. juni 2005 - 15:46 #15
I den første formoder jeg, at du vil sætte din tekst ovenpå billedet, og det gøres sådan:

<div style="position:relative;width:200px;">
  <img src="rejseVideo.jpg">
  <div style="position:absolute;width:100%;bottom:3px;">
    <div style="padding:0 12px;">
      Se rejsevideo fra hele verden</div></div>
</div>

Den anden kan du ikke lave uden at involvere en masse javascript, så der er det absolut tabellen, som er anbefalingen ...
Avatar billede nc85 Nybegynder
10. juni 2005 - 09:08 #16
hmm, ok... så alt i alt er det vel på en måde bedst at kombinere divs og tabeller sammen?
Avatar billede roenving Novice
11. juni 2005 - 10:37 #17
Præcis, ja !-)

-- og velbekomme '-)
Avatar billede roenving Novice
28. juli 2005 - 15:05 #18
... måske lige en reminder til dette, som stammer fra den mail-løse periode !-)
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