Autor |
Nachricht |
RainHawk
Threadersteller
Dabei seit: 19.06.2007
Ort: Köln
Alter: 34
Geschlecht:
|
Verfasst Mi 25.03.2009 19:00
Titel <ul> generiert im firefox und ie8 einen umbruch |
|
|
hallo,
ich versuchte mich am definieren von listenelementen zum einsatz als menü, klappt allerdings noch nicht so ganz:
http://main.rainhawk.de/gestaltgesetze/index.html
http://main.rainhawk.de/gestaltgesetze/style.css
hab schon massen an befehlen versucht, allerdings komm ich nicht zum gewünschten ergebnis:
das <ul> generiert einen umbruch, und wieso die #navi2 nicht ganz links aussen sondern verschoben hängt kann ich mir garnicht erklären :/
wäre super wenn mir wer helfen kann
Zuletzt bearbeitet von RainHawk am Mi 25.03.2009 19:01, insgesamt 1-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
EHST
Gesperrt
Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
|
Verfasst Mi 25.03.2009 19:31
Titel
|
|
|
Die Listenelemente einfach links "floaten", nicht die Liste an sich.
|
|
|
|
|
RainHawk
Threadersteller
Dabei seit: 19.06.2007
Ort: Köln
Alter: 34
Geschlecht:
|
Verfasst Mi 25.03.2009 23:07
Titel
|
|
|
hi,
Code: | body,ul,p {
margin:0;
padding:0;
} |
brachte die gewünschte veränderung. danke vielmals dafür! allerdings stellt sich mir die frage, wieso
Code: | .naviliste1 ul {
margin:0;
padding:0;
} |
nicht die gewünschte veränderung brachte. die originaldateien entfernte ich vom server, hier nochmal die relevanten codebruchstücke:
xhtml:
Code: | <ul class="naviliste1">
<li><a>Gesetzmäßigkeiten der Wahrnehmung</a></li>
<li><a>Figur/Grund</a></li>
<li><a>Nähe</a></li>
<li><a>Geschlossenheit</a></li>
</ul> |
css:
Code: | .naviliste1 li {
list-style-type: none;
display: inline;
padding: 0 10px 0 10px;
border-right: solid 1px #000000;
}
.naviliste1 li :hover {
color: #FFFFFF;
background-color: #000000;
} |
danke!
Zuletzt bearbeitet von RainHawk am Mi 25.03.2009 23:11, insgesamt 1-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 25.03.2009 23:25
Titel
|
|
|
Weil der CSS Reset generell verwendet werden sollte, um eben Fehler zu vermeiden. Denn IE und die andren Browser verwendet jeweils unterschiedliche Standardwerte für die einzelnen Elemente, leider!
|
|
|
|
|
213db
Dabei seit: 20.09.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 26.03.2009 09:42
Titel
|
|
|
RainHawk hat geschrieben: | wieso
Code: | .naviliste1 ul {
margin:0;
padding:0;
} |
nicht die gewünschte veränderung brachte. die originaldateien entfernte ich vom server, hier nochmal die relevanten codebruchstücke:
|
Der Selektor spricht nur ul-Elemente an, die "Nachfahren" eines beliebigen Elements der Klasse "naviliste1" sind.
(Stichwort "Kaskade")
ul.naviliste1 { ... } würde die gewünschte Änderung bringen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
InDesign - Weicher Umbruch, Harter Umbruch
XML Tool das DTD generiert
[PHP] Bilder mit Farbfehlern generiert
Appl, die zu XML-Schema Formular generiert, und XML schreibt
Menü auf Startseite soll automatisch generiert werden
Wo ist der Umbruch?
|
|