|
|||
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; } |
Sponsored Links |
|
|||
@ 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; } |
|
||||
Wenn
Code:
ul li { background: url(/uploads/eu08design/bullet.gif) no-repeat 0% 52%; padding-left: 25px; } Code:
.sponsor li { background-image: none; padding: 0; } |
|
|||
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; } |
|
|||
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 ? |
|
|||
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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |