Guten Tag,
seid längerem habe ich nun in meinem Blog ( Gedanken, Gefühle, Erlebnisse… ) ein Problem mit der sidebar. Genauer gesagt mit der anordnung des Menues.
Es sollte so aussehen wie in diesem Beispiel klick. Leider klappt das aber überhaupt nicht. Hier einmal der Code meiner style.css und der sidebar.php:
Code
body
{
font: 14px "Trebuchet MS", verdana, arials, sans-serif;
color: #000000;
background: #e0e0e0;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/* braucht man immer*/
acronym, abbr, span.caps {
cursor: help;
}
#header
/*Seitenkopf*/
{
height: 60px;
line-height: 30px;
font-size: 20px;
color: #999999;
text-align:center;
border-bottom: 2px solid #000;
}
#header span
{
font-weight: normal;
font-size: 15px;
color: #000;
}
/*Sidebar*/
#sidebar
{
width: 200px;
float: left;
margin-top: 0px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
/*list-style: none;
border-right: 2px solid #000;*/
}
#sidebar h2 {
color: red;
padding-left: 5px;
padding-right: 5px;
}
#sidebar ul, /*#sidebar li*/, #sidebar ol
{
list-style-position: inside;
list-style-image: none;
list-style-type: none;
padding-left: 0px;
color: #008080;
}
#sidebar li
{
list-style-position: inside;
list-style-image: none;
list-style-type: none;
padding-left: 2px;
color: #008080;
}
/*Inhalt*/
#content
{
margin-top: 0px;
margin-left: 225px;
margin-right: 10px;
margin-bottom: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-left: 2px solid #000;
background: #ffffff;
}
/*footer*/
#footer
{
height: 50px;
line-height: 25px;
font-size: 12px;
color: #999999;
text-align:center;
border-top: 2px solid #000;
}
/*Einstellungen fuer den content*/
blockquote {
margin: 10px 10px;
padding: 10px 40px;
border: 0;
font-size: 0.9em;
background-color: #E5E5E5;
}
Alles anzeigen
PHP
<!--sidebar.php-->
<div id="sidebar">
<!--zeigt das Suche Formular-->
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<br />
<!--gibt das Zufallsbild aus-->
<?php if (function_exists('myrandompic')) myrandompic(); ?>
<!--zeigt die statischen Seiten an-->
<h2>Seiten</h2>
<?php wp_list_pages('sort_column=ID&title_li=&exclude=30,31,32,33,34,35,36,37,38,39,40,55,56,57,58,112,113,114,&sort_column=menu_order&sort_order=ASC'); ?>
<!--Kategorien-->
<h2>Kategorien</h2>
<?php wp_list_cats('orderby=name'); ?>
<!--listet die Archive auf nach Monaten geordnet.-->
<h2>Archiv</h2>
<?php /*wp_get_archives('type=monthly'); */?>
<?php /*wp_get_archives('type=monthly'); */?>
<form id="archiveform" action="">
<select name="archive_chrono" onchange="window.location =
(document.forms.archiveform.archive_chrono[document.forms.archiveform.archive_chrono.selectedIndex].value);">
<option value=''>Monat wählen</option>
<?php get_archives('monthly','','option'); ?>
</select>
</form>
<!--Druckfunktion-->
<h2>Drucken</h2>
Hier gibt es nun die Moeglichkeit, den angezeigten Inhalt Auszudrucken.
<?php if(function_exists('wp_print')) { print_link_image(); } ?>
<!--zeigt die Links aus dem Blogroll an-->
<h2>Links</h2>
<?php wp_list_bookmarks('-1', '<li>', '</li>', '<br />'); ?>
<!--nur wenn die Startseite oder eine statische Seite angezeigt wird,erscheint der Anmelde Link und die untenstehenden Links-->
<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<h2>Meta</h2>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<li><a href="http://wordpress.de/" title="Deutsche WordPress Community">WordPress.de</a></li>
<?php wp_meta(); ?>
<?php } ?>
<!-- Nur ein Bereich, um die Liste oder andere Dinge zu testen -->
<h2>Testen</h2>
<li>Steht im li Tag</li>
<ol>Steht im ol Tag</ol>
<ul>Steht im ul Tag</ul>
<!--das ende dieser Anzeige-->
<!--sidebar.php end-->
</div>
Alles anzeigen
Ich hoffe, dass ihr mir helfen könnt. Denn ich finde den Fehler nicht.
Gruß und Danke Muckel