Div der altid følger skærmen

Tags:    div html css

Hej.

Jeg er på udkig efter sådan en lille "knap" som de har på sputnik hjemmesiden. Det er set før, jeg ved bare ikke lige helt hvad det hedder :) I og med der er mange der har den, er der sikkert også en guide et sted på nettet. Men jeg er ikke lige 100% klar over hvad jeg skal søge efter, derfor spørger jeg lige her.

Har taget et screenshot af det på sputnik, for at vise hvordan det ser ud. Den følger altså hjemmeside ligemeget hvor man er henne. Man kan scrolle længere ned, også er den der stadigvæk i venstre side.

http://peecee.dk/upload/view/368582

Håber der er en venlig sjæl der vil hjælpe.

Peace, mbs



10 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 18 karma
Sorter efter stemmer Sorter efter dato
Hvis du kigger i koden på Sputniks hjemmeside, er det den her:

Fold kodeboks ind/udHTML kode 


Så burde du kunne finde resten til at lave den.



Der er et element som er fixed med css.

Du kan læse mere her eller google 'fixed button css'



Nu har jeg så fået den på siden. Men er det muligt at få lavet noget popup dialog halløj når man trykker på den?

Altså den knap der hele tiden er i venstre side simpelthen har et link, hvor så der kommer en popup screen der er ca. det kvarte af hvad siden oprindelig er, og den oprindelige side nærmest bliver lidt mørklagt.

- Håber i forstår?


du kan kigge på jquery ui's modal dialog, det kan selvf også laves uden jquery, men det er meget nemt at gå til.
http://jqueryui.com/demos/dialog/#modal



Er imponeret over de hurtige svar der er inde. Det må jeg sige. Tusind tak!

- Jeg går igang med at læse på linket med det samme. Havde slet ikke tænkt på at jeg kunne kigge i kildekoden @ TV2, men selvfølgelig

Det ser jo ganske nemt ud.

Endnu engang tak for hjælpen.

God onsdag :)



Endnu engang tak for hjælpen.


Tak er kun et fattigt ord :-) kar*host*ma :lol:



Nu har jeg så fået den på siden. Men er det muligt at få lavet noget popup dialog halløj når man trykker på den?

Altså den knap der hele tiden er i venstre side simpelthen har et link, hvor så der kommer en popup screen der er ca. det kvarte af hvad siden oprindelig er, og den oprindelige side nærmest bliver lidt mørklagt.

- Håber i forstår?



Du kan også bruge fancybox, som kan findes her: Fancybox.
Den mørklægger skærmen og viser en hvid boks, som selvfølgelig kan ændres med CSS.



Tak Kenneth. Det ville jeg kigge på.

- Men, er der ikke andre muligheder end med javascript? Har proppet meget JS ind i siden synes jeg. Men selvfølgelig, hvis ikke der er andre metoder



Tak Kenneth. Det ville jeg kigge på.

- Men, er der ikke andre muligheder end med javascript? Har proppet meget JS ind i siden synes jeg. Men selvfølgelig, hvis ikke der er andre metoder


du kan lave det med CSS, men jeg ville personligt lave det med javascript for at spare tid, da det er 1-5 linjer kode med jQuery.

http://www.codeproject.com/Tips/170049/Pure-HTML-5-CSS-3-Modal-Dialog-Box-no-JavaScript
demo: http://webinfocentral.com/html5/Modalpopup.htm



Den anden Kenneth.

- Det kan jeg godt se. Der var da en frygtelig masse koder i html og css. Jeg vælger bare JavaScript løsningen :) Thanks

*EDIT* 30.Maj/12 - 18:17
Jeg bliver ved :-)

Er der nogle der ved om det er muligt at få denne popup screen effekt hvis browseren kan læse at der kommer en IE bruger.

Lige nu har jeg en helt almindelig redirect i header til en anden side, og der har jeg lavet en popup skærm. Men det er lidt dobbelt konfekt.

Hvis jeg blot kunne få index.php til at ha andre style sheets til Internet Explorer, men samtidig også komme med en popup skærm

Er der nogle der ved noget omkring det?

Peace



Indlæg senest redigeret d. 30.05.2012 18:17 af Bruger #17140
t