login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > HTML & CSS

Unordered list items overlappen elkaar ongewild (Opgelost)

Wave6 – 23/11/2009 15:20 (Laatst gewijzigd op 23/11/2009 15:23)
Heren ik zit met een probleem.

Zie screenshot voor het probleem:

Klikkerdeklik!

Zoals je ziet overlappen de list items elkaar. Die list word gereturnt in een recursieve PHP functie.

Nu werkt dit in IE8, FireFox, Opera, Chrome, ZELFS IE6.........
maar.............

In IE 7 Gaat dit helemaal mis:S De code is W3C valid:S
Iemand een idee wat hier fout gaat?

de code staat echt niet verkeerd op zijn plek! 1000% zeker;)

EDIT:::

Stukkie CSS:


  1. .publications_overview {float: left; margin: 10px 0 20px 0px; min-height: 300px; width: 600px; background-color: #f1f1f1; padding: 5px 0 5px 0; overflow: hidden;}
  2. .publications_overview ul { float: left; list-style: none;}
  3. .publications_overview ul li { margin: 0px 0 0 15px; height: 20px; width: 100px; clear: both;}
  4. .publications_overview ul li a {float: left; color: #000; font-size: 11px; text-decoration: none; height: 20px; }
  5. .publications_overview ul li a:hover{float: left; display: block; text-decoration: underline;}


3 antwoorden

Gesponsorde links

kurohyou – 23/11/2009 22:37
zonder code gaan we hier niet veel kunnen oplossen vrees ik. je werkt wel veel met floats dus let erop dat je ze cleared ook, kijk ook eens naar clearfixes voor ie7, mss zit daar het probleem wel

Wave6 – 24/11/2009 11:54 (Laatst gewijzigd op 24/11/2009 11:59)
Ok dan hier toch maar een stukje code:

PHP
  1. public static function buildPubHtmlList($menuData, $parent=0) {
  2. $count = 0;
  3. foreach ($menuData as $childCounter) {
  4. if ($childCounter['cat_parent_id'] == $parent) {
  5. $count++;
  6. }
  7. }
  8. if ($parent != 0 && $count > 0) {
  9. echo '<li><ul>';
  10. }
  11. $oRoute = new Wave6Route("menu_router");
  12. foreach ($menuData as $menuItem) {
  13. if ($menuItem['cat_parent_id'] == $parent) {
  14. $id = $menuItem['cat_id'];
  15. if(!empty($menuItem['cat_catName'])) {
  16. echo '<li><a href="'.$oRoute->url(array("page"=>"cat_edit","module"=>"PAGING0100", "cat_id"=>$id)).'">' . $menuItem['cat_catName'] . '</a></li>';
  17.  
  18. }
  19. self::buildPubHtmlList($menuData, $id);
  20. }
  21.  
  22. }
  23.  
  24.  
  25. if ($parent != 0 && $count >= 1) {
  26. echo "</ul></li>";
  27. }
  28. }



sorry voor als de code onduidelijk op zijn plek staat...

De editor hier parsed de tabs niet echt lekker....

Wave6Route is een class die de linkjes opmaakt.
Mensen die met Zend framework hebben gewerkt kennen deze class wel. Maar goed hier gaat het niet om. Ik vermeld dit alleen om onduidelijkheden te voorkomen!

Hoop dat jullie me kunnen helpen.


kurohyou – 24/11/2009 15:47 (Laatst gewijzigd op 24/11/2009 15:53)
en de html waar get verkeerd gaat of je code waar je de statische functie uitvoert, want het lijkt erop dat je deze in een itteratie hebt gezet en daar zal het volgens mij verkeerd gaan. Ik gok maar nu hoor, het enige wat ik gezien heb tot nu toe is een img file en een statische functie + wat random css die ik nergens kan plaatsen. ik weet dat mensen niet graag hun code vrijgeven maar als je hulp wilt zal het toch moeten vrees ik 

Gesponsorde links

Dit onderwerp is gesloten.
Actieve forumberichten:

© 2002-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.062s