zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS ul li Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.02.2008, 10:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2008
Beiträge: 16
snowbound_ch befindet sich auf einem aufstrebenden Ast
Standard CSS ul li Problem

Servus, eigentlich eine simple Sache, aber ich brings nicht hin. Wie im Anhang zu sehen habe ich in einer Sidebar zwei Aufzählung. Die eine ist mit den Pfeilen, die andere, in welcher SponsorenBilder untereinander stehen, sollte dieser Pfeil nicht sichtbar sein.
Irgendwie bringe ich das mit dem zusätzlichen stylesheet für sponsor nicht hin ?!? Wird immer überschrieben!

Kann mir jemand schnell helfen?
DANKE!


Code:
body {
	background: #600 url(/uploads/eu08design/bg.png) repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 83%; 
	text-align: center;
	margin: 0; 
	padding: 0;
	color: #555;
	}
img { border: 0; }
ul, 
p { line-height: 1.4em; font-size: 1em; margin: 15px 0 20px; }
h2 { margin: 0; color: #fff; font-weight: normal; padding: 45px 170px 47px 30px; font-size: 1.9em; }
h3, h4 { font-size: 2em; font-weight: normal; color: #000; margin: 0; }
h4 { font-size: 1.7em; }
a { color: #f00; text-decoration: none; border-bottom: 1px solid #FFC4C4; }		
a:hover { border-color: #f00; }
.l1 { border: none !important; margin: 0 !important; }

ul { 
	padding: 0;
	list-style-type: none;
	line-height: 1.8em;
	}
ul li { background: url(/uploads/eu08design/bullet.gif) no-repeat 0% 52%; padding-left: 25px; }

	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/			
#header { width: 780px; }
#header:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}
#header h1 { font-weight: normal; font-size: 2em; padding: 1.2em 0 28px 1.1em; margin: 0; font-family: Verdana, Arial;}
#header h1 a { color: #fff; text-decoration: none; border: none; }
#header h1 a span {
	color: #f00;
}

/** Navigation **/
#header ul {
	margin: -6.9em 0 0 0; 
	padding: 0 10px;
	list-style-type: none;
	float: right;
	}
* html #header ul { padding: 0; }	
#header ul li { 
	float: left;
	text-align: center;
	margin: 0 10px;
	background: transparent;
	padding: 0;
	}	
#header ul li a { 
	display: block; 
	text-decoration: none; 
	color: #fff; 
	font-size: 1.2em; 
	padding: 2em 10px; 
	border-bottom: 0.3em solid #3F0000; 
	}	
#header ul li a:hover { border-color: #f00; }	
#header ul li a.on,
#header ul li a.on:hover { border-color: #fff; }		

/*------------------------------------------------------------*
**  Body
**------------------------------------------------------------*/
#body { background: #fff url(/uploads/eu08design/body_.png) repeat-x; }
#body div { background: transparent url(/uploads/eu08design/body_left.png) no-repeat; }
#body div div { background: transparent url(/uploads/eu08design/body_right.png) no-repeat 100% 0%; height: 1%; padding: 0 20px 30px; }
* html #body div div { width: 100%; }
#body div div:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}	
#body div div div { background-image: none; padding: 0; }

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#body #content { 
	float: right; 
	height: auto !important;
	min-height: 300px; 
	height: 300px;
	width: 475px;
	background: #fff url(/uploads/eu08design/content_shadow.png) no-repeat;	
	padding: 23px 25px 0 38px;
	}
#body #content ul.img { list-style-type: none; padding: 0; margin: 0; width: 100%; }	
#body #content ul.img:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}	
#body #content ul.img li { float: left; margin-left: 10px; margin-bottom: 10px; padding: 0; background: transparent; }
#body #content ul.img li a { border: none; }
#body #content ul.img li img { border: 7px solid #900; padding: 1px; }	
#body #content ul.img li a:hover img { border-color: #000; }	

form { background-color: #f4f4f4; padding: 20px; margin-top: 20px;  }
form p { margin: 10px 0; }
form p label { width: 100px; display: block; float: left; }
form p input, 
form p textarea { border: 1px solid #999; padding: 4px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.3em; width: 240px; }
textarea { height: 100px; } 
input.btn { width: auto; }
	


/*------------------------------------------------------------*
**  Submenu
**------------------------------------------------------------*/
#body #sub { 
	float: left; 
	margin: 33px 0 0 0;		
	background-color: #fff; 
	height: auto !important;
	min-height: 267px; 
	height: 267px;
	width: 172px;
	padding: 20px 10px 0 20px;
	}

#body #sub ul.sponsor {
	padding-left: 0px; 
	}
* html #body #sub ul.sponsor { padding: 0; }
Angehängte Grafiken
Dateityp: jpg Unbenannt-1.jpg (8,1 KB, 19x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.02.2008, 11:04
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Wenn ich das richtig sehe, dann sollte es so gehen:
Code:
#body #sub ul.sponsor li {
	padding-left: 0px;
	background: none;
}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.02.2008, 11:11
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Du weist der ul li einen Background zu der vererbt wird.
Code:
ul { 
    padding: 0;
    list-style-type: none;
    line-height: 1.8em;
    }
