[CSS] hoe kan ik dit werkend maken? - Softwareontwikkeling

zaterdag 8 december 2001 22:30

Acties:

Verwijderd

Topicstarter

ik heb nou dit in een CSS file staan.

code:

BODY {
color:#C0C0C0;
font-family:Verdana;
font-size:12px;
background-image:url(supaplex_mini.jpg);
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:fixed;
background-color:#000000;
scrollbar-3d-light-color: #000000;
scrollbar-arrow-color: #FF0000;
scrollbar-shadow-color: #FF0000;
scrollbar-dark-shadow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FF0000;
#glowtext{ filter:glow(color=FFFF00,strength=3); width:100%; }
#red{ filter:glow(color=FF0000,strength=5); width:100%; }
}
H1 {
position:absolute;
top:0px;
left:0px;
}

nou dat werkt allemaal, maar als ik H1 open en dan naar beneden scroll dan gaat mijn menu dat ik H1 staat naar boven.
ik zou zo snel niet kunnen bedenken hoe ik die net als dat plaatje kan laten staan als ik SCROLL.
wie weet hoe dat moet?

zaterdag 8 december 2001 23:02

Acties:

SWINX

je wilt dus iets dat in h1 staat wel laten staan op 0,0
maar iets anders wat in h1 staat niet

kwestie van van naampje meegeven lijkt me

_untested

code:

<style type=text/css>
h1.blijf { position: 0; enz.. }
</style>

<h1 name=blijf>deze moet blijven staan</h1>
<h1>deze heeft geen 'name' en mag dus scrollen</h1>

Mannen komen van Mars Tweakers, vrouwen van Venus Bokt

zondag 9 december 2001 01:50

Acties:

Pelle

🚴‍♂️

Op zaterdag 08 december 2001 23:02 schreef SWINX het volgende:
_untested

Zeg dat wel ja, want dit is onzin. De position wordt altijd berekend ten opzichte van de pagina zelf, en niet van het window.

Wil je iets dat meescrollt, dan zul je daar een scriptje voor moeten schrijven of zoeken, dat bij het scrollen van je window kijkt hoeveel er gescrolld is, en dat optelt bij de coordinaten van je divje.

/edit
Je topic een iets nettere omschrijving geven wil ook vaak helpen.

Voor zover ik je begrijp wil je dus iets onder iets anders door laten scrollen. Het makkelijkste is denk ik om een DHTML-scrollbar ergens vandaan te halen. Onze local hero Clay heeft een hele fijne site met daarom zo'n scrollbar: http://www.xs4all.nl/~peterned/

Wil je perse je gewone scrollbar blijven gebruiken, dan zul je dus zoals ik al eerder zei het scroll-event van je pagina op moeten vangen en het van het element dat moet blijven staan, de positie wijzigen tov de linkerbovenhoek van de pagina. Daarnaast zal alles wat ergens onder door moet scrollen een lagere z-index moeten hebben.

Voor meer info over CSS: http://www.w3schools.com

zondag 9 december 2001 13:26

Acties:

crisp

Devver

Pixelated

code:

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--

// browser check

this.ver=navigator.appVersion
this.dom=document.getElementById? true:false;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)? true:false;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)? true:false;
this.ie4=(document.all && !this.dom)? true:false;
this.ns5=(this.dom && parseInt(this.ver) >= 5)? true:false;
this.ns4=(document.layers && !this.dom)? true:false;
this.oth=(!ie4 && !ie5 && !ie6 && !ns4 && !ns5)? true:false;

function scrolltop() {
  if (ie4|ie5|ie6) {
    var height = document.body.scrollTop + 10;
  } else {
    var height = window.pageYOffset + 10;
  }

  if (ie4) {
    document.all['blijf'].style.top = height;
  } else if (ns4) {
    document.layers['blijf'].pageY = height;
    scrolling = setTimeout("scrolltop()",200);
  } else {
    document.getElementById('blijf').style.top = (height + 'px');  
    if (ns5) scrolling = setTimeout("scrolltop()",200);
  }

}

