CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

andz Nybegynder

26. maj 2009 - 02:02 Der er 11 kommentarer

Bjælke øverst på siden

Jeg vil lave et site hvor der på hver side vises en 'menubjælke' øverst i browseren's visningsområde, som ikke flytter sig når resten af siden scrolle's ned. Hvad er den bedste måde at gøre dette på? (Da bjælken skal vises på alle sitets sider er det et plus hvis løsningen nemt genbruges fra side til side.)

Synes godt om

fusion-it Nybegynder

26. maj 2009 - 07:33 #1

Hej du kan evt bruge SSI :)

http://www.html.dk/tutorials/ssi/

Good luck

Synes godt om

andz Nybegynder

26. maj 2009 - 07:57 #2

Tak, men SSI låser ikke bjælken rent visnings-mæssigt øverst i browserviduet.

Synes godt om

fusion-it Nybegynder

26. maj 2009 - 08:13 #3

Du kan bruge eks. asp

du har eks 5 sider her du gerne vil includere:
side1.asp
side2.asp
side3.asp
side4.asp
side5.asp

på alle dine links bruger du således:

<a herf="dinside.asp?menu_type=side1">
<a herf="dinside.asp?menu_type=side2">
<a herf="dinside.asp?menu_type=side3">
<a herf="dinside.asp?menu_type=side4">
<a herf="dinside.asp?menu_type=side5">

så kan du includere dine filer således :

<%if request.querystring("menu_type") = "side1" then%>

<%else%>
<%if request.querystring("menu_type") = "side2" then%>

<%else%>
<%if request.querystring("menu_type") = "side3" then%>

<%else%>
<%if request.querystring("menu_type") = "side4" then%>

<%else%>
<%if request.querystring("menu_type") = "side5" then%>

<%end if%>

menu_type kan du kalde hvad du vil :)

Håber du forstår good luck :)

Synes godt om

fusion-it Nybegynder

26. maj 2009 - 08:24 #4

Jeg vil næste skyde på samme metode kan bruges i PHP men er ikke sikker :)

Synes godt om

andz Nybegynder

26. maj 2009 - 08:28 #5

Tror ikke du forstår spørgsmålet. Det jeg vil have er en bjælke med bl.a. brugernavn der forbliver øverst i vinduet uanset om der scrolles eller skiftes side (inden for samme website). Men tak alligevel.

Synes godt om

fusion-it Nybegynder

26. maj 2009 - 08:44 #6

jo det gør jeg, jeg tror nærmere ikke du forstår min forklaring :)

for det jeg skriver vil virker :) der er 2 ting i det her du vil have den skal være på alle sider ?
Dertil kan du bruge SSI
Vil du have den til at stå fast selv ved scoll er en anden ting til dette skal du nok have fat i javascript ellernogeti den stil.

så hvis du deler det op i 2 tror jeg du vil have nemmere ved at lave det eller få hjælp.

Synes godt om

fusion-it Nybegynder

26. maj 2009 - 08:48 #7

Det er det du ønsker ?
http://www.dynamicdrive.com/dynamicindex1/staticmenu3.htm

Synes godt om

fusion-it Nybegynder

26. maj 2009 - 08:51 #8

Med ajax bliver det endnu bedere :)

http://www.dhtmlgoodies.com/scripts/docking-bar/docking-bar.html

Synes godt om

fusion-it Nybegynder

26. maj 2009 - 08:57 #9

linket til opsætningen med ajax

http://www.dhtmlgoodies.com/index.html?whichScript=docking_bar

Synes godt om

mclemens Nybegynder

29. maj 2009 - 13:36 #10

Du kan f.eks. bruge css (og så SSI, ASP, PHP eller hvad du ellers har lyst til, eller lade være ...).
Nedenstående er noget jeg lavede 20 dec. 2008, ved ikke om det virker helt optimalt i de nyere browsere (testet p.t. i IE8 og FF3)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;height:100%;overflow:hidden;}

#bodyen{
position:absolute;
height:100%;
width:100%;
overflow-y:scroll;
background:url('http://www.eksperten.dk/images/dot_3.gif');
}

#main{

background:url('http://www.eksperten.dk/images/dot_1.gif');
}

#spc{
clear:both;
height:100px;
}

#wm {
position:absolute;top:0px;left:0px;
width:100%;
height: 100px;
}
#wm2{
margin-right:17px;
height:100%;
position:relative;
}
#wm3{
background:url('http://www.eksperten.dk/images/dot_2.gif') repeat;
position:absolute;
top:0px;left:0px;
width:100%;
height:100%;
z-index:2;
}
</style>

</head><body>

<div id="wm"><div id="wm2"><div id="wm3">aaaaa</div></div></div>

<div id="bodyen">

<div id="spc"></div>

<div id="main">main...start<br>maiain...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...slut</div>

</div>

</body></html>

Synes godt om

mclemens Nybegynder

29. maj 2009 - 13:37 #11

- Som det ses er det nok bedst med ikke transparente baggrunde, men det er jo også mere lagt ind for eksemplets skyld...

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS