Sidebar widgets werken niet met mijn css
-
Dag forumleden. Dit is mijn eerste post op het forum en uiteraard… het gaat om een probleem…
Ik zit wat met een probleem met mijn widgets in mijn sidebar. Ik had eerst een site gemaakt in xhtml en css en blijkbaar is het gebruikelijk de sidebar in een ul te steken. Dit heb ik niet gedaan en ik vond een oplossing op: http://codex.wordpress.org/Customizing_Your_Sidebar
Nu, mijn sidebar werkt nu, enkel heb ik het probleem dat als ik een widget toevoeg, hij al mijn achtergronden verwijderd en ze gewoon op de background zet (dit is uiteraard niet de bedoeling…)
mijn sidebar is in xhtml zo opgebouwd:
<div id="sidebarRT"> <!-- SIDEBAR --> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <div id="search"> <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/"> <input id="zoekvak" type="text" value="Search..." /> <input id="submit" type="image" src="<?php bloginfo('template_url'); ?>/images/searchglass.png" value="submit" alt="search" /> </form> </div> <div id="flickr"> <div id="imagesflick"> <a href="#"><img src="<?php bloginfo('template_url'); ?>/images/fotolinksboven.jpg" alt="" /></a> <a href="#"><img src="<?php bloginfo('template_url'); ?>/images/fotorechtsboven.jpg" alt="" /></a> </div> <div id="imagesflick2"> <a href="#"><img src="<?php bloginfo('template_url'); ?>/images/fotolinksonder.jpg" alt="" /></a> <a href="#"><img src="<?php bloginfo('template_url'); ?>/images/fotorechtsonder.jpg" alt="" /></a> </div> </div> <div id="categories"> <h3>Category</h3> <ul id="sidecat"> <?php wp_list_cats('sort_column=menu_order&depth=1&title_li=&show_count=1'); ?> </ul> </div> <div id="twitter"></div> <?php endif; ?>
En mijn css voor dit gedeelte:
#sidebarRT { width:300px; float:right; margin-right:1em; } #search { background:url(images/searchbar.png) no-repeat; margin:-0.5em 4em 0 0; float:right; height:72px; width:290px; } #zoekvak { height:2em; width:12em; float:left; margin:1em 0 0 2em; } #submit { width:65px; height:65px; float:right; margin-right:1em; } #flickr { background:url(images/fotokaders.png) no-repeat; margin-right:4em; float:right; height:283px; width:290px; } #imagesflick { position:absolute; margin:0.5em 0 0 0.5em; word-spacing:2.1em; } #imagesflick2 { position:absolute; margin:12.3em 0 0 0.5em; word-spacing:2.1em; } #flickr img { border:none; } #categories { background:url(images/grootkader.png) no-repeat; margin-right:4em; width:290px; float:right; height:198px; } #sidecat { position:absolute; /*margin:1em 0 0 1em;*/ text-align:left; list-style:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5em; } #sidecat a { color:#5b382a; } #sidecat a:hover { text-decoration:underline; } #categories h3 { font-family:Georgia, "Times New Roman", Times, serif; margin-top:1em; font-size:20px; color:#FFF; text-align:center; } #twitter { background:url(images/grootkader.png) no-repeat; margin-right:4em; width:290px; height:198px; float:right; }
Iemand die me kan helpen? alvast bedankt!
- Het onderwerp ‘Sidebar widgets werken niet met mijn css’ is gesloten voor nieuwe reacties.