Listenpunkte

MarkoJanett

So ich habe jetzt mein nächstes Problem. Nachdem das mit dem Footer klappte, habe ich jetzt das Problem das in meinem Footer die Sidebars mit Listenpunkte hinterlegt ist. Das sollte natürlich nicht so sein und habe nun fast zwei Stunden verbracht heraus zu bekommen woran das liegt. Den Fehler habe ich noch nicht gefunden, aber vielleicht könnt ihr mir helfen. Die Sidebar sollte genauso ausehen wie dir rechte :razz:

http://janettd.bplaced.net/wordpress/
Hier ist mal mein Stylesheet.

PHP

/* 
	Theme Name: MyDiary
	Theme URL: http://www.geckoandfly.com/wordpress-themes
	Description: Hand Crafted 2 column Wordpress theme
	Author: GeckoandFly
	Author URI: http://www.geckoandfly.com
	Version: 1.2
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/


body {
	background: #fff;
	width: 900px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}
	
#wrap {
	background: #fff;
	width: 900px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px ;
	padding: 0px ;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/


a, a:visited{
	color: #507AA5;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/


#header {
	background: #FFFFFF url(images/header.gif) ;
	width: 1000px;
        height: 290px;
	padding: 0px 0px 10px 0px ;
	margin: 0px 0px 0px 0px;
	}


/************************************************
*	Right Sidebar      							*
************************************************/
	
#r_sidebar {
	float: right;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 0px;
	display: inline;
	}


#r_sidebar p{
	padding: 2px 0px 16px 0px;
	margin: 0px;
	line-height: 20px;
	}


#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#r_sidebar ul li a {
	color: #507AA5;
	text-decoration: none;
	}


#r_sidebar ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}




	
/************************************************
*	Content 					     		    * 
************************************************/


#content {
	width: 800px;
	margin: 0px 0px 0px 40px;
	padding: 0px;
	}


#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}


#content p img{
	max-width: 468px;
	}
	
#content h1 {
	color: #333333;
	font-size: 20px;
	font-family: Bradley Hand ITC, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	}
	
#content h1 a  {
	color: #660000;
	text-decoration: none;
	}


#content h1 a:hover {
	color: #6699cc;
	text-decoration: none;
	}
	
#content h2 {
	color: #333333;
	font-size: 16px;
	font-family: Bradley Hand ITC, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	border-top: 0px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	}


#content h3 {
	color: #333333;
	font-size: 18px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 10px 0px 2px 0px;
	margin: 0px;
	}
#content h4 {
	color: #333333;
	font-size: 14px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	}
#content h5 {
	color: #333333;
	font-size: 14px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
	}


#contentmiddle {
	float: left;
	width: 468px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	_padding: 20px 0px 10px 20px;
	display: inline;
	}
	
#contentmiddle ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentmiddle ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentmiddle ul{
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentmiddle ul li{
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
		
.contenttitle {
	width: 468px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}


#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
.postspace {
	background: #fff;
	width: 468px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
/************************************************
*	Footer      								*
************************************************/


#footer {
	width: 900px;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	}
.footer_text {
	color: #999;
	font-size: 10px;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-align: left;
	margin: 0px 0px 0px 0px;
	}
#footerbar {
	background: #f0f0f0;
	width: 900px;
        height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 2px solid #666666;
	}
#footer_images {
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	vertical-align: middle;
	}


/************************************************
*	Search Form									*
************************************************/


#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 192px;
	background: #FFFFFF url(images/search.gif);
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}


/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 400px;
	background: #FFFFFF;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #999999;
	}
	
#commentblock ol{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}
.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	margin: 0px 5px 2px 0px;
	background: #fff;
	}
.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}


.commentinfo{
	clear: both;
	}


.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 350px;
	background: #efefef url(images/comment.gif) no-repeat top;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 350px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}


#commentsformheader{
	padding-left: 0px;
	}


#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}


#commentsform form{
	text-align: left;
	margin: 0px;
	}


#commentsform p{
	margin: 0px;
	}


#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.count {
        float:right;
        font-size:26px;
        color:#999;
        font-style: italic; 
        }
/************************************************
*	blockquote									*
************************************************/
	
blockquote {
	margin: 10px 15px 10px 20px;
	background: url(images/quote.gif);
	background-repeat: no-repeat;
	padding-left: 65px;
	color: #999;
        }
/*************************************
 +feed
 *************************************/
.feed
{
   width: 200px;
   height:81px;
   background: #fff url(images/feedburner_background.gif) top no-repeat;
}
.aditem_feed
{
   padding: 7px 3px 0px 3px;
}
/***************************************
footer sidebar
 ***************************************/
#footer-sidebar2 {
float: left;
width: 210px;
margin-right:0px;
}


#footer-sidebar3 {
float: left;
width: 200px;
}


#footer-sidebar4 {
float: right;
width: 200px;
}

Alles anzeigen

Was meint, ist der Fehler hier zu finden?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

mfitzen

Füge den IDs/Klassen

Code

list-style-type:none

hinzu. Nutze Firebug für Firefox um die IDs/Klassen zu identifizieren

MarkoJanett

Zitat von infected
Füge den IDs/Klassen
Code
list-style-type:none
hinzu. Nutze Firebug für Firefox um die IDs/Klassen zu identifizieren

Ich nutze kein Firefox. Noch eine andere Möglichkeit? Danke.

Tutrix

Zitat von MarkoJanett

Ich nutze kein Firefox. Noch eine andere Möglichkeit? Danke.

Wenn du geschrieben hättest was für ein Browser du verwendest, könnte man direkt darauf antworten.

je nach Browser.....z.B. Rechtsklick "Element untersuchen"...... oder "F12"

MarkoJanett

Ok das nächste Mal weiß ich es :) Browser gleich mit nennen.
OK ich habe jetzt Rechtsklick "Element untersuchen" angeklickt und sehe jetzt ein neues Fenster mit ganz vielen Daten :)
Und jetzt soll ich alle IDs/Klassen finden? Und davor überall den
Code: list-style-type:none eingeben?
Für mich als Laie nicht einfach darin etwas zu finden :-?

Tutrix

wenn du dir den Code ansiehst, erkennst du das alle Widgets im Footer innerhalb eines div's mit der class "[COLOR=Red]widget-area[/COLOR]" sind

Beispiel:

Code

<div id="first" class="widget-area">

oder

Code

<div id="second" class="widget-area">

oder

Code

<div id="third" class="widget-area">

also dann dies in die css einfügen

Code

.widget-area li {
    list-style-type: none;
}

Domino5702

Sorry, aber bevor Du am Theme herumbastelst, solltest Du ein paar Grundkenntnisse in HTML und CSS Dir aneignen, sonst ist die "Katastrophe" vorprogrammiert.

Besonders das Thema Listen, deren Aufbau und Design dürften Dich interessieren. Damit würdest Du schon mal verstehen, was infected in seiner Antwort geraten hat.

Die Basis dazu bildet ein etwa 10 Jahre alter Artikel "A List Apart", wovon es mittlerweile auch etliche deutschsprachige Ableger gibt - einfach in Google eingeben. Eine übersicht bietet auch SelfHTML (das ist eine deutrsche Quelle)

PS. Es widerstrebte mir, die Lösung einfach hinzuschreiben, wie es Art of Pic dankenswerterweise getan hat - denn damit hast Du Dir die Lösung nicht selbst erarbeitet, also ist das Erfolgserlebnis nicxht da.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Listenpunkte

Jetzt mitmachen!