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
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	3	29/09/202410:58	20/03/202513:38

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

11/07

Test – med overvågningsduel: Hvad tiltrækker dig mest – højeste billedkvalitet eller PTZ-funktionalitet?

11/07

Nørgaard: Her er lidt om Grok4, AI-brainrot og en magisk prompt, der kan lære dig, hvad som helst

11/07

Google følger i Oracles fodspor og giver Trump-regeringen enorme cloud-rabatter – Microsoft og AWS ventes at følge trop

11/07

Microsoft udskyder vigtig ændring for partnerne: Får tre måneder mere, ellers falder hammeren

11/07

Fra filmbranchen til forsikring: Vi har fundet 10 spændende it-job, som du kan søge netop nu

11/07

Fremadstormende Conscia i nyt gigantopkøb – bliver det største i selskabets historie

11/07

Facebook-ejeren Meta investerer milliarder i selskabet bag Ray-Ban: Vil sætte turbo på AI-briller

11/07

Itm8 kæmper med blødende bundlinje og skuffende salg: "Ikke tilfredsstillende"

11/07

Denne 37-årige russiske hackerkonge har flået adskillige danske virksomheder – og har tjent styrtende på det

11/07

Sådan opstod maskinlæring - matematikken bag generativ AI er lettere, end mange tror

11/07

Elon Musks nye AI-model Grok 4 er hundedyr – men den fejer alle konkurrentere af banen i ny analyse

Vis flere artikler

IT-JOB

Politiets Efterretningstjeneste

Vi søger en IT-Partner til PET som kan skabe resultater i krydsfeltet mellem IT og forretningen

Danoffice IT

Virtual Workplace Consultant

Everllence

Data Engineer

Softværket

Business Central udvikler

LB Forsikring

Senior Service & Integration Manager

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 13:15	Microsoft 365 personel Af ejgil703 i E-mail programmer
I dag 08:43	USB strømforsyning til PD 5V/2.4A eller 9V/3A Af Joakim i Andet hardware
I går 21:07	Office-programmer lukker ned ved opstart Af Morten i Office & Kontorpakker
I går 13:26	Windows 10 Home tager alt min Harddisk plads Af Bexelbud i Windows
I går 10:03	Fjern markering på enkelte linjer Af TheLibrarian i Excel