achtergrondafbeeldingen

Status
Niet open voor verdere reacties.
B

bartjuh94

Gebruiker
Lid geworden
16 aug 2007
Berichten
104
hallo,

ik ben een website aan et maken, met een paar verschillende afbeeldingen als menu. in de editor staan alle afbeeldingen op de juiste plaats maar in mn browser staan se allemaal door elkaar. nu sie j heel vaak op verschillende websites dat er dan die afbeeldingen als achtergrondafbeeldingen zijn ingesteld.... hoe doe ik dat dan in mijn geval??:(

Bij voorbaat dank,

Bart Hoogmoed
info@bctonline.nl
www.bctonline.nl
 
wel handig als je vermeld welke editor je gebruikt.

Mijn tip: gebruik gewoon kladblok, en codeer het zelf!
 
Ik gebruik Pagebreeze
srry vergeten te vermelden
op het moment heb ik nog geen goede editor
kgebruik et liefst WYSIWYG editors.
self sgrijven ben ik nie goet in. visual basic 2008 gaat goet maar HTML kan k nie. gak miss nog lere.

Dit is de code:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<meta name="GENERATOR" content="PageBreeze Free HTML Editor (http://www.pagebreeze.com)">
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" >
<title>index</title>
<style>
a.navwhite:link { text-decoration: none; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.navwhite:visited { text-decoration: none; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.navwhite:hover { text-decoration: underline; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.navblack:link { text-decoration: none; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.navblack:visited { text-decoration: none; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.navblack:hover { text-decoration: underline; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
</style>
</head>
<body bgcolor="#660000">
<h3><img style="Z-INDEX: 105; LEFT: 40px; WIDTH: 197px; POSITION: absolute; TOP: 72px; HEIGHT: 455px" height="559" hspace="0" src="left.gif" width="270" border="0"><input style="Z-INDEX: 121; LEFT: 77px; WIDTH: 95px; POSITION: absolute; TOP: 201px; HEIGHT: 24px" type="button" size="35" value="Home" name="Home">
<table 
style="Z-INDEX: 120; LEFT: 279px; WIDTH: 476px; POSITION: absolute; TOP: 182px; HEIGHT: 286px" 
cellSpacing=0 cellPadding=3 width=476 align=center border=0>
  
  <tr>
    <td>
      <p><font face="Arial" color="#ffff99" size="4" 
      ><strong>Home</strong></font></p>
      <p><font face="Tahoma" color="#ffff99" 
      >Wij bestaan als meubelzaak reeds meer dan 50 jaar! 
      Dus een vertrouwde zaak met zeer lange ervaring op het gebeid van wonen en 
      slapen. Wij mogen ons ondertussen wel specialist noemen...</font></p>
      <p><font face="Tahoma" color="#ffff99" 
      >Wij winkelieren met veel plezier. Wij genieten van de 
      band met onze vertrouwde en gezellige klantenkring die ons na aan het hart 
      ligt. Zij kennen onze grote service, die je zelden meer tegenkomt en, zijn 
      bij ons nog koning i.p.v. meneer/mevrouw met 
      (debiteuren)nummer...</font></p>
      <p><font face="Tahoma" color="#ffff99" 
      >Wij nodigen u uit, u zelf eens te komen overtuigen en 
      u nog eens klant te voelen die ook als zodanig geholpen en gewaardeerd 
      wordt.</font></p></td></tr></table><img style="Z-INDEX: 102; LEFT: 40px; WIDTH: 197px; POSITION: absolute; TOP: 527px; HEIGHT: 20px" height="20" hspace="0" src="left_bottom.gif" width="270" border="0"><img style="Z-INDEX: 101; LEFT: 40px; WIDTH: 197px; POSITION: absolute; TOP: 52px; HEIGHT: 20px" height="20" hspace="0" src="left_top.gif" width="270" border="0"><img style="Z-INDEX: 103; LEFT: 41px; WIDTH: 724px; POSITION: absolute; TOP: 565px; HEIGHT: 8px" height="8" hspace="0" src="bottom_br.gif" width="900" border="0"><img style="Z-INDEX: 106; LEFT: 41px; WIDTH: 752px; POSITION: absolute; TOP: 149px; HEIGHT: 8px" height="8" hspace="0" src="bottom_br.gif" width="900" border="0"><img style="Z-INDEX: 107; LEFT: 237px; WIDTH: 556px; POSITION: absolute; TOP: 85px; HEIGHT: 8px" height="8" hspace="0" src="bottom_br.gif" width="900" border="0"></h3>
<h3>
<table 
style="Z-INDEX: 108; LEFT: 263px; WIDTH: 512px; POSITION: absolute; TOP: 104px; HEIGHT: 26px" 
cellSpacing=0 cellPadding=3 width=512 align=center border=0>
  <tbody>
  <tr>
    <td><font face="Arial" color="#800000" size="5"><strong>
      <p><font face="Arial" color="#800000" size="5"><strong>Welkom op de website van 
      Breukel BV</strong></font></p></strong></font></td></tr></tbody></table></h3>
<h3 align="center"><input style="Z-INDEX: 121; LEFT: 77px; WIDTH: 95px; POSITION: absolute; TOP: 241px; HEIGHT: 24px" type="button" size="35" value="Over ons" name="Over_ons"><input style="Z-INDEX: 121; LEFT: 77px; WIDTH: 95px; POSITION: absolute; TOP: 322px; HEIGHT: 24px" type="button" size="35" value="Foto's" name="Fotos"><input style="Z-INDEX: 121; LEFT: 77px; WIDTH: 95px; POSITION: absolute; TOP: 283px; HEIGHT: 24px" type="button" size="35" value="Producten" name="Producten"><input style="Z-INDEX: 121; LEFT: 77px; WIDTH: 95px; POSITION: absolute; TOP: 362px; HEIGHT: 24px" type="button" size="35" value="Contact" name="Contact"><img height="600" hspace="0" src="images/BackGround.jpg" width="800" border="0"> 
<table 
style="Z-INDEX: 109; LEFT: 61px; WIDTH: 74px; POSITION: absolute; TOP: 69px; HEIGHT: 14px" 
cellSpacing=0 cellPadding=3 width=74 align=center border=0>
  <tbody>
  <tr>
    <td>
      <p><font face="Arial" color="#660000" 
      size=4><strong>Breukel</strong></font></p></td></tr></tbody></table>
<table 
style="Z-INDEX: 110; LEFT: 59px; WIDTH: 100px; POSITION: absolute; TOP: 101px; HEIGHT: 22px" 
cellSpacing=0 cellPadding=3 width=100 align=center border=0>
  <tbody>
  <tr>
    <td>
      <p><font face="Arial" color="#ffffcc" 
      size=2><em>Woninginrichting</em></font></p></td></tr></tbody></table></h3>
<h3><img style="Z-INDEX: 104; LEFT: 187px; WIDTH: 606px; POSITION: absolute; TOP: 94px; HEIGHT: 55px" height="202" hspace="0" src="images/Titel.jpg" width="540" border="0"></h3>
<table 
style="Z-INDEX: 111; LEFT: 37px; WIDTH: 452px; POSITION: absolute; TOP: 579px; HEIGHT: 4px" 
cellSpacing=0 cellPadding=3 width=452 align=center border=0>
  <tbody>
  <tr>
    <td><em><font face="Arial" color="#ffffcc" size="1"><a class="navblack" 
      href="http://www.bctonline.nl" target=_blank><strong><u>Copyright © Bart 
      Hoogmoed, Designed by Bartjuh's Computer 
      Technologies</u></strong></a></font></em></td></tr></tbody></table>
</body>
</html>
 
Laatst bewerkt:
???

wat bedoel j met postdeleted??
kan er niet ff iemand antwoort geve op mn vraag??? daar is dit forum tog:confused:
 
Als achtergrondafbeelding zou i bijgod niet weten hoe je verschillende links kan leggen. Tenzij je met eventuele polygons gaat werken maar da's al niet echt handig. Als ik van u was zou ik het proberen te doen in css.

vb.: in je html:

je afbeelding : <div class="plaats1"><img src="http://www.blablabla.com/afbeelding.jpg></div>


in je css file :

.plaats1 {position-absolute;
margin-left: 100px;
margin-top: 25px;
z-index: 1;
}



Waarbij margin-left de positie tov links aanduid , margin-top de positie tov de bovenrand en de z-index is welke laag, dus wat er onderaan ligt en wat erboven .
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan