Søg
Avatar billede freefreelancer Nybegynder
28. oktober 2001 - 05:45 Der er 6 kommentarer og
1 løsning

Html - Tables

Hej eksperter!

Jeg har fået lavet mig et design i photshop og derefter smidt det ud i tabeller. Herunder kan du se min html kode men jeg skal i de celler hvor images/menu.gif ligger samt det hvor images/Text.gif ligger kunne skrive noget! Hvordan gør jeg det nemmest?


<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=\"center\">
    <TR>
        <TD>
            <IMG SRC=\"images/spacer.gif\" WIDTH=15 HEIGHT=1></TD>
        <TD>
            <IMG SRC=\"images/spacer.gif\" WIDTH=14 HEIGHT=1></TD>
        <TD>
            <IMG SRC=\"images/spacer.gif\" WIDTH=88 HEIGHT=1></TD>
        <TD>
            <IMG SRC=\"images/spacer.gif\" WIDTH=76 HEIGHT=1></TD>
        <TD>
            <IMG SRC=\"images/spacer.gif\" WIDTH=365 HEIGHT=1></TD>
        <TD>
            <IMG SRC=\"images/spacer.gif\" WIDTH=242 HEIGHT=1></TD>
    </TR>
    <TR>
        <TD COLSPAN=2>
            <IMG SRC=\"images/index_01.gif\" WIDTH=29 HEIGHT=197></TD>
        <TD>
            <IMG SRC=\"images/menu.gif\" WIDTH=88 HEIGHT=197></TD>
        <TD>
            <IMG SRC=\"images/index_03.gif\" WIDTH=76 HEIGHT=197></TD>
        <TD>
            <IMG SRC=\"images/Text.gif\" WIDTH=365 HEIGHT=197></TD>
        <TD>
            <IMG SRC=\"images/index_05.gif\" WIDTH=242 HEIGHT=197></TD>
    </TR>
    <TR>
        <TD>
            <IMG SRC=\"images/index_06.gif\" WIDTH=15 HEIGHT=203></TD>
        <TD COLSPAN=2>
            <IMG SRC=\"images/index_07.gif\" WIDTH=102 HEIGHT=203></TD>
        <TD COLSPAN=3>
            <IMG SRC=\"images/index_08.gif\" WIDTH=683 HEIGHT=203></TD>
    </TR>
</TABLE>



-Jonas
Avatar billede limemedia Nybegynder
28. oktober 2001 - 05:55 #1
Jeg har gjort tricket på dit text.gif felt

<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=\"center\">
<TR>
<TD><IMG SRC=\"images/spacer.gif\" WIDTH=15 HEIGHT=1></TD>
<TD><IMG SRC=\"images/spacer.gif\" WIDTH=14 HEIGHT=1></TD>
<TD><IMG SRC=\"images/spacer.gif\" WIDTH=88 HEIGHT=1></TD>
<TD><IMG SRC=\"images/spacer.gif\" WIDTH=76 HEIGHT=1></TD>
<TD><IMG SRC=\"images/spacer.gif\" WIDTH=365 HEIGHT=1></TD>
<TD><IMG SRC=\"images/spacer.gif\" WIDTH=242 HEIGHT=1></TD>
</TR>

<TR>
<TD COLSPAN=2><IMG SRC=\"images/index_01.gif\" WIDTH=29 HEIGHT=197></TD>
<TD><IMG SRC=\"images/menu.gif\" WIDTH=88 HEIGHT=197></TD>
<TD><IMG SRC=\"images/index_03.gif\" WIDTH=76 HEIGHT=197></TD>
<TD BACKGROUND=\"images/Text.gif\">HEJ HEJ HER ER JEG SE P&Aring; MIG</TD>
<TD><IMG SRC=\"images/index_05.gif\" WIDTH=242 HEIGHT=197></TD>
</TR>

<TR>
<TD><IMG SRC=\"images/index_06.gif\" WIDTH=15 HEIGHT=203></TD>
<TD COLSPAN=2><IMG SRC=\"images/index_07.gif\" WIDTH=102 HEIGHT=203></TD>
<TD COLSPAN=3><IMG SRC=\"images/index_08.gif\" WIDTH=683 HEIGHT=203></TD>
</TR>
</TABLE>
Avatar billede limemedia Nybegynder
28. oktober 2001 - 05:55 #2
nå ja, og renset godt ud i koden :)
Avatar billede claus.arndt Nybegynder
28. oktober 2001 - 05:58 #3
Hvid du har en HTML-editor højreklik eller se under tabelegenskaber ellers kan man skrive direkt ind i koden.
Bruger selv Stone\'s WebWriter.
Avatar billede freefreelancer Nybegynder
28. oktober 2001 - 06:02 #4
Mange tak skal du have :-)


-Jonas
Avatar billede ztyxx Nybegynder
28. oktober 2001 - 06:04 #5
du kan vælge at indsætte dine grafikker som baggrundsbilleder i dine celler, og hvis du anvender css kan du styre dem, indsæt denne kode imellem dine <head></head>

<style type=\"text/css\">
td.bg1 {
  background-image: url(\"images/spacer.gif\");
  background-repeat: no-repeat;
}
</style>
de celler du vil have billedet images/spacer.gif som baggrund giver du et ID der ser sådan ud <TD class=\"bg1\">
de celler der skal have images/index_01.gif som baggrund giver du så følegende i <head></head>
<style>
td.bg2 {
  background-image: url(\"images/spacer.gif\");
  background-repeat: no-repeat;
}
</style>
og cellen <TD class=\"bg2\">
og sådan kan du så gøre med dine celler der skal have forskellige baggrundsbilleder...
Avatar billede limemedia Nybegynder
28. oktober 2001 - 06:22 #6
tak for point
Avatar billede freefreelancer Nybegynder
28. oktober 2001 - 06:48 #7
Hvis du  lige ville se hvad det skulle bruges til så har jeg smidt det op på www.styled.dk indholdet er ikke færdigt. Juhuuu mit første html design!


-Jonas
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB
Seneste spørgsmål Seneste aktivitet
I dag 13:35 Bruger på Win11 Af lurup i Browsere
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
White papers
Flere white papers »