punkte bei <ul><li> ausblenden?

Unregistriert

Ich versuche in meinen Navigationen die Punkte vor den einzelnen <li> Tags auszublenden, im Ie8 werden sie nicht angezeigt. für FF habe ich versucht sie mit list-style-typ: none; auszublenden... ohne erfolg.

HTML

<div id="leftboard">
		<div class="boardin">
			<ul id="navi_lb">
				<li><a href="">Startseite</a></li>
				<li><a href="">Startseite</a></li>
				<li><a href="">Startseite</a></li>
				<li><a href="">Startseite</a></li>
				<li><a href="">Startseite</a></li>
			</ul>
		</div>
		<div class="boardin">
			<ul id="partner_lb">
				<li><a href="">PARTNER</a></li>
				<li><a href="">PARTNER</a></li>
				<li><a href="">PARTNER</a></li>
				<li><a href="">PARTNER</a></li>
				<li><a href="">PARTNER</a></li>
			</ul>
		</div>


	</div>

Alles anzeigen

HTML

ul#navi_lb a, ul#navi_lb a:visited {
width: 145px; 
height: 25px;
color: #000; 
background-color: #fff;
text-decoration: none; 
display: block;  
border-bottom: 1px solid #fff;  
padding: 0.1em;
}
#navi_lb li {
list-style-typ: none;
} 
ul#navi_lb a:hover {
border-bottom: 1px solid #000; 
text-align: right;
}
ul#partner_lb a, #partner_lb a:visited {
position: relative;
text-decoration: none; 
text-align: center; 
background-color: #9ab; 
color: #fff; 
display: block; 
width: 145px; 
border: 2px solid #fff;
border-color: #def #678 #345 #cde;
padding: 0.25em;
margin: 0.5em auto;
}
#partner_lb li {
list-style-typ: none;
} 
ul#partner_lb a:hover {
top:2px;
left:2px;
color:#000;
border-color:#345 #cde #def #678;
}

Alles anzeigen

Kann ich die runden punkte irgendwie deaktivieren, ausblenden...?

-Bambino-

Kannst du:

PHP

ul {
	list-style-type: none;
}

Unregistriert

hab ich ja gemacht im Sinne..

HTML

#navi_lb li {
list-style-typ: none;
}

deine Methode klappt auch nicht, hab leider nichts zum hochladen

Thonixx

Die CSS Eigenschaft list-style-type musst du auf die Liste allgemein anwenden.
Das heisst, selektiere mit CSS "ul" und wende dann das list-style-type an.

Auf das li-Element dies anzuwenden bringt nichts.

Siehe:
http://www.css4you.de/list-style-type.html

Unregistriert

meinen sie so:

HTML

ul#navi_lb a, ul#navi_lb a:visited {
width: 145px; 
height: 25px;
color: #000; 
background-color: #fff;
text-decoration: none; 
display: block;  
border-bottom: 1px solid #fff;  
padding: 0.1em;
list-style-typ: none;
}
ul#navi_lb a:hover {
border-bottom: 1px solid #000; 
text-align: right;
}
ul#partner_lb a, #partner_lb a:visited {
position: relative;
text-decoration: none; 
text-align: center; 
background-color: #9ab; 
color: #fff; 
display: block; 
width: 145px; 
border: 2px solid #fff;
border-color: #def #678 #345 #cde;
padding: 0.25em;
margin: 0.5em auto;
list-style-typ: none;
}
ul#partner_lb a:hover {
top:2px;
left:2px;
color:#000;
border-color:#345 #cde #def #678;
}

Alles anzeigen

hatte ich auch versucht, und ja ich war auch auf der Seite die sie genannt haben

Thonixx

Nebenbei: Wir sagen uns hier alle "du"

Zum Problem:
Wir sollten mal den gesamten HTML Code sehen, damit wir eventuelle Fehler ausschliessen könnten.
Wäre es dir möglich, die Seite schnell mal zu uppen?

Kannst, wenn du nichts hast grad, auch hier uploaden:
http://u.white-tiger.ch/

Einfach unten auf "Upload" klicken.

Unregistriert

hi, danke. Ich habe es hochgeladen als winrar datei... danke für deine hilfe

Thonixx

Tut mir leid, ich öffne aus Prinzip keine WinRar Dateien, von anderen Usern.
Ich meinte natürlich, dass du die Seite als HTML und natürlich auch das Stylesheet so uploaden sollst.

Dann kann das auch jeder mit einem Klick online ansehen.
Setz dann bitte auch den Link dafür.

Unregistriert

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
    <title>Isi's Webpage | Startseite</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link href="css.css" type="text/css" rel="stylesheet" />
    <link href="img/fav.ico" type="image/x-icon" rel="shortcut icon" />
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div id="rahmen">
	<div id="head">
		<div id="headwerbung">
			<a href="http://clix.superclix.de/cgi-bin/eclix.cgi?id=azax&amp;pp=5442&amp;linknr=23977">1,00 Euro Startguthaben bei Questler.de</a>
		</div>
		<div id="headnavi">
			<a href="">Info's</a>
			<a href="">Kontakt</a>
			<a href="">Impressum</a>
		</div>
	</div>
	<div id="leftboard">
		<div class="boardin">
			<ul id="navi_lb">
				<li><a href="">Startseite</a></li>
				<li><a href="">Startseite</a></li>
				<li><a href="">Startseite</a></li>
				<li><a href="">Startseite</a></li>
				<li><a href="">Startseite</a></li>
			</ul>
		</div>
		<div class="boardin">
			<ul id="partner_lb">
				<li><a href="">PARTNER</a></li>
				<li><a href="">PARTNER</a></li>
				<li><a href="">PARTNER</a></li>
				<li><a href="">PARTNER</a></li>
				<li><a href="">PARTNER</a></li>
			</ul>
		</div>


	</div>
	<div id="content">
		<div class="cont_in">
			<h1>Welcome to Isi's Webpage</h1>


			<p>Text Text Text text Blablablablablablanlanböa</p>
		</div>
	</div>
	<div id="rightboard"></div>
	<div id="footer">
		<!-- 2009-<?php date('Y'); ?> -->
		&copy;Isi's-Webpage_Gramic
		<a href="">Xhtml</a>
		<a href="">Css</a>
	</div>
