login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div CSS eigenschap position..

Offline genkstar - 15/05/2010 13:57
Avatar van genkstarNieuw lid Hey Sitemasters Gebruikerz

Nu ga ik mijn probleem proberen te uitleggen met screenshots;

Wat ik heb;
http://i43.tinypic.com/2qujjoz.png

Wat wil ik;
http://i43.tinypic.com/upnj9.png

Ik heb het geprobeerd om het via css position maar dat lukt me ook niet echt..

Iemand een oplossing?

5 antwoorden

Gesponsorde links
Offline WouterPSV - 15/05/2010 16:08
Avatar van WouterPSV Lid beetje weinig info he..

Geef eens wat code ofzo, of info over wanneer je dat grote blauwe vlak wil.
Nu is het zo van het lukt niet kunnen jullie het doen.

Zo komt het bij mij over in ieder geval
Offline Jelmerholland - 15/05/2010 16:08
Avatar van Jelmerholland PHP beginner Wat wil je? Is dat een hover?
Maak een <div> Zet een <ul><li> familie erin. En dan met javascript (jQuery) een code met
'this.find('ul.SubNav')' ... bijvoorbeeld..


Ik probeer eigenlijk gewoon te zeggen... heb je een stuk code? Zo kan niemand je helpen..!
Offline genkstar - 15/05/2010 23:45
Avatar van genkstar Nieuw lid Aha sorry voor weinig info;

Ik heb natuurlijk stuk html en css code;

HTML
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="popcats">
  2. 				<div class="popcat" id="pop1">
  3. 					<h3>Accessoires</h3>
  4. 				</div>
  5. 				<div class="popcat" id="pop2">
  6. 					<h3>Autostoelen</h3>
  7. 				</div>
  8. 				<div class="popcat">
  9. 					<h3>Babyfoons</h3>
  10. 				</div>
  11. 				<div class="popcat">
  12. 					<h3>Babymode</h3>
  13. 				</div>
  14. 				<div class="popcat">
  15. 					<h3>Peuter Tiener</h3>
  16. 				</div>
  17. 			</div>


CSS
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .popcats{margin-top:15px;}
  2. .popcat{position:relative;float:left;background-color:#327382;padding:5px;text-align:center;width:190px;font-family:"Comic Sans MS";-moz-border-radius:10px;margin-bottom:10px;margin-left:10px;}


De populaire category moet uitschuiven naar onder toe als erop geklikt wordt..

Indien meer info, meld even Ik ben niet iemand die denkt, "ik kan het niet, maak je het voor mij?.."

Mvg
Serkan Yildiz
Offline WouterPSV - 16/05/2010 12:45
Avatar van WouterPSV Lid je zou kunnen kiezen voor het volgende. De opties die ik in ieder geval zou nemen.
Als je een onclick event op je div maakt.
Hierin maak je een wijziging van class. Je maakt dan een class aan met de donker blauwe achtergrond en een met de lichtje.

Als je er op klikt krijg je de donkere

Maar misschien is het ook anders op te lossen
Offline genkstar - 16/05/2010 18:02
Avatar van genkstar Nieuw lid De Div gaat sowieso een donkerder background color krijgen Maar wat ik precies wil is dat de actieve div langer wordt maar ook de andere divs overlapt..
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s