H! All,
First off all I would like to say that I don't know any more French than "Je n'ai comprend pas, tu parlez Anglais?? No? Tu Zut..." (and I HOPE this isn't taken wrong when I say that to a French person If you know what I mean!). And most of the time it's enough for me as a Dutch person, altough I know my Englisch, and I will try to see if someone here knows it to who can help me, cause I already mailed this to the webmaster, but he is to busy to help me, and sugested me to put it on the forum here, altough that is in French, I try to see how far I come with navigating in here, cause I also have a PHPbb Forum on one of my servers... But please every respons in here in Englisch, cause I don't understand French (and you might have seen in my only full French sentece I know!)
Well, know the problem:
I have 2 questions about a CSS and (X)HTML drop-down (vertical and
horizontal) menu wich is explained in Englisch
(http://tutorials.alsacreations.com/deroulant/) on one of the pages on
this website. I am trying to customise the vertical dropdown menu to my needs, just similar like the one located on www.henkhouben.nl/Test has. Only, you might have seen, that menu is not working 100%, and I've been working with this one for more than 1 year now, but I can't seem to fix it right! So after a long search I found this very similar menu from this website....
But there are 2 things I want to see, plain text is used, I want to put a
small image in front of the text, I tried that by adding the imgsrc-tag,
but that f*ck*d up the menu totaly (text jumps to second line and
doesn't position itself next to the image!). So after few combinations nothing works, so I turn to here (first maker of this site, but he suggested it to put it here...)? 2 questions wich I combine in 1:
Could someone tell me (or do for me) how to customise that menu so that it
contains images just like the ones I used on www.henkhouben.nl/Test (The images I've got!)?
A-sum-op:
Problem 1:
The images thereselfs next to the text (like the ones on
www.henkhouben.nl/Test ).
Problem 2:
When on www.henkhouben.nl/Test you see >-images but when you openup a menu, the image changes, and when you open up another menu (like this new menu also does, that is one of the key-features to me!), the image changes back.
Could this also be made applieable to this menu??? If so, could someone tell me (or do for me) how to customise that so it does exactly what the menu on www.henkhouben.nl/Test does???
If someone can help me with these problems I would be very glad!!!
I will place the html of my menu now in below standing box, might be simpeler for you to understand what needs to be added or done!
In wait of (a quick s.v.p.?) respons, I remain,
Your sincerrely,
Mark
The Netherlands
(Pays Bas)
Edited by djdadevil (03 Jan 2006 - 13:34)
First off all I would like to say that I don't know any more French than "Je n'ai comprend pas, tu parlez Anglais?? No? Tu Zut..." (and I HOPE this isn't taken wrong when I say that to a French person If you know what I mean!). And most of the time it's enough for me as a Dutch person, altough I know my Englisch, and I will try to see if someone here knows it to who can help me, cause I already mailed this to the webmaster, but he is to busy to help me, and sugested me to put it on the forum here, altough that is in French, I try to see how far I come with navigating in here, cause I also have a PHPbb Forum on one of my servers... But please every respons in here in Englisch, cause I don't understand French (and you might have seen in my only full French sentece I know!)
Well, know the problem:
I have 2 questions about a CSS and (X)HTML drop-down (vertical and
horizontal) menu wich is explained in Englisch
(http://tutorials.alsacreations.com/deroulant/) on one of the pages on
this website. I am trying to customise the vertical dropdown menu to my needs, just similar like the one located on www.henkhouben.nl/Test has. Only, you might have seen, that menu is not working 100%, and I've been working with this one for more than 1 year now, but I can't seem to fix it right! So after a long search I found this very similar menu from this website....
But there are 2 things I want to see, plain text is used, I want to put a
small image in front of the text, I tried that by adding the imgsrc-tag,
but that f*ck*d up the menu totaly (text jumps to second line and
doesn't position itself next to the image!). So after few combinations nothing works, so I turn to here (first maker of this site, but he suggested it to put it here...)? 2 questions wich I combine in 1:
Could someone tell me (or do for me) how to customise that menu so that it
contains images just like the ones I used on www.henkhouben.nl/Test (The images I've got!)?
A-sum-op:
Problem 1:
The images thereselfs next to the text (like the ones on
www.henkhouben.nl/Test ).
Problem 2:
When on www.henkhouben.nl/Test you see >-images but when you openup a menu, the image changes, and when you open up another menu (like this new menu also does, that is one of the key-features to me!), the image changes back.
Could this also be made applieable to this menu??? If so, could someone tell me (or do for me) how to customise that so it does exactly what the menu on www.henkhouben.nl/Test does???
If someone can help me with these problems I would be very glad!!!
I will place the html of my menu now in below standing box, might be simpeler for you to understand what needs to be added or done!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: black;
font: 70% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: 77px;
left: 20px;
}
#menu {
width: 20em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 1px Black;
background: black;
}
#menu dd {
border: 1px Black;
}
#menu li {
text-align: left;
background: black;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: black;
}
.style1 {color: #FFFFFF}
--></style>
</head>
<body>
<dl id="menu">
<dt onclick="javascript:show();"><a href="mainFrame.html" target="mainFrame">Home</a></dt>
<dt onclick="javascript:show('smenu2');">
<span class="style1">Maastricht</span></dt>
<dd id="smenu2">
<ul>
<li class="style1">
<a href="pages/page1.html" target="mainFrame"> Page 1</a></li>
<li class="style1">
<a href="pages/page2.html" target="mainFrame"> Page 2</a></li>
<li class="style1">
<a href="pages/page3.html" target="mainFrame"> Page 3</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu3');">
<span class="style1">Events</span></dt>
<dd id="smenu3">
<ul class="style1">
<li>
<a href="pages/page4.html" target="mainFrame"> Page 4</a></li>
<li>
<a href="pages/page5.html" target="mainFrame"> Page 5</a></li>
<li>
<a href="pages/page6.html" target="mainFrame"> Page 6</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu4');">
<span class="style1">Travel</span></dt>
<dd id="smenu4">
<ul>
<li class="style1">
<a href="pages/page7.html" target="mainFrame"> Page 7</a></li>
<li class="style1">
<a href="pages/page8.html" target="mainFrame"> Page 8</a></li>
<li class="style1">
<a href="pages/page9.html" target="mainFrame"> Page 9</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu5');">
<span class="style1">Sphinx</span></dt>
<dd id="smenu5">
<ul>
<li class="style1">
<a href="pages/page10.html" target="mainFrame"> Page 10</a></li>
<li class="style1">
<a href="pages/page11.html" target="mainFrame"> Page 11</a></li>
<li class="style1">
<a href="pages/page12.html" target="mainFrame"> Page 12</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu6');">
<span class="style1">Diversity</span></dt>
<dd id="smenu6">
<ul>
<li class="style1">
<a href="pages/page13.html" target="mainFrame"> Page 13</a></li>
<li class="style1">
<a href="pages/page14.html" target="mainFrame"> Page 14</a></li>
<li class="style1">
<a href="pages/page15.html" target="mainFrame"> Page 15</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu7');">
<span class="style1">Author</span></dt>
<dd id="smenu7">
<ul>
<li class="style1">
<a href="pages/PhotographerHH.html" target="mainFrame"> Photographer</a></li>
<li class="style1">
<a href="pages/CreatorMH.html" target="mainFrame"> Creator</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu8');">
<span class="style1">Links</span></dt>
<dd id="smenu8">
<ul>
<li class="style1">
<a href="http://www.google.nl" target="_blank"> Google</a></li>
<li class="style1">
<a href="http://www.clubcharts.nl" target="_blank"> Clubcharts</a></li>
<li class="style1">
<a href="http://www.djdadevil.com" target="_blank"> Dj Da Devil</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu9');">
<span class="style1">Contact</span></dt>
<dd id="smenu9">
<ul>
<li class="style1">
<a href="mailto:henk@henkhouben.nl"> E-Mail</a></li>
</ul>
</dd>
</dl>
</body>
</html>
In wait of (a quick s.v.p.?) respons, I remain,
Your sincerrely,
Mark
The Netherlands
(Pays Bas)
Edited by djdadevil (03 Jan 2006 - 13:34)
And indeed, France also is Europe, only 1 country I think should not be... Turkey (but that's just because we already have enough Turkish imigrants if you know what I mean, it's not for the people, most of them are nice, but they should not open up te border 100% to Them!, but that's just an opinion!)