Avatar billede alex15 Nybegynder
19. marts 2007 - 08:46 Der er 5 kommentarer og
1 løsning

Tekst foran billede

Hej Eksperter

Jeg har nu fået lavet en del på min hjemmeside:
http://www.fluii.dk/uploadok.asp?name=FluiiDK-1715.jpg&size=113335&titel=Classic%20car%20club&nick=Alex&id=1715

Og står nu og skal til at skrive noget tekst på de forskellige undersider.

Men nu opstår problemet i hvordan jeg får smidt det billede som jeg har lavet (Ved den røde piv) Baggerst, så jeg bare kan skrive tekst og andet foran billede. Lige som man kan i f.eks. Word. BIllede, skal altså bare blive en slags baggrund i det ene layer.
Avatar billede alex15 Nybegynder
19. marts 2007 - 08:48 #1
Mit html doc. ser således ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Velkommen til Classic Car Club</title>
<link rel="stylesheet" type="text/css" href="skabelon.css">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{position:relative;width:800px;margin:0 auto;height:100%;text-align:center;font-size:24px;background-color:#000000;}
</style>
</head>
<body>
<div id="site">
  <div id="Layer1"><img src="billeder/banner/top/banner700.jpg" alt="banner" width="700" height="75" /></div>
   
  <div id="Layer2"> <p align="left">
 
<A HREF="billeder/alex.jpg"><img border="0" src="billeder/knap/Knap-forside1.jpg"
alt="Forside" name="bil1" onMouseOver="this.src='billeder/knap/Knap-forside2.jpg'"
onmouseout="this.src='billeder/knap/Knap-forside1.jpg'" width="65" height="25"></A><img src="billeder/knap/Knap-mellemrum.jpg" width="30" height="25" /><A HREF="billeder/alex.jpg"><img border="0" src="billeder/knap/Knap-biler1.jpg"
alt="biler" name="bil1" onMouseOver="this.src='billeder/knap/Knap-biler2.jpg'"
onmouseout="this.src='billeder/knap/Knap-biler1.jpg'" width="41" height="25"></A><img src="billeder/knap/Knap-mellemrum.jpg" width="30" height="25" /><A HREF="billeder/alex.jpg"><img border="0" src="billeder/knap/Knap-priser1.jpg"
alt="Priser" name="bil1" onMouseOver="this.src='billeder/knap/Knap-priser2.jpg'"
onmouseout="this.src='billeder/knap/Knap-priser1.jpg'" width="51" height="25"></A><img src="billeder/knap/Knap-mellemrum.jpg" width="30" height="25" /><A HREF="billeder/alex.jpg"><img border="0" src="billeder/knap/Knap-arrangementer1.jpg"
alt="Arrangementer" name="bil1" onMouseOver="this.src='billeder/knap/Knap-arrangementer2.jpg'"
onmouseout="this.src='billeder/knap/Knap-arrangementer1.jpg'" width="128" height="25"></A><img src="billeder/knap/Knap-mellemrum.jpg" width="30" height="25" /><A HREF="billeder/alex.jpg"><img border="0" src="billeder/knap/Knap-download1.jpg"
alt="Download" name="bil1" onMouseOver="this.src='billeder/knap/Knap-download2.jpg'"
onmouseout="this.src='billeder/knap/Knap-download1.jpg'" width="81" height="25"></A>

</div>
 
 
 
  <div id="Layer3"><img src="billeder/tekstboks.jpg" alt="" width="520" height="275" /></div>
  <div id="Layer4"><img src="billeder/billedboks.jpg" alt="" width="175" height="275" /></div>
  <div id="Layer5"><img src="billeder/banner/under/clio-v6.jpg" alt="" width="700" height="100" /></div>
 
  <div id="Layer6">
    <p align="right">
 
<A HREF="billeder/alex.jpg"><img border="0" src="billeder/knap/knap-nede-om_ccc1.jpg"
alt="Om CCC" name="bil1" onMouseOver="this.src='billeder/knap/knap-nede-om_ccc2.jpg'"
onmouseout="this.src='billeder/knap/knap-nede-om_ccc1.jpg'" width="55" height="20"></A><img src="billeder/knap/knap-nede-mellemrum.jpg" width="10" height="20" /><A HREF="billeder/alex.jpg"><img border="0" src="billeder/knap/knap-nede-kontakt_os1.jpg"
alt="Kontakt os" name="bil1" onMouseOver="this.src='billeder/knap/knap-nede-kontakt_os2.jpg'"
onmouseout="this.src='billeder/knap/knap-nede-kontakt_os1.jpg'" width="72" height="20"></A><img src="billeder/knap/knap-nede-mellemrum.jpg" width="10" height="20" /><A HREF="billeder/alex.jpg"><img border="0" src="billeder/knap/knap-nede-login1.jpg"
alt="Login" name="bil1" onMouseOver="this.src='billeder/knap/knap-nede-login2.jpg'"
onmouseout="this.src='billeder/knap/knap-nede-login1.jpg'" width="37" height="20"></A>
 
  </div>


</div>
</body>

</html>
Avatar billede alex15 Nybegynder
19. marts 2007 - 09:10 #2
Men også så man kan smide andre billeder ind foran, "baggrunds" billede..
Avatar billede alex15 Nybegynder
19. marts 2007 - 09:30 #3
Har fundet ud af det..!
Avatar billede roenving Novice
19. marts 2007 - 14:37 #4
-- så skriv det gerne her, så andre kan bruge din metode !-)
Avatar billede alex15 Nybegynder
19. marts 2007 - 20:11 #5
Okay, faktisk fjernede jeg bare billede.. og så gjorde så baggrunden i den boks var grå (næsten den samme farve som billede)

Men det var noget med at den rettede

<div id="Layer3"</div>

til
<div id="Layer3" class="style1"></div>
Avatar billede alex15 Nybegynder
24. oktober 2007 - 15:33 #6
Lukket
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