</div>
</body>
</html>

Alles anzeigen

HTML

* {margin: 0; padding: 0;}


img {border: none;}


body {
color: #fff;
font-size: 13px;
font-weight: bold;
font-family: consolas, arial;
}
a {color: #fff; text-decoration: none;}


#rahmen {
width: 950px;
margin: auto;
border-left: 5px solid #101010;
border-right: 5px solid #101010;
}
#head {
width: 950px;
height: 140px;
background-image: url(img/head.gif);
background-repeat: no-repeat;
position: relative;
}
#headwerbung {
margin: 0 0 0 175px;
position: absolute;
z-index: 1;
}
#headwerbung a {
/* FARBE Werbelink */ 
color: #000;
}
#headnavi {
margin: 19px 0 0 650px;
position: absolute;
z-index: 2;
word-spacing: 19px;
}
#leftboard {
width: 160px;
height: 1000px;
float: left;
}


ul#navi_lb a, ul#navi_lb a:visited {
width: 145px; 
height: 25px;
color: #000; 
background-color: #fff;
text-decoration: none; 
display: block;  
border-bottom: 1px solid #fff;  
padding: 0.1em;
list-style-typ: none;
}
ul#navi_lb a:hover {
border-bottom: 1px solid #000; 
text-align: right;
}
ul#partner_lb a, #partner_lb a:visited {
position: relative;
text-decoration: none; 
text-align: center; 
background-color: #9ab; 
color: #fff; 
display: block; 
width: 145px; 
border: 2px solid #fff;
border-color: #def #678 #345 #cde;
padding: 0.25em;
margin: 0.5em auto;
list-style-typ: none;
}
ul#partner_lb a:hover {
top:2px;
left:2px;
color:#000;
border-color:#345 #cde #def #678;
}
/* Innenteil aller Spalten der Boards (LEFT u. RIGHT */
.boardin {
width: 145px;
height: auto;
margin: auto;
}
/* END.... */




#content {
width: 630px;
float: left;
background-color: #000;
}
#rightboard {
width: 160px;
float: left;
}
#footer {
width: 942px;
height: 20px;
clear: both;
color: #fff;
background-color: #000;
text-align: right;
word-spacing: 23px;
padding: 4px;
}
#footer a {
color: #fff;
}
h1 {
font-size: 20px;
color: #fff;
text-decoration: underline;
text-align: center;
}

Alles anzeigen

Thonixx

-.-

Mann sorry, aber so schwer ist das doch nicht.
Du schreibst deinen Code von oben in eine .html Datei und lädst diese Datei auf meinen Server hoch.
Danach noch die Stylesheet-Angaben in ein .css File und ebenfalls hochladen, okay???

Unregistriert

Zitat von Thonixx

-.-

Mann sorry, aber so schwer ist das doch nicht.
Du schreibst deinen Code von oben in eine .html Datei und lädst diese Datei auf meinen Server hoch.
Danach noch die Stylesheet-Angaben in ein .css File und ebenfalls hochladen, okay???

Entschuldige das ich code in einem forum poste wie es sich gehört, habe es aber nochmal zu dir hochgeladen

Unregistriert

bei mir wird deine seite nun mit meinem css file angezeigt uppps

http://u.white-tiger.ch/

Unregistriert

[PROBLEM GELÖST]

HTML

ul#navi_lb a, ul#navi_lb a:visited {
width: 145px; 
height: 25px;
color: #000; 
background-color: #fff;
text-decoration: none; 
display: block;  
border-bottom: 1px solid #fff;  
padding: 0.1em;
list-style-typ: none;
}
ul#navi_lb a:hover {
border-bottom: 1px solid #000; 
text-align: right;
}
ul#partner_lb a, #partner_lb a:visited {
position: relative;
text-decoration: none; 
text-align: center; 
background-color: #9ab; 
color: #fff; 
display: block; 
width: 145px; 
border: 2px solid #fff;
border-color: #def #678 #345 #cde;
padding: 0.25em;
margin: 0.5em auto;
list-style-typ: none;
}
ul#partner_lb a:hover {
top:2px;
left:2px;
color:#000;
border-color:#345 #cde #def #678;
}

Alles anzeigen

Trotzdem danke dir/euch!

lukasn

Schaut doch den code mal an...

Der original code fon Unregistriert:

Code

...
list-style-typ: none;

Korrekter code:

list-style-type: none;

Problem gelöst?
-Lukas

EDIT: Sry, hab seite 2 übersehen. Den syntaxfehler haste allerdings immer noch drin

Unregistriert

So funktioniert es..

HTML

#leftboard ul {
list-style-type: none;
}

So aber nedde..

HTML

#navi_lb ul {
list-style-type: none;
}

Tags

Benutzer online in diesem Thema