|
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)
|
|
offline
|
PHP beginner
|
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:
.publications_overview {float: left; margin: 10px 0 20px 0px; min-height: 300px; width: 600px; background-color: #f1f1f1; padding: 5px 0 5px 0; overflow: hidden;}
.publications_overview ul { float: left; list-style: none;}
.publications_overview ul li { margin: 0px 0 0 15px; height: 20px; width: 100px; clear: both;}
.publications_overview ul li a {float: left; color: #000; font-size: 11px; text-decoration: none; height: 20px; }
.publications_overview ul li a:hover{float: left; display: block; text-decoration: underline;}
.publications_overview {float: left; margin: 10px 0 20px 0px; min-height: 300px; width: 600px; background-color: #f1f1f1; padding: 5px 0 5px 0; overflow: hidden;} .publications_overview ul { float: left; list-style: none;} .publications_overview ul li { margin: 0px 0 0 15px; height: 20px; width: 100px; clear: both;} .publications_overview ul li a {float: left; color: #000; font-size: 11px; text-decoration: none; height: 20px; } .publications_overview ul li a:hover{float: left; display: block; text-decoration: underline;}
|
3 antwoorden
|
|
|
offline
|
Oud lid
|
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)
|
|
offline
|
PHP beginner
|
Ok dan hier toch maar een stukje code:
PHP
public static function buildPubHtmlList($menuData, $parent=0) {
$count = 0;
foreach ($menuData as $childCounter) {
if ($childCounter['cat_parent_id'] == $parent) {
$count++;
}
}
if ($parent != 0 && $count > 0) {
echo '<li><ul>';
}
$oRoute = new Wave6Route("menu_router");
foreach ($menuData as $menuItem) {
if ($menuItem['cat_parent_id'] == $parent) {
$id = $menuItem['cat_id'];
if(!empty($menuItem['cat_catName'])) {
echo '<li><a href="'.$oRoute->url(array("page"=>"cat_edit","module"=>"PAGING0100", "cat_id"=>$id)).'">' . $menuItem['cat_catName'] . '</a></li>';
}
self::buildPubHtmlList($menuData, $id);
}
}
if ($parent != 0 && $count >= 1) {
echo "</ul></li>";
}
}
public static function buildPubHtmlList ($menuData, $parent=0) { $count = 0; foreach ($menuData as $childCounter) { if ($childCounter['cat_parent_id'] == $parent) { $count++; } } if ($parent != 0 && $count > 0) { } $oRoute = new Wave6Route("menu_router"); foreach ($menuData as $menuItem) { if ($menuItem['cat_parent_id'] == $parent) { $id = $menuItem['cat_id']; if(!empty($menuItem['cat_catName'])) { echo '<li><a href="'.$oRoute->url(array("page"=>"cat_edit","module"=>"PAGING0100", "cat_id"=>$id)).'">' . $menuItem['cat_catName'] . '</a></li>'; } self::buildPubHtmlList($menuData, $id); } } if ($parent != 0 && $count >= 1) { } }
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.
|
Dit onderwerp is gesloten.
|
|
|