[linux] Re: CSS vragen

[Rob Sterenborg]

>> Ik ben een beetje aan het stoeien met CSS.
>> Een eerste opzet staat op:
>> 	https://decebalcomputing.xs4all.nl/demo/
>> 
>> Er zijn een paar dingen waar ik niet uitkom:
>>       * In de header zou ik gebruiker rechts willen hebben, maar ik
>>         weet niet hoe dat te doen.
> 
> Hier heb ik reeds iets op gevonden. Nu de andere twee nog. ;-}

Ik weet niet wat je gevonden hebt; ik zie de gebruiker nog steeds links
in de header.
Je zou ipv met heel veel divs ook met tables kunnen werken.

Je kan een div of table ook een positie opgeven, maar het wil per
browser nog wel eens (een paar pixels of zo?) verschillen waar het
element daadwerkelijk komt te staan.

<div style="position:absolute; left:10px; top:10px; color:red;">
...
</div>
<div style="position:relative; left:10px; top:10px; color:blue;">
...
</div>

http://www.w3.org/TR/CSS1
http://www.w3.org/TR/CSS21/

>>       * De wat donkere kleur van het menu gedeelte, zou ik tot de
>>         onderkant van het scherm door willen laten lopen.

CSS ondersteunt dit (nog?) niet out-of-the-box.

http://web.tampabay.rr.com/bmerkey/examples/scalable-gradient.html

Er staat in de source:
<style type="text/css">
div.grad {
filter:
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=
white,endColorStr=Gainsboro); 
width: 110px;
float: left;
text-align: center;
</style>

Bij mij werkt het in Windows/Firefox, dus IE is niet vereist, maar ik
dit zijn MS CSS extensions dus onder Linux/<AnyBrowser> zal het niet
werken.

=====

Je kan met een background-image werken maar dat is niet alles.
Zo'n background-image zou in jouw geval 1px breed zijn en net zo hoog
als je de gradient wil hebben. Om het bg-image net zo breed te krijgen
als je div moet je iets met de css properties doen.
Nadeel: als je de browser groter/kleiner maakt, dan scaled de bg-image
niet mee.

http://www.tizag.com/cssT/background.php

=====

Er is wel een demo waar zoiets met standaard css wordt bereikt, maar als
je in die source kijkt dan wordt je ook niet vrolijk (heeeeeel veeeeel
div-jes). Verder betwijfel ik de bruikbaarheid.

http://www.designdetector.com/2005/09/css-gradients-demo.php

=====

Hiermee vindt je misschien nog wel meer mogelijkheden:

http://www.google.com/search?q=css+color+gradient

>>       * In de HTML staat voor alle buttons een onMouseOver en een
>>         onMouseOut event. Is het mogelijk om die ook in de CSS te   
>> krijgen? 

CSS heeft zover mij bekend geen events.
Wat bedoel je hier en wat wil je bereiken?


Gr,
Rob