ul li { background: url(/uploads/eu08design/bullet.gif) no-repeat 0% 52%; padding-left: 25px; }
Du kannst das auch so lösen:
Code:
ul { 
    padding: 0;
    list-style-image: url(/uploads/eu08design/bullet.gif);
    line-height: 1.8em;
    }
ul li { wasweissich... }
Dann sollte in der unteren ul, wo du
Code:
 list-style-type: none;
definierst nix mehr zu sehen sein...
Mit Zitat antworten
  #4 (permalink)  
Alt 07.02.2008, 11:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2008
Beiträge: 16
snowbound_ch befindet sich auf einem aufstrebenden Ast
Standard

@ mantiz:

sorry das geht genau nicht, wird wieder überschrieben von obiger Definition

@ paracelsus:

Bei deiner Änderung klappt das auch nicht:

Code:
ul { 
	padding: 0;
	
        list-style-image: url(/uploads/eu08design/bullet.gif);
	line-height: 1.8em;
	}
ul li { padding-left: 25px; }
#body #sub ul.sponsor {
	padding-left: 0px; 
 list-style-type: none;
	}
* html #body #sub ul.sponsor { padding: 0; }	

#body #sub ul.sponsor li {
	padding-left: 0px;
	background: none;
}
Mit Zitat antworten
  #5 (permalink)  
Alt 07.02.2008, 12:05
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wenn

Code:
ul li {
background: url(/uploads/eu08design/bullet.gif) no-repeat 0% 52%;
padding-left: 25px;
}
den Pfeil zuweist, setzt Du diese Regel zurück mit

Code:
.sponsor li {
background-image: none;
padding: 0;
}
Mit Zitat antworten
  #6 (permalink)  
Alt 07.02.2008, 12:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2008
Beiträge: 16
snowbound_ch befindet sich auf einem aufstrebenden Ast
Standard

hmmm ja ich versuche das ja.. aber irgendwie versage ich
wenn ich es ja direkt mache wie du, dann klappt das irgendwie nicht... bin jetzt wirklich verwirrt....

Code:
#body #sub ul.sponsor { list-style-type: none; padding-left: 0px; }	
#body #sub ul.sponsor:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}	
#body #sub ul.sponsor li { float: left; margin-left: 10px; margin-bottom: 10px; padding: 0; background: transparent; }
#body #sub ul.sponsor li a { border: none; }
#body #sub ul.sponsor li img { border: 7px solid #900; padding: 1px; }	
#body #sub ul.sponsor li a:hover img { border-color: #000; }	

.sponsor li {
background-image: none;
padding: 0;
}
Mit Zitat antworten
  #7 (permalink)  
Alt 07.02.2008, 12:21
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Zeig uns mal den HTML-Code dazu, evtl. sind die Selektoren falsch gewählt?
Mit Zitat antworten
  #8 (permalink)  
Alt 07.02.2008, 12:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2008
Beiträge: 16
snowbound_ch befindet sich auf einem aufstrebenden Ast
Standard

Klar hier:

Code:
h4>Sponsoren</h4>
          <p>Herzlichen Dank allen unseren Sponsoren, ohne diese wäre ein EUROZELT nicht möglich und wir könnten nicht solche Preise anbieten.</p>
          <ul class="sponsoren">
            <li><a href="http://www.holzbau-buehlmann.ch"><img src="/uploads/eu08design/sponsoren/logo_bue.gif" alt="placeholder" width="182" height="53" /></a></li>
            <li><a href="http://www.holzbau-buehlmann.ch"><img src="/uploads/eu08design/sponsoren/logo_wal.gif" alt="placeholder" width="180" height="122" /></a></li>
            <li><a href="#"><img src="/uploads/eu08design/sponsoren/logo_reb.gif" alt="placeholder" width="180" height="45" /></a></li>
            <li><a href="#"><img src="/uploads/eu08design/sponsoren/logo_tre.gif" alt="placeholder" width="180" height="113" /></a></li>
          </ul>

Ich bin jetzt auch am Gästebuch einbinden, das hat eigene CSS-Styles, wenn ich jedoch einen Hintergrund ändern will, passiert nichts, weil in der obersten Ebene der Hintergrund anders definiert ist. Ich weis einfach nicht wie ich das ändern kann oder anders lösen ?
Mit Zitat antworten
  #9 (permalink)  
Alt 07.02.2008, 12:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Deine Klasse im HTML heißt "sponsoren". Der Selektor im CSS ul.sponsor.

Bitte lies und beachte: http://xhtmlforum.de/40080-f-r-frage...twortende.html
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 07.02.2008, 12:34
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

*g, was so ein bißchen Code nicht manchmal helfen kann ...
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem beim ein/ausblenden von Spalten in Tabellen via CSS und JavaScript chrisol_76 CSS 2 21.07.2008 18:37
Css und Steam Problem justinlenz Offtopic 3 27.03.2008 22:58
CSS Problem Adriana CSS 0 09.09.2006 17:51
CSS Tips & Tricks Webnauts Ressourcen 0 26.08.2006 00:04
Dringend: CSS Problem! zero CSS 19 31.12.2005 19:34


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:13 Uhr.