Menu

Status
Niet open voor verdere reacties.

-Anne-

Gebruiker
Lid geworden
30 apr 2007
Berichten
15
Hoi,

Ik ben nog bezig met een website en heb een vraag over het menu.

Ik wil bij het menu een plaatje als achtergrond, dat 50 pixels hoog is. De knoppen zelf wil ik 20 pixels hoog en gewoon met een achtergrondkleur (dus geen plaatje.
Opzich krijg ik dit voor elkaar.. behalve de knoppen, deze worden óók 50 pixels hoog. Als ik deze weer op 'height 20px' instel krijg ik ook maar de helft (20 px) van het achtergrond plaatje te zien.

Wie kan me helpen?

Anne
 
welk jij met HTML of gebruik je een website maker zoals: freewebs,klikmij en everyoneweb als je op die vraag antwoord kan ik je misscien wel helpen.
 
Je zult een style code moeten gebruiken denk ik, maar als je de HTML code even plakt is het wat duidelijker te zien.
 
Ik werk met html ;)

Code van mn menu:
Code:
<link rel="stylesheet" type="text/css" media="screen" href="stijlen.css"/>

<script language="javascript">

function mouseOverMenuItem(menuItem){
	menuItem.style.backgroundColor="#FFFFFF";
}

function mouseOutMenuItem(menuItem){
	menuItem.style.backgroundColor="#FFFFFF";
}

</script>

</HEAD>
<BODY  bgcolor="#000000">
<P STYLE="background-image: url(background.jpg);">
<table align="center">
	<TR>
		<TD width="80px" onmouseover=mouseOverMenuItem(this) onmouseout=mouseOutMenuItem(this) class="menuItem">
			<a class="link" href="home/home.html" target="mainframe">home</a>
</table>

</BODY>
</HTML>


Code van CSS style:
Code:
.menuItem {
	background-color:#B2C8F4;
	text-align:center;
	border-style: solid;
	border-color:#333D9F;
	border-width:2;
}
(en in mn css staat ook nog link, standaardpag. en content maar dat heeft hier denk ik niks mee te maken..? Sorry werk nog niet zo lang met html :o)

Is het zo iets duidelijker?
 
Anne,
Met het geen je hier post komen we niet verder hoor. Al wat ik zie op de pagina is home
met blauwe achtergrond.
Even gissen:
in je class menu
Code:
background-image: url(background.jpg);
background-repeat:no-repeat;
toevoegen.
Dit mag je al verwijderen
Code:
<P STYLE="background-image: url(background.jpg);">
Je zou dat even online moeten zetten met de ganse pagina en het volledig menu dan kan kunnen we zien wat er mis is!
 
Oei dit was even verkeerd gepost
zoekwoord cursusboeken html enz..
 
Laatst bewerkt:
Even gissen:
in je class menu
Code:
background-image: url(background.jpg);
background-repeat:no-repeat;
toevoegen.
Dit mag je al verwijderen
Code:
<P STYLE="background-image: url(background.jpg);">
Als ik dit doe krijg ik geen andere achtergrond maar gewoon het blauwe..:confused:

http://home.hetnet.nl/~bleijhouben/test/index.html
dit is de website.. (niet alle pag. staan online, alleen home, index, css & menu & menubackground.jpg)
Menu is:
http://home.hetnet.nl/~bleijhouben/test/menu.html

css is:
http://home.hetnet.nl/~bleijhouben/test/css/stijlen.css

de achtergrond van t menu die ik wil:
http://home.hetnet.nl/~bleijhouben/test/menubackground.jpg

Ik hoop dat iemand me hiermee kan helpen..?

Anne
 
Zaten nog al wat fouten in.

Bijlage aangepaste versie.
hier
background-image: url(menu1.gif);
zet je even je eigen plaatje weg.

:cool:
 

Bijlagen

Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan