Avatar billede torbenmelander Nybegynder
23. juni 2002 - 17:07 Der er 44 kommentarer og
2 løsninger

Tabel i CSS

Hej eksperter,

100 point til den der først kan lave denne tabel om til CSS.

<table align="left" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" height="100%" width="710">
  <tr>
    <td>
      <table align="left" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
        <tr>
          <td align="left" background="logo.gif" colspan="2" height="50" valign="top"></td>
        </tr>
        <tr>
          <td align="right" colspan="2" height="20" valign="top"><img src="button2.gif" onMouseOver="this.src='Button3.gif'" onMouseOut="this.src='Button2.gif'"><img src="button2.gif" onMouseOver="this.src='Button3.gif'" onMouseOut="this.src='Button2.gif'"><img src="button1.gif"><img src="button2.gif" onMouseOver="this.src='Button3.gif'" onMouseOut="this.src='Button2.gif'"><img src="button2.gif" onMouseOver="this.src='Button3.gif'" onMouseOut="this.src='Button2.gif'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
        <tr>
          <td align="center" background="MenuSide.gif" height="25" valign="top" width="200"></td>
          <td align="center" valign="top" width="500">&nbsp;</td>
        </tr>
        <tr>
          <td align="center" background="MenuSide.gif" valign="top" width="200">Menupunkt1<br>Menupunkt2<br>Menupunkt3<br>Menupunkt4</td>
          <td align="center" rowspan="2" valign="top" width="500">Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold<br>Indhold</td>
        </tr>
        <tr>
          <td align="center" background="MenuSide.gif" valign="bottom" width="200"><img src="banner.gif"></td>
        </tr>
        <tr>
          <td align="left" colspan="2" height="20" valign="top">&nbsp;</td>
        </tr>
        <tr>
          <td align="left" background="bottom.gif" colspan="2" height="25" valign="top"></td>
        </tr>
      </table>
    </td>
    <td background="side.gif" width="12"></td>
  </tr>
</table>
Avatar billede repsac Nybegynder
23. juni 2002 - 17:09 #1
Hvad er dit spørgsmål? - hvordan man gør eller hvad?
Avatar billede repsac Nybegynder
23. juni 2002 - 17:10 #2
www.html.dk/tutorials/css - hvis du mangler hjælp til css...
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 17:11 #3
Ja ... jeg vil gerne ha' lavet ovenstående kode om til CSS og nogle mindre html-tags som ikke ødelægger designet på eksperten.dk :-)
Avatar billede repsac Nybegynder
23. juni 2002 - 17:15 #4
jamme... det er da bare at gå i gang...

style="background-color: #FFFFFF; border: 0px; padding: 0px;...

Find at hvad du har brug for på html.dk/tutorials/css - det som muligvis ikke står der kan du jo så spørge om :)
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 17:19 #5
respac >> Det kan godt være at jeg skulle ha' oprettet det er her spørgsmål i kategorien freelance ... for problemet er at jeg ikke har tid til at sætte mig ind i hvordan det fungere lige nu ...
Avatar billede repsac Nybegynder
23. juni 2002 - 17:27 #6
Hm... hvis du ikke har tid til at bruge en time på at finde ud af hvordan det virker ønsker jeg ikke at spendere min tid på at hjælpe.
- That's how I am... noget for noget - som i Nordea ;)
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 17:35 #7
Ok, det er så okay ...

Problemet er bare at jeg ingen idé har om hvordan man laver cellpadding,
cellspacing, colspan, rowspan, align, valign i CSS ...

Så tænkte jeg at det var nemmere at få en på eksperten.dk til at lave det
og så gennemgå det bagefter for at lære det ..

Men jeg bliver jo nok nødt til at bide i det sure æble :-(

>> - That's how I am... noget for noget - som i Nordea ;)
Hvad skal point så gøre godt for ?
Avatar billede repsac Nybegynder
23. juni 2002 - 17:37 #8
"Hvad skal point så gøre godt for ?" - Ganske godt spørgsmål, jeg kunne godt undvære...
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 17:38 #9
Og hvordan skal man lige håntere detmed flere baggrundsbilleder, skal man så bruge classe

Men hvis du kan forklare ovenstående for mig og "oversææte" cellpadding,cellspacing, colspan,
rowspan, align, valign  til CSS vil jeg godt give halvdelen af pointne ... (el. mere
afhængig af kvaliteten af svaret)
Avatar billede repsac Nybegynder
23. juni 2002 - 17:41 #10
cellpadding/-spacing = padding/spacing.
Drop col-/rowspan! - lav tabeller inden i tabeller (i øvrigt findes der intet css for det).
align oversættes med text-align, eller fortsæt med align hvis text-align forringer koden væsentligt.
valign: der findes intet css for dette.
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 17:44 #11
Og hvordan skal man lige håntere detmed flere baggrundsbilleder, skal man så bruge classe
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 17:45 #12
Vil du mene jeg stadig skal bruge valign (og evt. align) ?
Avatar billede repsac Nybegynder
23. juni 2002 - 17:51 #13
Brug stadig valign og i starten kan du snildt fortsætte med align.
Jeg forstår ikke helt hvad du mener med flere baggrundsbilleder... prøv at forklare lidt yderligere.
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 17:53 #14
Ok jeg skal prøve at forklare mig lidt bedre:

I min tabel har jeg på forskellige td'er en egenskab der hedder background som jeg sætter
lig med en eller anden .gif-fil. Når jeg skal lave CSS-kode til dette ... hvad gør jeg så ?
Avatar billede repsac Nybegynder
23. juni 2002 - 17:56 #15
<td style="background: url('sti/til/fil.gif');">
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 18:05 #16
Ok, så skal jeg bare sætte det ind i html-koden. Er der slet ingen fordel i at placere det i en .css-fil ?
Avatar billede repsac Nybegynder
23. juni 2002 - 18:10 #17
jo, bestemt! Man fjerner kode fra strukturen og overfører det i en "design-fil"... hvis du forstår - bruger det selv... www.casper.thomsen.as
Avatar billede repsac Nybegynder
23. juni 2002 - 18:13 #18
hm... casper.h4f.dk i stedet... casp...as ser ikke ud til at virke...
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 18:19 #19
hmm, men det ser ikke ud til at bruger nogle classes fra din styles.css fil i din kode ... Du skriver
bare style="..." ved alle dine table, tr, td ... ???
Avatar billede sukos Juniormester
23. juni 2002 - 18:25 #20
Til at vise forskelllige baggrunde kan du bruge class, (som sagt) :o)

