Wegopro.com » CSS http://www.wegopro.com Thu, 02 Feb 2012 06:50:07 +0000 en hourly 1 Ronde randen in css http://www.wegopro.com/ronde-randen-in-css.htm http://www.wegopro.com/ronde-randen-in-css.htm#comments Fri, 29 Feb 2008 10:55:55 +0000 Ilya http://www.wegopro.com/ronde-randen-in-css.htm Soms kom je de meest mooie websits tegen. Zo werd ik door een collega geattendeerd op de website RoundedCornr.com. Op deze website kun je gemakkelijk boxen maken met ronde randen. Vaak hebben websites (teveel) vierkante hoeken in de opmaak. Je kunt natuurlijk altijd plaatjes met ronde randen in de achtergrond van je css verwerken (background img), maar dan loop je vaak tegen het probleem aan dat het tekstvlak een fixed height (hoogte) moet hebben.

Zodra er teveel tekst in de box wordt geplaatst, loopt de tekst onder de background image door. Dit omdat de achtergrond plaat in css niet ‘meerekt’. Dit werkt dus wat beperkend. Met RoundedCornr kun je gemakkelijk met een aantal selecties een prachtige achtergrond aanmaken. Een achtergrond met ronde randen/hoeken, die meerekt met de hoogte van de pagina/box. Een supertool dus, want nu kun je nog gemakkelijker creatieve websites bouwen. Nadat je een achtergrond hebt gemaakt, zie je een pagina met daarin de html code, de css code (voor in de stylesheet) en een aantal plaatjes in .png formaat. RoundedCornr is een mooie vinding!

]]> http://www.wegopro.com/ronde-randen-in-css.htm/feed/ 0 Flashbanner ‘blijft bovenaan zichtbaar’ bij gebruik css menu http://www.wegopro.com/flashbanner-blijft-bovenaan-zichtbaar-bij-gebruik-css-menu.htm http://www.wegopro.com/flashbanner-blijft-bovenaan-zichtbaar-bij-gebruik-css-menu.htm#comments Tue, 06 Nov 2007 19:55:56 +0000 Ilya http://www.wegopro.com/flashbanner-blijft-bovenaan-zichtbaar-bij-gebruik-css-menu.htm Wanneer je een flashbanner gebruikt binnen een website die met css is gemaakt, dan is de kans groot dat de banner de bovenste laag vormt van de webpagina. Dit betekent dat wanneer de banner bijvoorbeeld onder een css uitklapmenu geplaatst wordt, de items van het menu ‘onder’ de banner verdwijnen. Niet echt de bedoeling natuurlijk. Met z-index etc los je dit niet op, het ligt aan de combinatie ‘object’ en ‘embed’. Css gaat hier niet lekker mee om.

Hoe los je dit nu op?

Na lang zoeken op diverse forums en websites, kwam ik eindelijk achter de oplossing. Met de toevoeging van de onderdelen ‘wmode/opaque’ en ‘menu/false’ werkt het geheel wel naar behoren, en blijft de flashbanner netjes onder het menu liggen.

Hieronder volgt de juiste code bij het aanroepen van een 468×60 flashbanner binnen een css website:

< object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/……..” height=”60″ width=”468″> < /object>
< param name=”movie” value=”http://www.domein.nl/banner.swf”>< /param>
< param name=”quality” value=”high”>< /param>
< param name=”wmode” value=”opaque”>< /param>
< param name=”menu” value=”false”>< /param>
< embed src=”http://www.domein.nl/banner.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”opaque” menu=”false” height=”60″ width=”468″>
< /embed>

Let op! Het gaat niet om de volledige code, ik heb wat moeten editten om het uberhaupt te tonen. Het gaat in het bijzonder om de attributen ‘wmode’ en ‘menu’. Deze moet je toevoegen aan je eigen stuk flash. Vergeet de spaties niet te verwijderen. Hopelijk werkt deze oplossing ook bij anderen!

]]> http://www.wegopro.com/flashbanner-blijft-bovenaan-zichtbaar-bij-gebruik-css-menu.htm/feed/ 0