Toon posts:

HTML: Probleem met button in raster plaatsen

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hallo,
Ik heb het volgende probleem,
Ik wil een aantal knoppen in een raster plaatsen zodat je als het ware een menu hebt.
Maar nu lukt het niet helemaal, hier een plaatje van het resultaat http://movieinc.nl/site/pics/plaatje.PNG


De problemen zijn dus dat die knop er niet precies goed in past en hoe dat wel kan, en ook hoe ik die andere rasters weg kan krijgen?? of kan dat niet als je het als backgr img insteld?
Ik heb idd dat raster als background gebruikt en d8 de knoppen er in te krijgen.
Hier de html versie ervan. Overigens beheers ik absoluut geen andere web talen (niet dat ik HTML wel beheers maar toch)
<HTML>
<HEAD>
<TITLE></TITLE>
<META name="description" content="">
<META name="keywords" content="">
<META name="generator" content="CuteHTML">
</HEAD>
<BODY background="menu.jpg">


<br>
<br>
<br>
[img]"nieuws.jpg"></img> </BODY> </HTML[/img]


Alvast bedankt

  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

code:
1
[img]"nieuw.jpg"[/img]



Zo kun je de plaatjes op de goede plek zetten. Maar het is handiger om het raster als achtergrond van een div te zetten en op die div een position:relative te zetten. En om daar de plaatjes weer in te zetten.

Verwijderd

Topicstarter
André schreef op 30 augustus 2004 @ 20:34:
code:
1
[img]"nieuw.jpg"[/img]



Zo kun je de plaatjes op de goede plek zetten. Maar het is handiger om het raster als achtergrond van een div te zetten en op die div een position:relative te zetten. En om daar de plaatjes weer in te zetten.
srry heb je misschien een vb?

  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

Die staat er in? Zet om dat plaatje nog een relative div:


code:
1
2
3
<div style="position:relative;background-image:url('menu.jpg')">
  [img]"nieuw.jpg"[/img]
</div>



En euh:
www.w3schools.com

[ Voor 22% gewijzigd door André op 30-08-2004 20:39 ]


Verwijderd

Topicstarter
André schreef op 30 augustus 2004 @ 20:38:
Die staat er in? Zet om dat plaatje nog een relative div:


code:
1
2
3
<div style="position:relative;background-image:url('menu.jpg')">
  [img]"nieuw.jpg"[/img]
</div>



En euh:
www.w3schools.com
okey tnkx, het is ondertussen gelukt, alleen nog 1 laaste vraag, hoe zorg ik ervoor dat die herhaling van het achtergrond plaatje neit meer is?? iets van repeat:no??

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Verwijderd schreef op 30 augustus 2004 @ 21:37:
[...]


okey tnkx, het is ondertussen gelukt, alleen nog 1 laaste vraag, hoe zorg ik ervoor dat die herhaling van het achtergrond plaatje neit meer is?? iets van repeat:no??
http://www.w3schools.com/css/css_background.asp ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Verwijderd

Topicstarter
mjah okey d8 ik dus ook al, dus nu heb ik ervan gemaakt:
<div style="position:absolute; top :60px; left: 22px; background-image:url('raster.jpg'); background-repeat: no-repeat">


maar nog steeds die repeat, zie ik nou iets over het hoofd?? natuurlijk staat de </div> verderop

Verwijderd

Topicstarter
Verwijderd schreef op 30 augustus 2004 @ 21:43:
[...]


mjah okey d8 ik dus ook al, dus nu heb ik ervan gemaakt:
<div style="position:absolute; top :60px; left: 22px; background-image:url('raster.jpg'); background-repeat: no-repeat">


maar nog steeds die repeat, zie ik nou iets over het hoofd?? natuurlijk staat de </div> verderop
Okey, nu werkt het niet meer, dit is alles wat ik heb mayb dat iemand mij nu verder kan helpen??
<HTML>
<HEAD>
<TITLE></TITLE>
<META name="description" content="">
<META name="keywords" content="">
<META name="generator" content="CuteHTML">
</HEAD>
<BODY>


<br>
<br>
<br><div style="position:relative; background-image:url('menu.jpg')">


[img]"contact.jpg"[/img]</img>
[img]"contact.jpg"[/img]</img>
[img]"contact.jpg"[/img]</img>
[img]"contact.jpg"[/img]</img>
[img]"contact.jpg"[/img]</img>
[img]"contact.jpg"[/img]</img>
[img]"contact.jpg"[/img]</img>


</div>


</BODY>
</HTML>
Pagina: 1