stilstaand menu

Status
Niet open voor verdere reacties.
R

Ronnie1967

Gebruiker
Lid geworden
6 mrt 2003
Berichten
367
hallo allemaal, mede door jullie is het me gelukt een menu te includen zodat hij op ieder site zichtbaar is.. top. nu heb ik een aanvullende vraag, hoe kan ik er voor zorgen dat het menu in een kolom stil blijft staan en dat men de tekst van de site naast het menu wel naar beneden kan scrollen? ik werk met sharepoint designer. het is de bedoeling zoals als op de site van marktplaats.

ik hoor graag weer van jullie

ron
 
Laatst bewerkt:
Hoi Ron,
Dat kan door { position: fixed; } toe te voegen aan de css van de menukolom.
Dit werkt goed in Firefox, Opera, Safari, Chrome en Internet Explorer 8.
Voor Internet Explorer 7 is het nodig de linkerkolom naar links te schuiven met de breedte van de linkerkolom. Vraag niet waarom! Dit kan je doen in een zogenaamd Conditional Comment ("voorwaardelijk commentaar"), waarop alleen IE7 reageert, en de andere browsers niet.
En tenslotte: in IE6 werkt het niet, die kan het gewoon niet.
Zie de broncode daarvan.

Met vriendelijke groet,
CSShunter
 
hoi bedankt voor je reactie, ik ben een complete digibeet wat dit betreft maar begin er steeds meer kijk op te krijgen. Ik ga hier mee aan de slag.helaas kan dat pas dit weekend zet ik de code dan in de body voor mijn menu?

groet,

ron
 
Nop, de css-code #menukolom { position: fixed; } komt gewoon in het rijtje van de andere styles:
  • in het stijlblok in de <head> van de html, of
  • (beter) in het aparte stylesheet.
Met vriendelijke groet,
CSShunter
 
Hoi CSS hunter, klinkt een beetje ingewikkeld. ik heb mijn mene bijgevoegd en mijn indexsite waarin ik het menu include. Ku je daarin misschien aangeven waar hij moet komen. (erg he? die digibeten)
Dit is het menu:

<head>


</head>

