Avatar billede php-nybegynderen Nybegynder
14. juli 2006 - 11:45 Der er 12 kommentarer og
1 løsning

Billede som baggrund!

Kan ikke få td.indhold til vise sig.

Nedenstående kan ses på: www.divinium.dk

Hjælp :/

<html>

<head>
<title>DIVINIUM</title>

<style type="text/css">

td.indhold {

    background-image: url("d-indhold.jpg");
    background-repeat: repeat-y; }

</style>
</head>

<body>

<center>
<img src="divinium.jpg"><br>

<table>
</center>

<tr><td>
<img src="d-menu.jpg" usemap="#divinium" border="0">
</td></tr>

<tr><td>
Hej min ven
</td></tr>

<tr><td>
<img src="d-bund.jpg">
</td></tr>
</table>

<map name='divinium'>
<area shape='rect' href='index.php' coords='6,6,168,99'>
<area shape='rect' href='produkter.php' coords='168,6,311,99'>
<area shape='rect' href='referencer.php' coords='311,6,461,99'>
<area shape='rect' href='kontakt.php' coords='461,6,592,99'>
</map>

</body>

</html>
Avatar billede jokkejensen Novice
14. juli 2006 - 12:24 #1
husk at give cellen det korrekt klasse navn :
<tr><td class="indhold">
Hej min ven
</td></tr>

Endvidere lukker du <center> i toppen af din tabel..

det skal ikke se sådan her ud :

<center>
<img src="divinium.jpg"><br>

<table>
</center>

men :
<center>
<img src="divinium.jpg"><br>
</center>

<table>
Avatar billede php-nybegynderen Nybegynder
14. juli 2006 - 12:56 #2
At jeg lukker center efter tabellens start betyder bare, at selve siden bliver centreret, men ikke teksten i tabellen ;)

Det har jeg så gjort nu, der kom noget frem .. Men det ser godt nok ikke alt for flot ud :P
Avatar billede jokkejensen Novice
14. juli 2006 - 13:29 #3
nej center skal lukkes før eller ligge omkring tabellen... ellers er det ikke korrekt html, og dine selectors (dem du rammer markuppen med i css) vil ikke fungere korrekt.

At det ikke ser godt ud må du lige præcisere...

Mvh
Avatar billede php-nybegynderen Nybegynder
14. juli 2006 - 13:34 #4
www.divinium.dk

Hvordan kan det være at den står skævt og ikke hænger sammen med både menuen og bunden?
Avatar billede jokkejensen Novice
14. juli 2006 - 13:43 #5
start lige med at fjerne alt whitespace omkring dine <image> tags..

EX:

<tr><td>
<img src="d-menu.jpg" usemap="#divinium" border="0">
</td></tr>

Bliver til :

<tr><td><img src="d-menu.jpg" usemap="#divinium" border="0"></td></tr>


Og få så fjernet det center :).. brug

table
{
margin: 0 auto;
}

Til at centrere den tabel.. center er et gammelt html tag, det bruges ikke mere, og det skal SLET ikke stå som det gør - det er direkte forkert.
Avatar billede php-nybegynderen Nybegynder
14. juli 2006 - 13:47 #6
<html>

<head>
<title>DIVINIUM</title>

<style type="text/css">

td.indhold {

    background-image: url("d-indhold.jpg");
    background-repeat: repeat; }

table {

    margin: 0 auto; }

p {

    font: 11px;
    font-family: verdana;
    color: white;
    margin-left: 15px; }

</style>
</head>

<body>

<center><img src="divinium.jpg"><br></center>

<table>

<tr><td><img src="d-menu.jpg" usemap="#divinium" border="0"></td></tr>

<tr><td class="indhold"><p><br><b>Information</b><br><br>Siden er under opbygning</p></td></tr>

<tr><td><img src="d-bund.jpg"></td></tr>

</table>

<map name='divinium'>
<area shape='rect' href='index.php' coords='6,6,168,99'>
<area shape='rect' href='produkter.php' coords='168,6,311,99'>
<area shape='rect' href='referencer.php' coords='311,6,461,99'>
<area shape='rect' href='kontakt.php' coords='461,6,592,99'>
</map>

</body>

</html>

Det blev faktisk meget bedre :P www.divinium.dk
Avatar billede jokkejensen Novice
14. juli 2006 - 14:22 #7
mon ikke så bare lige vi skal have flyttet baggrunden lidt.. sikkert 1 px


td.indhold
{
background-position: 1px 0px;
}
Avatar billede php-nybegynderen Nybegynder
14. juli 2006 - 14:31 #8
Det virker skam også.

Men hvordan får jeg så det mellemrum mellem de 2 "bannere" og baggrunden væk?

Altså hvordan får jeg baggrunden til at fortsætte op.

www.divinium.dk
Avatar billede jokkejensen Novice
14. juli 2006 - 14:36 #9
td.indhold {

    background-image: url("d-indhold.jpg");
    background-repeat: repeat;
    background-position: 1px 0px; }

table {

    margin: 0 auto;
border-collapse: collapse;

}

p {

    font: 11px;
    font-family: verdana;
    color: white;
    margin-left: 15px; }

table td
{
padding:0px;
}
Avatar billede php-nybegynderen Nybegynder
14. juli 2006 - 14:39 #10
Det virker sq!! ;)

Tusind tak.. Nu skal jeg bare have rodet lidt med grafikken!
Avatar billede jokkejensen Novice
14. juli 2006 - 14:52 #11
glad for at kunne hjælpe..

Når du fjerner alt padding i cellerne med

table td
{
padding:0px;
}

Skal du nok lige fjerne den extra pixel på background-position..

/JJ
Avatar billede php-nybegynderen Nybegynder
14. juli 2006 - 14:54 #12
Du laver ikke lige et svar?

Og det fandt jeg også lige selv ud af ;)
Avatar billede jokkejensen Novice
14. juli 2006 - 14:57 #13
jo tak !
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