.back1 {background-image: URL('images/gif1.gif');}
.back2 {background-image: URL('images/gif2.gif');}

I cellerne, skriver du jo så bare

<td class="back1">jdksjkdkk.............
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 18:30 #21
Ok takker for bekræftelsen :-)

Når jeg skal sætte HTML-taggen border="0" i CSS er det så nok med border: none el. skal jeg f.eks. også sætte border-weight: 0px ???
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 18:32 #22
Mht. til Cellspacing er der ikke nogen CSS-egenskab der hedder: spacing ???
Avatar billede repsac Nybegynder
23. juni 2002 - 18:34 #23
eh... jow... se www.html.dk/tutorial/css --> find det trin hvor der står noget om padding, spacing etc...
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 18:38 #24
Jeg synes selv du skulle kigge efter ;-) Der er noget der hedder margin og border ...
men ingen spacing ... eller også er jeg bare blind :-)
Avatar billede repsac Nybegynder
23. juni 2002 - 19:09 #25
narh... det hedder jo også margin... bær over med mig :) - jeg er alt for træt ;) - sorry!
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 19:11 #26
Det er bare i orden :-) Lille css-newbie mig ved jo bare ikke hvad du mener :-)

Når jeg skal sætte HTML-taggen border="0" i CSS er det så nok med border: none el. skal jeg f.eks. også sætte border-weight: 0px ???
Avatar billede zob Nybegynder
23. juni 2002 - 19:38 #27
Jeg kan godt forsøge :o)
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 19:41 #28
zob >> det gør ikke noget jeg er næsten færdig :-)
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 19:41 #29
men ellers tak for det ... ærgeligt at du ikke så det noget før :-)
Avatar billede zob Nybegynder
23. juni 2002 - 19:43 #30
øm.. nej.. Jeg er ikke den store css Programmør
så det kan jeg ikke :(
Avatar billede zob Nybegynder
23. juni 2002 - 19:44 #31
okay :)

Er du næsten færdig ?
Du er vel nok lærenem :)
Avatar billede zob Nybegynder
23. juni 2002 - 19:44 #32
Må jeg ikke se den side det er på ?
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 19:45 #33
Jo send en mail til torben@melanders.dk så skal jeg sende dig et link ...
Avatar billede zob Nybegynder
23. juni 2002 - 19:49 #34
Kan du ikke bare skrive den her ?
nå... du sender mail først
zob-cs1.4@sol.dk
Avatar billede zob Nybegynder
23. juni 2002 - 19:53 #35
den er da meget pæn :)
Avatar billede zob Nybegynder
23. juni 2002 - 19:54 #36
Hvorfor må de andre ikke se den ?
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 19:55 #37
Det ved jeg ikke ... fordi det ikke er færdigt :-(
Avatar billede zob Nybegynder
23. juni 2002 - 19:56 #38
O.k
Avatar billede torbenmelander Nybegynder
23. juni 2002 - 20:00 #39
Er lige væk nogle timer ... men vender tilbage senre med point ... sukos ... gi'r du evt svar ?
Avatar billede torbenmelander Nybegynder
24. juni 2002 - 19:45 #40
Jeg hader Netscape ... Intet CSS virker der ... man kan ikke angive baggrund ...
og det går da først galt når man sætter width = 100% i flere tabeller inden i hinanden ...

Er det overhovedet særlig smart at bruge CSS til tabeller ... er det ikke bedre at lave dem
med alm. HTML og så bruge CSS til tekst og lign. ?

repsac >> Jeg kan desuden oplyse dig at der er en egenskab i CSS2 der hedder 'vertical-align'
som gør det samme som valign ... Så lærte du også lidt ;-)
Avatar billede torbenmelander Nybegynder
24. juni 2002 - 22:48 #41
Nå pyt ... jeg bruger ikke css til mine tabeller og nu virker det i Internet Explorer,
Netscape 4 (fatter stadig ikke background), Netscape 6.2, Mozilla 1.0 og Opera 6.01

så det er da godt nok ...
Avatar billede repsac Nybegynder
24. juni 2002 - 23:18 #42
mht. 'vertical-align' så er det så vidt jeg husker ikke understøttet er særligt mange browsere endnu...
Avatar billede torbenmelander Nybegynder
26. juni 2002 - 21:03 #43
Jeg kan ikke lukke spm. da jeg ingen svar har fået :-)
Avatar billede repsac Nybegynder
27. juni 2002 - 10:10 #44
Hm... var det en hentydning til at man skulle poste et svar?
Avatar billede torbenmelander Nybegynder
27. juni 2002 - 17:26 #45
Ja :-) Tak for hjælpen ...
Avatar billede repsac Nybegynder
28. juni 2002 - 18:25 #46
Velbekomme :)
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