//-->
</SCRIPT>
<STYLE type="text/css">
<!--
#blijf {position:absolute; left:10px; top:10px; z-index:1;}
-->
</STYLE>
</HEAD>
<BODY onLoad="scrolltop()" onScroll="scrolltop()">

<DIV id="blijf"><H1>Hier Blijven</H1></DIV>

</BODY>
</HTML>

Intentionally left blank

zondag 9 december 2001 16:35

Acties:

wicher|IA

Op zaterdag 08 december 2001 22:30 schreef KingOfDos het volgende:
ik heb nou dit in een CSS file staan.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
BODY {
color:#C0C0C0;
font-family:Verdana;
font-size:12px;
background-image:url(supaplex_mini.jpg);
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:fixed;
background-color:#000000;
scrollbar-3d-light-color: #000000;
scrollbar-arrow-color: #FF0000;
scrollbar-shadow-color: #FF0000;
scrollbar-dark-shadow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FF0000;
#glowtext{ filter:glow(color=FFFF00,strength=3); width:100%; } <<<< dit staat nog BINNEN de styles van de body-tag
#red{ filter:glow(color=FF0000,strength=5); width:100%; }
} <<<< dit ook
H1 {
position:absolute;
top:0px;
left:0px;
}
nou dat werkt allemaal, maar als ik H1 open en dan naar beneden scroll dan gaat mijn menu dat ik H1 staat naar boven.
ik zou zo snel niet kunnen bedenken hoe ik die net als dat plaatje kan laten staan als ik SCROLL.
wie weet hoe dat moet?

Je hebt CSS nog niet volledig onder de knie lijkt het: je zet de stijldefinities van de ID's glowtext en red binnen deie van de tag body
als je wil dat het alleen werkt op de id's glowtext en red wanneer die binnen de tag body staan, moet je body #glowtext en body #red gebruiken
is in dit geval wel nutteloos: aangezien ze altijd wel in de body zullen staan

wanneer ze niet binnen de body hoeven te staan, moet je ze er natuurlijk ook gewoon uithalen

zondag 9 december 2001 18:53

Acties:

Verwijderd

Topicstarter

klopt ik heb css nog niet echt onder de knie.
die GLOW dingen staan wel fout ja.
maar kan ik niet 2 achtergronden nemen? zodat ik 2x die functie van mij aanroep ofzo?

zondag 9 december 2001 18:58

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Je doet volgens mij nogal errug moeilijk.
Je kunt er met DHTML voor zorgen dat een plaatje altijd op 0,0 blijft staan. Daarvoor moet je even zoeken naar een DHTML scriptje (www.dynamicdrive.com) voor een menubar, die altijd bovenaan blijft staan.
Als je die wat aanpast heb je zo een plaatje dat altijd op 0,0 blijft staan. Dat is toch je bedoeling

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

zondag 9 december 2001 21:34

Acties:

Verwijderd

Topicstarter

Op Sunday 09 December 2001 18:58 schreef Toeter84 het volgende:
Je doet volgens mij nogal errug moeilijk.
Je kunt er met DHTML voor zorgen dat een plaatje altijd op 0,0 blijft staan. Daarvoor moet je even zoeken naar een DHTML scriptje (www.dynamicdrive.com) voor een menubar, die altijd bovenaan blijft staan.
Als je die wat aanpast heb je zo een plaatje dat altijd op 0,0 blijft staan. Dat is toch je bedoeling

jah, dat is de bedoeling maar geen plaatje maar ik wil een stukje menu bovenaan hebben(een html menu)

zondag 9 december 2001 22:33

Acties:

crisp

Devver

Pixelated

Op Sunday 09 December 2001 21:34 schreef KingOfDos het volgende:

[..]

jah, dat is de bedoeling maar geen plaatje maar ik wil een stukje menu bovenaan hebben(een html menu)

Heb ik die code nou voor de kat zun *** lopen posten?

Het enige dat je aan moet passen is datgene wat je bovenin wilt hebben staan in de <DIV> zetten, en de code ff aanpassen zodat 'ie op 0,0 ipv op 10,10 staat.
Voor de rest kan je gewoon je CSS en de rest van je HTML erin pleuren...

Intentionally left blank