<body><script type="text/javascript" id="sothink_dhtmlmenu"> <!--
st_siteroot="file:///E|/Users/Ron%20en%20Carina/Documents/My%20Web%20Sites/hoofdmenu";
st_jspath="/stmenu.js";
if(!window.location.href.indexOf("file:") && st_jspath.charAt(0)=="/")
document.write('<script type="text/javascript" src="'+st_siteroot+st_jspath+'"><\/script>');
else
document.write('<script type="text/javascript" src="'+st_jspath+'"><\/script>');
//--> </script>
<script type="text/javascript">
<!--
stm_bm(["menu0a7f",850,"/","blank.gif",0,"","",0,0,250,50,1000,1,0,0,"","",0,0,1,1,"default","hand","file:///E|/Users/Ron%20en%20Carina/Documents/My%20Web%20Sites/hoofdmenu"],this);
stm_bp("p0",[1,4,0,0,0,2,16,16,100,"progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0,motion=forward,enabled=0,Duration=0.20)",6,"",-2,90,0,0,"#7F7F7F","#003399","bluefireback.gif",3,0,0,"#666666","",0,0,0,"transparent","",3,"",0,0,0,"transparent","",3,"",0,0,0,"transparent","",3,"",-1,10,0,"#000000","",3,"","","","",0,0,0,0,0,0,0,0]);
stm_ai("p0i0",[6,3,"#000000","",-1,-1,0]);
stm_ai("p0i1",[0,"Navigatie","","",-1,-1,0,"","_self","","","uparrow.gif","uparrow.gif",16,9,0,"","",0,0,0,0,1,"#000000",0,"#000000",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#FFFFFF","#FFFF00","15pt Arial","15pt Arial",0,0],200,36);
stm_aix("p0i2","p0i1",[0,"Home","","",-1,-1,0,"#","_self","","","","bluefirearrowmove.gif",16,9,0,"","",0,0,0,0,1,"#FFFFFF",1,"#0000FF",1,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#9999FF","#FFFFFF","14pt Arial","14pt Arial"],200,35);
stm_aix("p0i3","p0i2",[0,"Oostenrijk","","",-1,-1,0,"","_self","","","","bluefirearrowmove.gif",16,9,0,"arrowaa.gif","arrowaaa.gif",16,9],200,35);
stm_bp("p1",[1,2,0,0,0,2,16,16,100,"stEffect(\"slip\")",-2,"",-2,85,0,0,"#7F7F7F","#00ccff","",3,1,1,"#000000"]);
stm_aix("p1i0","p0i1",[0,"Wandelingen","","",-1,-1,0,"#","_self","","","","bluefirearrowmove.gif",16,9,0,"arrowaa.gif","arrowaaa.gif",16,9,0,0,1,"#0033FF",0,"#0033FF",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#000000","#FFFFFF","12pt Arial","12pt Arial"],150,0);
stm_bp("p2",[1,2,0,0,0,2,16,0,100,"stEffect(\"slip\")",-2,"",-2,85,0,0,"#7F7F7F","#00ccff","",3,1,1,"#999999"]);
stm_aix("p2i0","p0i1",[0,"Olpererhütte","","",-1,-1,0,"","_self","","","","bluefirearrowmove.gif",16,9,0,"","",0,0,0,0,1,"#0033FF",0,"#0033FF",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#000000","#FFFFFF","10pt Arial","10pt Arial"],226,0);
stm_aix("p2i1","p2i0",[0,"Plauenerhütte"],226,0);
stm_aix("p2i2","p2i0",[0,"Wolfsklamm"],226,0);
stm_aix("p2i3","p2i0",[0,"Penkenjoch"],226,0);
stm_aix("p2i4","p2i0",[0,"Friesenberghaus naar Olpererhütte"],226,0);
stm_aix("p2i5","p2i0",[0,"Menu Item 6","","",-1,-1,0,"","_self","","","","bluefirearrowmove.gif",16,9,0,"","",0,0,0,0,1,"#0033FF",0,"#0033FF",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#333333"],226,0);
stm_aix("p2i6","p2i5",[0,"Menu Item 7"],226,0);
stm_aix("p2i7","p2i5",[0,"Menu Item 8"],226,0);
stm_aix("p2i8","p2i5",[0,"Menu Item 9"],226,0);
stm_aix("p2i9","p2i5",[0,"Menu Item 10"],226,0);
stm_ep();
stm_aix("p1i1","p0i1",[0,"Uitstapjes","","",-1,-1,0,"#","_self","","","","bluefirearrowmove.gif",16,9,0,"","",0,0,0,0,1,"#FFFFFF",1,"#0000FF",1,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#666666","#FFFFFF","8pt Arial","8pt Arial"],150,0);
stm_aix("p1i2","p1i1",[0,"Reisverslagen"],150,0);
stm_aix("p1i3","p1i1",[0,"Informatie"],150,0);
stm_ep();
stm_aix("p0i4","p0i3",[0,"Zwitserland"],200,35);
stm_bpx("p3","p2",[1,2,0,0,0,2,16,16]);
stm_aix("p3i0","p1i0",[0,"Wandelingen","","",-1,-1,0,"#","_self","","","","bluefirearrowmove.gif",16,9,0,"arrowaa.gif","arrowaaa.gif",16,9,0,0,1,"#0033FF",0,"#0033FF",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#333333"],150,0);
stm_bpx("p4","p2",[]);
stm_aix("p4i0","p2i5",[0,"Olpererhütte"],150,0);
stm_aix("p4i1","p1i1",[0,"Menu Item 2","","",-1,-1,0,""],150,0);
stm_aix("p4i2","p4i1",[0,"Menu Item 3"],150,0);
stm_aix("p4i3","p4i1",[0,"Menu Item 4"],150,0);
stm_aix("p4i4","p4i1",[0,"Menu Item 5"],150,0);
stm_aix("p4i5","p4i1",[0,"Menu Item 6"],150,0);
stm_aix("p4i6","p4i1",[0,"Menu Item 7"],150,0);
stm_aix("p4i7","p4i1",[0,"Menu Item 8"],150,0);
stm_aix("p4i8","p4i1",[0,"Menu Item 9"],150,0);
stm_aix("p4i9","p4i1",[0,"Menu Item 10"],150,0);
stm_ep();
stm_aix("p3i1","p1i1",[],150,0);
stm_aix("p3i2","p1i2",[],150,0);
stm_aix("p3i3","p1i3",[],150,0);
stm_ep();
stm_aix("p0i5","p0i3",[0,"Duitsland"],200,35);
stm_bpx("p5","p3",[]);
stm_aix("p5i0","p1i1",[0,"Wandelingen","","",-1,-1,0,"","_self","","","","bluefirearrowmove.gif",16,9,0,"arrowaa.gif","arrowaaa.gif",16,9],150,0);
stm_bpx("p6","p2",[]);
stm_aix("p6i0","p4i1",[0,"Menu Item 1"],150,0);
stm_aix("p6i1","p4i1",[],150,0);
stm_ep();
stm_aix("p5i1","p5i0",[0,"Uitstapjes"],150,0);
stm_bpx("p7","p2",[]);
stm_aix("p7i0","p6i0",[],150,0);
stm_aix("p7i1","p4i1",[],150,0);
stm_aix("p7i2","p4i2",[],150,0);
stm_aix("p7i3","p4i3",[],150,0);
stm_aix("p7i4","p4i4",[],150,0);
stm_ep();
stm_aix("p5i2","p5i0",[0,"Reisverslagen"],150,0);
stm_bpx("p8","p2",[]);
stm_aix("p8i0","p6i0",[],150,0);
stm_aix("p8i1","p4i1",[],150,0);
stm_aix("p8i2","p4i2",[],150,0);
stm_aix("p8i3","p4i3",[],150,0);
stm_ep();
stm_aix("p5i3","p4i1",[0,"Informatie"],150,0);
stm_ep();
stm_aix("p0i6","p0i3",[0,"Nederland"],200,35);
stm_bpx("p9","p3",[]);
stm_aix("p9i0","p5i0",[0,"Wandelingen","","",-1,-1,0,"#"],150,0);
stm_bpx("p10","p2",[]);
stm_aix("p10i0","p6i0",[],150,0);
stm_aix("p10i1","p4i1",[],150,0);
stm_aix("p10i2","p4i2",[],150,0);
stm_aix("p10i3","p4i3",[],150,0);
stm_aix("p10i4","p4i4",[],150,0);
stm_ep();
stm_aix("p9i1","p9i0",[0,"Uitstapjes"],150,0);
stm_bpx("p11","p2",[]);
stm_aix("p11i0","p6i0",[],150,0);
stm_aix("p11i1","p4i1",[],150,0);
stm_aix("p11i2","p4i2",[],150,0);
stm_aix("p11i3","p4i3",[],150,0);
stm_aix("p11i4","p4i4",[],150,0);
stm_ep();
stm_aix("p9i2","p9i0",[0,"Reisverslagen"],150,0);
stm_bpx("p12","p2",[]);
stm_aix("p12i0","p6i0",[],150,0);
stm_aix("p12i1","p4i1",[],150,0);
stm_aix("p12i2","p4i2",[],150,0);
stm_ep();
stm_aix("p9i3","p1i3",[],150,0);
stm_ep();
stm_aix("p0i7","p0i2",[0,"Nieuw op de site","","",-1,-1,0,""],200,35);
stm_aix("p0i8","p0i1",[0,"Diversen"],200,36);
stm_aix("p0i9","p0i7",[0,"Over ons"],200,35);
stm_aix("p0i10","p0i3",[0,"Vakantie recepten","","",-1,-1,0,"#"],200,35);
stm_bpx("p13","p3",[]);
stm_aix("p13i0","p5i0",[0,"Vleesgerechten"],150,0);
stm_bpx("p14","p2",[]);
stm_aix("p14i0","p6i0",[],150,0);
stm_aix("p14i1","p4i1",[],150,0);
stm_aix("p14i2","p4i2",[],150,0);
stm_aix("p14i3","p4i3",[],150,0);
stm_aix("p14i4","p4i4",[],150,0);
stm_aix("p14i5","p4i5",[],150,0);
stm_aix("p14i6","p4i6",[],150,0);
stm_aix("p14i7","p4i7",[],150,0);
stm_aix("p14i8","p4i8",[],150,0);
stm_ep();
stm_aix("p13i1","p5i0",[0,"Visgerechten"],150,0);
stm_bpx("p15","p2",[]);
stm_aix("p15i0","p6i0",[],150,0);
stm_aix("p15i1","p4i1",[],150,0);
stm_aix("p15i2","p4i2",[],150,0);
stm_aix("p15i3","p4i3",[],150,0);
stm_ep();
stm_aix("p13i2","p5i0",[0,"Streekgerechten"],150,0);
stm_bpx("p16","p3",[]);
stm_aix("p16i0","p5i0",[0,"Oostenrijk"],150,0);
stm_bpx("p17","p2",[]);
stm_aix("p17i0","p6i0",[],150,0);
stm_aix("p17i1","p4i1",[],150,0);
stm_aix("p17i2","p4i2",[],150,0);
stm_aix("p17i3","p4i3",[],150,0);
stm_ep();
stm_aix("p16i1","p5i0",[0,"Zwitserland"],150,0);
stm_bpx("p18","p2",[]);
stm_aix("p18i0","p6i0",[],150,0);
stm_aix("p18i1","p4i1",[],150,0);
stm_aix("p18i2","p4i2",[],150,0);
stm_aix("p18i3","p4i3",[],150,0);
stm_ep();
stm_aix("p16i2","p5i0",[0,"Nederland"],150,0);
stm_bpx("p19","p2",[]);
stm_aix("p19i0","p6i0",[],150,0);
stm_aix("p19i1","p4i1",[],150,0);
stm_aix("p19i2","p4i2",[],150,0);
stm_aix("p19i3","p4i3",[],150,0);
stm_aix("p19i4","p4i4",[],150,0);
stm_ep();
stm_ep();
stm_ep();
stm_aix("p0i11","p0i7",[0,"Gastenboek"],200,35);
stm_aix("p0i12","p0i7",[0,"Leuke links"],200,35);
stm_aix("p0i13","p0i3",[0,"Beestenboel"],200,35);
stm_bpx("p20","p2",[]);
stm_aix("p20i0","p6i0",[],150,0);
stm_aix("p20i1","p4i1",[],150,0);
stm_aix("p20i2","p4i2",[],150,0);
stm_aix("p20i3","p4i3",[],150,0);
stm_aix("p20i4","p4i4",[],150,0);
stm_aix("p20i5","p4i5",[],150,0);
stm_aix("p20i6","p4i6",[],150,0);
stm_ep();
stm_aix("p0i14","p0i2",[0,"Stuur een E-Mail"],200,35);
stm_aix("p0i15","p0i0",[6,35]);
stm_ep();
stm_em();
//-->
</script>



</body>

</html>



en dit de index

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<!--mstheme--><link rel="stylesheet" type="text/css" href="../_themes/expeditn/expe1011.css"><meta name="Microsoft Theme" content="expeditn 1011">
<style type="text/css">
.style1 {
text-align: center;
font-size: xx-large;
font-family: "Blackadder ITC";
color: #0000FF;
}
</style>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="width: 1238px; height: 590px">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" class="style1" colspan="2" style="height: 81px">
<!-- MSCellType="ContentHead" -->
<strong>Welkom op onze website</strong></td>
</tr>
<tr>
<td msopnltype="NavBody">
<!-- MSCellType="NavBody" -->
Welkom op onze website</strong></td>
</tr>
<tr>
<td msopnltype="NavBody">
<!-- MSCellType="NavBody" -->
<!--webbot bot="Include" U-Include="../hoofdmenu/Menu htm/hoofdmenu.htm" TAG="BODY" startspan --><script type="text/javascript" id="sothink_dhtmlmenu"> <!--
st_siteroot="file:///E|/Users/Ron%20en%20Carina/Documents/My%20Web%20Sites/hoofdmenu";
st_jspath="/stmenu.js";
if(!window.location.href.indexOf("file:") && st_jspath.charAt(0)=="/")
document.write('<script type="text/javascript" src="'+st_siteroot+st_jspath+'"><\/script>');
else
document.write('<script type="text/javascript" src="'+st_jspath+'"><\/script>');
//--> </script>
<script type="text/javascript">
<!--
stm_bm(["menu0a7f",850,"/","blank.gif",0,"","",0,0,250,50,1000,1,0,0,"","",0,0,1,1,"default","hand","file:///E|/Users/Ron%20en%20Carina/Documents/My%20Web%20Sites/hoofdmenu"],this);
stm_bp("p0",[1,4,0,0,0,2,16,16,100,"progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0,motion=forward,enabled=0,Duration=0.20)",6,"",-2,90,0,0,"#7F7F7F","#003399","bluefireback.gif",3,0,0,"#666666","",0,0,0,"transparent","",3,"",0,0,0,"transparent","",3,"",0,0,0,"transparent","",3,"",-1,10,0,"#000000","",3,"","","","",0,0,0,0,0,0,0,0]);
stm_ai("p0i0",[6,3,"#000000","",-1,-1,0]);
stm_ai("p0i1",[0,"Navigatie","","",-1,-1,0,"","_self","","","uparrow.gif","uparrow.gif",16,9,0,"","",0,0,0,0,1,"#000000",0,"#000000",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#FFFFFF","#FFFF00","15pt Arial","15pt Arial",0,0],200,36);
stm_aix("p0i2","p0i1",[0,"Home","","",-1,-1,0,"#","_self","","","","bluefirearrowmove.gif",16,9,0,"","",0,0,0,0,1,"#FFFFFF",1,"#0000FF",1,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#9999FF","#FFFFFF","14pt Arial","14pt Arial"],200,35);
stm_aix("p0i3","p0i2",[0,"Oostenrijk","","",-1,-1,0,"","_self","","","","bluefirearrowmove.gif",16,9,0,"arrowaa.gif","arrowaaa.gif",16,9],200,35);
stm_bp("p1",[1,2,0,0,0,2,16,16,100,"stEffect(\"slip\")",-2,"",-2,85,0,0,"#7F7F7F","#00ccff","",3,1,1,"#000000"]);
stm_aix("p1i0","p0i1",[0,"Wandelingen","","",-1,-1,0,"#","_self","","","","bluefirearrowmove.gif",16,9,0,"arrowaa.gif","arrowaaa.gif",16,9,0,0,1,"#0033FF",0,"#0033FF",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#000000","#FFFFFF","12pt Arial","12pt Arial"],150,0);
stm_bp("p2",[1,2,0,0,0,2,16,0,100,"stEffect(\"slip\")",-2,"",-2,85,0,0,"#7F7F7F","#00ccff","",3,1,1,"#999999"]);
stm_aix("p2i0","p0i1",[0,"Olpererhütte","","",-1,-1,0,"","_self","","","","bluefirearrowmove.gif",16,9,0,"","",0,0,0,0,1,"#0033FF",0,"#0033FF",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#000000","#FFFFFF","10pt Arial","10pt Arial"],226,0);
stm_aix("p2i1","p2i0",[0,"Plauenerhütte"],226,0);
stm_aix("p2i2","p2i0",[0,"Wolfsklamm"],226,0);
stm_aix("p2i3","p2i0",[0,"Penkenjoch"],226,0);
stm_aix("p2i4","p2i0",[0,"Friesenberghaus naar Olpererhütte"],226,0);
stm_aix("p2i5","p2i0",[0,"Menu Item 6","","",-1,-1,0,"","_self","","","","bluefirearrowmove.gif",16,9,0,"","",0,0,0,0,1,"#0033FF",0,"#0033FF",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#333333"],226,0);
stm_aix("p2i6","p2i5",[0,"Menu Item 7"],226,0);
stm_aix("p2i7","p2i5",[0,"Menu Item 8"],226,0);
stm_aix("p2i8","p2i5",[0,"Menu Item 9"],226,0);
stm_aix("p2i9","p2i5",[0,"Menu Item 10"],226,0);
stm_ep();
stm_aix("p1i1","p0i1",[0,"Uitstapjes","","",-1,-1,0,"#","_self","","","","bluefirearrowmove.gif",16,9,0,"","",0,0,0,0,1,"#FFFFFF",1,"#0000FF",1,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#666666","#FFFFFF","8pt Arial","8pt Arial"],150,0);
stm_aix("p1i2","p1i1",[0,"Reisverslagen"],150,0);
stm_aix("p1i3","p1i1",[0,"Informatie"],150,0);
stm_ep();
stm_aix("p0i4","p0i3",[0,"Zwitserland"],200,35);
stm_bpx("p3","p2",[1,2,0,0,0,2,16,16]);
stm_aix("p3i0","p1i0",[0,"Wandelingen","","",-1,-1,0,"#","_self","","","","bluefirearrowmove.gif",16,9,0,"arrowaa.gif","arrowaaa.gif",16,9,0,0,1,"#0033FF",0,"#0033FF",0,"","",3,3,0,0,"#FFFFFF","#FFFFFF","#333333"],150,0);
stm_bpx("p4","p2",[]);
stm_aix("p4i0","p2i5",[0,"Olpererhütte"],150,0);
stm_aix("p4i1","p1i1",[0,"Menu Item 2","","",-1,-1,0,""],150,0);
stm_aix("p4i2","p4i1",[0,"Menu Item 3"],150,0);
stm_aix("p4i3","p4i1",[0,"Menu Item 4"],150,0);
stm_aix("p4i4","p4i1",[0,"Menu Item 5"],150,0);
stm_aix("p4i5","p4i1",[0,"Menu Item 6"],150,0);
stm_aix("p4i6","p4i1",[0,"Menu Item 7"],150,0);
stm_aix("p4i7","p4i1",[0,"Menu Item 8"],150,0);
stm_aix("p4i8","p4i1",[0,"Menu Item 9"],150,0);
stm_aix("p4i9","p4i1",[0,"Menu Item 10"],150,0);
stm_ep();
stm_aix("p3i1","p1i1",[],150,0);
stm_aix("p3i2","p1i2",[],150,0);
stm_aix("p3i3","p1i3",[],150,0);
stm_ep();
stm_aix("p0i5","p0i3",[0,"Duitsland"],200,35);
stm_bpx("p5","p3",[]);
stm_aix("p5i0","p1i1",[0,"Wandelingen","","",-1,-1,0,"","_self","","","","bluefirearrowmove.gif",16,9,0,"arrowaa.gif","arrowaaa.gif",16,9],150,0);
stm_bpx("p6","p2",[]);
stm_aix("p6i0","p4i1",[0,"Menu Item 1"],150,0);
stm_aix("p6i1","p4i1",[],150,0);
stm_ep();
stm_aix("p5i1","p5i0",[0,"Uitstapjes"],150,0);
stm_bpx("p7","p2",[]);
stm_aix("p7i0","p6i0",[],150,0);
stm_aix("p7i1","p4i1",[],150,0);
stm_aix("p7i2","p4i2",[],150,0);
stm_aix("p7i3","p4i3",[],150,0);
stm_aix("p7i4","p4i4",[],150,0);
stm_ep();
stm_aix("p5i2","p5i0",[0,"Reisverslagen"],150,0);
stm_bpx("p8","p2",[]);
stm_aix("p8i0","p6i0",[],150,0);
stm_aix("p8i1","p4i1",[],150,0);
stm_aix("p8i2","p4i2",[],150,0);
stm_aix("p8i3","p4i3",[],150,0);
stm_ep();
stm_aix("p5i3","p4i1",[0,"Informatie"],150,0);
stm_ep();
stm_aix("p0i6","p0i3",[0,"Nederland"],200,35);
stm_bpx("p9","p3",[]);
stm_aix("p9i0","p5i0",[0,"Wandelingen","","",-1,-1,0,"#"],150,0);
stm_bpx("p10","p2",[]);
stm_aix("p10i0","p6i0",[],150,0);
stm_aix("p10i1","p4i1",[],150,0);
stm_aix("p10i2","p4i2",[],150,0);
stm_aix("p10i3","p4i3",[],150,0);
stm_aix("p10i4","p4i4",[],150,0);
stm_ep();
stm_aix("p9i1","p9i0",[0,"Uitstapjes"],150,0);
stm_bpx("p11","p2",[]);
stm_aix("p11i0","p6i0",[],150,0);
stm_aix("p11i1","p4i1",[],150,0);
stm_aix("p11i2","p4i2",[],150,0);
stm_aix("p11i3","p4i3",[],150,0);
stm_aix("p11i4","p4i4",[],150,0);
stm_ep();
stm_aix("p9i2","p9i0",[0,"Reisverslagen"],150,0);
stm_bpx("p12","p2",[]);
stm_aix("p12i0","p6i0",[],150,0);
stm_aix("p12i1","p4i1",[],150,0);
stm_aix("p12i2","p4i2",[],150,0);
stm_ep();
stm_aix("p9i3","p1i3",[],150,0);
stm_ep();
stm_aix("p0i7","p0i2",[0,"Nieuw op de site","","",-1,-1,0,""],200,35);
stm_aix("p0i8","p0i1",[0,"Diversen"],200,36);
stm_aix("p0i9","p0i7",[0,"Over ons"],200,35);
stm_aix("p0i10","p0i3",[0,"Vakantie recepten","","",-1,-1,0,"#"],200,35);
stm_bpx("p13","p3",[]);
stm_aix("p13i0","p5i0",[0,"Vleesgerechten"],150,0);
stm_bpx("p14","p2",[]);
stm_aix("p14i0","p6i0",[],150,0);
stm_aix("p14i1","p4i1",[],150,0);
stm_aix("p14i2","p4i2",[],150,0);
stm_aix("p14i3","p4i3",[],150,0);
stm_aix("p14i4","p4i4",[],150,0);
stm_aix("p14i5","p4i5",[],150,0);
stm_aix("p14i6","p4i6",[],150,0);
stm_aix("p14i7","p4i7",[],150,0);
stm_aix("p14i8","p4i8",[],150,0);
stm_ep();
stm_aix("p13i1","p5i0",[0,"Visgerechten"],150,0);
stm_bpx("p15","p2",[]);
stm_aix("p15i0","p6i0",[],150,0);
stm_aix("p15i1","p4i1",[],150,0);
stm_aix("p15i2","p4i2",[],150,0);
stm_aix("p15i3","p4i3",[],150,0);
stm_ep();
stm_aix("p13i2","p5i0",[0,"Streekgerechten"],150,0);
stm_bpx("p16","p3",[]);
stm_aix("p16i0","p5i0",[0,"Oostenrijk"],150,0);
stm_bpx("p17","p2",[]);
stm_aix("p17i0","p6i0",[],150,0);
stm_aix("p17i1","p4i1",[],150,0);
stm_aix("p17i2","p4i2",[],150,0);
stm_aix("p17i3","p4i3",[],150,0);
stm_ep();
stm_aix("p16i1","p5i0",[0,"Zwitserland"],150,0);
stm_bpx("p18","p2",[]);
stm_aix("p18i0","p6i0",[],150,0);
stm_aix("p18i1","p4i1",[],150,0);
stm_aix("p18i2","p4i2",[],150,0);
stm_aix("p18i3","p4i3",[],150,0);
stm_ep();
stm_aix("p16i2","p5i0",[0,"Nederland"],150,0);
stm_bpx("p19","p2",[]);
stm_aix("p19i0","p6i0",[],150,0);
stm_aix("p19i1","p4i1",[],150,0);
stm_aix("p19i2","p4i2",[],150,0);
stm_aix("p19i3","p4i3",[],150,0);
stm_aix("p19i4","p4i4",[],150,0);
stm_ep();
stm_ep();
stm_ep();
stm_aix("p0i11","p0i7",[0,"Gastenboek"],200,35);
stm_aix("p0i12","p0i7",[0,"Leuke links"],200,35);
stm_aix("p0i13","p0i3",[0,"Beestenboel"],200,35);
stm_bpx("p20","p2",[]);
stm_aix("p20i0","p6i0",[],150,0);
stm_aix("p20i1","p4i1",[],150,0);
stm_aix("p20i2","p4i2",[],150,0);
stm_aix("p20i3","p4i3",[],150,0);
stm_aix("p20i4","p4i4",[],150,0);
stm_aix("p20i5","p4i5",[],150,0);
stm_aix("p20i6","p4i6",[],150,0);
stm_ep();
stm_aix("p0i14","p0i2",[0,"Stuur een E-Mail"],200,35);
stm_aix("p0i15","p0i0",[6,35]);
stm_ep();
stm_em();
//-->
</script>



<!--webbot bot="Include" i-checksum="45370" endspan --></td>
<td valign="top" style="height: 455px">
<!-- MSCellType="ContentBody" -->
</td>
</tr>
<tr>
<td style="width: 146px">&nbsp;</td>
<td valign="top" style="height: 54px; width: 1092px">
<!-- MSCellType="ContentFoot" -->
&nbsp;</td>
</tr>
</table>

</body>

</html>

Ik hoop dat je me verder wilt helpen.

groet,

ron
 
Hoi Ronnie1967,
Ohhhhhhhhhhhh! Ik wist niet dat dit soort code achter je vraag hing.
Dan denk ik: "WOEHA!"
dyn008_original_230_265_pjpeg_28144_6230b4c3a73f75d1907676d47ab20d64.jpg

Ik kan me voorstellen dat je (ook als je geen digibeet bent) hier weinig raad mee weet. Wie hebben je deze kool gestoofd?
  • Ik had van horen zeggen, dat SharePoint Designer (Microsoft's opvolger van FrontPage) behoorlijke html en css zou opleveren, maar ik geloof dat ik me toch moet bedenken: het staat weer bol van de MS-codes die waarschijnlijk niet in andere browsers dan Internet Explorer werken...
  • Is er in SharePoint niet ergens een instelling te ontdekken waarmee je specifieke Microsoft codes kunt uitzetten? Zo ja, meteen doen! Zo nee, hmm, misschien toch een andere webeditor, die wel fatsoenlijke code geeft (zoals KompoZer)?
  • Het Sothink DHTML Menu ("a simple but powerful navigation menu builder") is ook niet van de meest toegankelijke soort: als script niet, en ook als resultaat niet (wie een browser zonder javascript gebruikt -- sommige mensen zijn op textbrowsers aangewezen, die hebben dat niet -- of javascript uit veiligheidsoverwegingen uit heeft staan, kan het menu niet bedienen en de site niet op). Ook zoekmachines zullen denkelijk niet heel enthousiast zijn.
  • Er zwerven als alternatief goede en toegankelijke uitklap-menu's op internet rond: Google bv. op "toegankelijk uitklapmenu". Meteen de eerste hit is raak. :)
Al met al kan ik met er deze brij geen brood van bakken, en niet even snel aangeven waar de "position: fixed" code erin zou moeten worden gezet. :confused:
Mocht je een pagina online hebben staan waarop het menu zich vertoont, dan graag een link: misschien valt daar iets uit af te leiden.

Met vriendelijke groet,
CSShunter
 
Van de site van Microsoft:
How is Office SharePoint Designer 2007 different from Microsoft Expression Web Designer, announced at the Microsoft Professional Developers Conference (PDC) 2005?41
A.

Office SharePoint Designer 2007, based on FrontPage 2003 technologies, puts the emphasis on creating and customizing SharePoint Web sites. Expression Web Designer is a new product for creating standards-based Web sites. The two products share common technologies including a high-fidelity design surface with deep support for cascading style sheets and ASP.NET.

Expression Web is volgens mij de 'echte' opvolger, maar niet gratis. Over SharePoint wordt in 't algemeen gezegd dat 't meer standaardcode aflevert dan FrontPage, maar dat is het dan ook. En eerlijk gezegd: het is natuurlijk vrijwel onmogelijk om code te maken die nog minder standaard is dan FrontPage.
SharePoint Designer 2010 zou wel standaardcode afleveren, maar sorry, dat heb ik al zo vaak gehoord van Microsoft en dan blijkt 't gewoon weer niet te kloppen, dus dat geloof ik niet meer zonder meer.

Verder helemaal met csshunter eens, hier is niets mee te beginnen, veel te rommelige en ingewikkelde code.
 
Laatst bewerkt:
hallo mannen,
bedankt voor jullie antwoord, het is me duidelijk ik ga opnieuw beginnen met kompozer en ga op zoek naar een ander menuprog. Dat sothink niet toegankelijk is heb ik gemerkt ik ben twee middagen bezig geweest uit te vlooien hoe het werkt. Ik laat wer van me horen

nogmaals bedankt
 
Hallo,

weten jullie misschien ook een programma waarmee je een dergelijk menu kunt maken? kan dat bv met kompozer of coffeecup? als ik trouwens google op toegankelijk uitklapmenu krijg ik volgens mij ook een javascript menu of *** ik nu dom?

groet,

ron
 
Nee, je ***t niet dom. Het Toegankelijk Uitklapmenu van accessibility.nl draait inderdaad met javascript, maar is wel toegankelijk als javascript uit staat. Dan wordt het volledige opengeklapte menu getoond (screenshot).
Ook een pure text-browser kan er goed mee overweg: zie hier. Let op de subtiele eerste link: "menu overslaan"! :D

Met KompoZer (in code view) zou je inderdaad zo'n menu kunnen maken.

Met vriendelijke groet,
CSShunter
 
Hoi CSS hunter,

Ik ben alweer een poosje bezig met het menu dat je aangaf maar wat plaats ik nu waar uit het downloadbestand en hoe voeg ik extra uitklap items toe? anders gezegd hoe maak ik hier een menu van in een aparte style sheet die stil blijft staan en aan te passen is

groet,

ron
 
Laatst bewerkt:
Whoeps! Ik ben zelf ook even aan het stoeien geslagen met het Toegankelijk Uitklapmenu van accessibility.nl. Hm, dat ding is nu ook weer niet zó makkelijk te implementeren... Ik kan hem in de gauwigheid niet even vlug lokaal laten werken. :eek:

Maar het hoeft niet persé met javascript, het kan ook met alleen css. Hiervoor roepen we even css-voorbeelden.nl te hulp:
Ertussenin zitten soorten uitklapmenu's met alléén een klein hulp-script voor Internet Explorer (de rest heeft dat niet nodig), bv.:
Als in Internet Explorer javascript uit staat, zie je dan nog niets van het uitklapmenu. Daar kan een mouw aangepast worden met een ingebakken no-script versie:
Van de laatste twee kan ook nog een mix gemaakt worden, met zg. "Conditional Comments" voor IE, zodat browsers (browserversies) die het wel zonder javascript af kunnen, niet de uitgeklapte vorm hoeven te zien als hun javascript uit staat.

Je ziet: keus te over! ;)
Maar wat je ook kiest, ik denk dat de werkwijze zo ongeveer hetzelfde zal moeten zijn:
  • Downloaden van een voorbeeldpagina, met bijbehorende css (cq. javascript).
  • De voorbeeldpagina lokaal aan de praat krijgen.
  • De voorbeeldpagina hetzelfde DOCtype en dezelfde charset geven als de pagina's uit je site (anders kan het laster mis gaan bij inplakken). Eventueel css aanpassen.
  • Wijzigingen in de css doorvoeren om aan te sluiten bij jouw vormgeving.
  • Wijzigingen in de links aanbrengen naar jouw vervolgpagina's.
  • Nu het menu-deel van de aangepaste voorbeeldpagina inplakken in een gewone pagina uit je site, en kijken of alles naar wens is (eventueel weer de css aanpassen); niet vergeten in de head van die gewone pagina de link naar het css-bestand te zetten met de menu-styles.
  • Eindelijk het { position: fixed; } toevoegen aan de css van de container waar het menu in zit.
  • Als het goed is heb je nu een integrale pagina waar alles in werkt zoals je wilt.
  • Dan kan de menucontainer eruit geknipt worden, en opgeslagen worden als los bestand.
  • Tenslotte in de pagina's de shtml-verwijzing zetten om het menu steeds te includen.
  • Uploaden en testen!
Succes!
CSShunter
 
Laatst bewerkt:
Is dit menu bekend? Ook JavaScript, maar misschien iets makkelijker te verwerken? Geen idee, ik ken het niet. Het is ook goed toegankelijk. http://www.udm4.com/
'n Alleen css-menu zoals op css-voorbeelden is wel knap ingewikkeld. Hartstikke leuk, maar je moet wel even weten waar je aan begint. 't Wordt vooral zo ingewikkeld door IE 6. Echt iets voor de lange winteravonden aan de open haard: gezellig knippen en plakken met de hele familie.
<offtopic>Tot mijn dolle vreugde heeft Google aangekondigd te gaan stoppen met de ondersteuning van IE 6 in gmail, youtube, googledocs, enz. Met zo'n zwaargewicht die er de brui aan geeft mag ik hopen dat IE 6 nu echt snel verleden tijd is.</offtopic>
 
Hoi, bedankt voor de antwoorden. ik pruts lekker door het zijn toch lange natte avonden.
heb het menu even geparkeerd en ben nu bezig met de layout van de site

ron
 
Is dit menu bekend? (...) http://www.udm4.com/
Klik om te vergroten...
Nee, kende ik niet. Ziet er mooi sofisticated uit met al die gedaante-opties. Maar, mja, in tegenstelling tot de css-hover-menu's moet je doorklikken op het hoofditem als javascript uit staat. Zie bv. deze demo.
En nu schieten me ook weer te binnen:
Duizelt het al, Ronnie?

Zelf gebruikt ik eigenlijk nooit uitklapmenu's. Je moet er redelijk handvast voor zijn (en/of ervaring mee hebben) om niet met de muis uit zo'n uitklapper weg te glijden - dat vind ik minder toegankelijk. En bij veel uitklappers ziet de bezoeker wellicht door de bomen het bos niet meer (= minder gebruiksvriendelijk).
Ik opteer voor een eenvoudig hoofdmenu, dat op vervolgpagina's steeds voorzien kan worden van een eigen submenu. Dan krijg je zoiets als dit: Uitvindingen > Het Wiel (de andere rubrieken hebben een eigen submenu aan de linkerkant).
En ook nog makkelijker te maken. ;)

Met vriendelijke groet,
CSShunter
 
Hoi CSSHunter, het duizelt zeker. Ik denk dat ik voor jouw advies ga. een hoofdmenu zichtbaar op elkepagina. overigens valt de layout ook niet mee. ik heb het ontwerpen gestaakt en zoek nu een mooie template. Ik wil helemaal niet zoveel maar het lukt niet echt. Wat ik wil is een layout met een hoofdtitel en een kolom links die stil blijft staan en een tekstveld met her en der een foto rechts van het menu. En dat tekstveld moet je dan kunnen scrollen zodat de rest van de site blijft staan.
Nou ik hoor wel weer met wat voor abacadabra jullie komen. Wel leuk trouwens en ik leer er steeds meer van. Het is nu een kwestie van teveel willen met te weinig kennis.

Ik hoor het graag weer.

groet,

ron
 
Laatst bewerkt:
Het is nu een kwestie van teveel willen met te weinig kennis.
Klik om te vergroten...
In dat geval kun je iets van internet plukken dat een beetje in de buurt komt, de broncode proberen te doorgronden, en dan kijken of je het zo kunt aanpassen dat het gaat doen wat jij wilt. Je kunt ook experimenteren met dingen weg te laten, en te zien wat er dan gebeurt > dan weet je waarvoor iets kennelijk nodig is. "Kennis lenen", dus. Als je dat vaak genoeg doet (gecombineerd met 't bestuderen van wat css-tutorials), weet je op een gegeven moment hoe het werkt, en kan je het zelf ook. :)

Wat ik wil is een layout met een hoofdtitel en een kolom links die stil blijft staan en een tekstveld met her en der een foto rechts van het menu. En dat tekstveld moet je dan kunnen scrollen zodat de rest van de site blijft staan.
Klik om te vergroten...
Aha, is het ook goed als de kop met de inhoud mee omhoog scrollt?
Dan heb je hier misschien iets aan, als je in de css aan #menukolom toevoegt: { position: fixed; }.

Met vriendelijke groet,
CSShunter
 
Hoi, helemaal top hier kan ik verder mee. ben ook al aan het prutsen met templates. het gaat helemaal goedkomen.

ron
 
Hoi daar ben ik weer,

ik kom steeds verder, ik heb een leuk menu gemaakt met easy menu en button maker, deze staat in mijn linker kolom en staat vast.Als ik nu naar beneden scroll werkt mijn uitklapmenu niet meer. waar kan dat aan liggen?

ik hoor het wel weer

ron
 
Hoi Ronnie,
Prettig dat je steeds verder komt! Maar het niet werken van het uitklapmenu bij scrollen, ai, dat kan aan van alles en nog wat liggen: iets in het EasyMenu script, iets in de css, een foutje in de html ... :eek:

Zonder een pagina waar het verschijnsel live te zien is en uit te pluizen valt, is er weinig zinnigs over te zeggen. - Heb je een link?

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan