Beiträge von Neku

Wie du in meinem CSS vielleicht erkennen kannst, habe ich list-style-type:none; bereits festgelegt. Leider funktioniert es nicht, darum wüsste ich gern, wo der Fehler in meinem CSS ist.

Und noch ein kleines Problem habe ich: Ich habe es nun hinbekommen meine Navigation in die divs zu bekommen und alles ist toll.

Allerdings sehe ich die ganze Zeit noch Aufzählungspunkte vor jedem Menüpunkt! Beispiel hier:

[Blockierte Grafik: http://img121.imageshack.us/img121/535/bild5pe.png]

Mein CSS dazu (ist etwas durcheinander und doppelt gemoppelt, weil ich einfach alles ausprobiert habe um die dämlichen Punkte wegzubekommen :(). Das moduletable-Zeugs kommt dadurch zustande, dass mein CMS das halt generiert - jeder "Navigationsstrang" sieht so aus:

[Blockierte Grafik: http://img532.imageshack.us/img532/357/bild6.png]

Zitat

#navi_agentur, #navi_leistungen, #navi_kunden, #navi_aktuelles {
width: 169px;
height: 100%;
float: left;
text-decoration: none;
list-style-type: none;

}


#header .moduletable li a:link{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #600;
text-decoration: none;
list-style-type: none;
}

#navi_agentur .moduletable .menu ul li a{
text-decoration: none;
list-style-type: none;

}

#header a:link {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #600;
text-decoration: none;
}

#header a:visited{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #600;
text-decoration: none;
list-style-type: none;

}

#header a:hover{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #666;
text-decoration: none;
list-style-type: none;

}

#header a:active{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #666;
text-decoration: none;
list-style-type: none;

}

Alles anzeigen

Das HTML sieht folgendermaßen aus:

<div id="header">[INDENT] <div id="navi_agentur"></div>
<div id="navi_leistungen"></div>
<div id="navi_kunden"></div>
<div id="navi_aktuelles"></div>
[/INDENT]</div>

Neku

Ja, vielen Dank ihr beiden! Habe es hinbekommen =)

Neku

Hi Leute,

ich habe ein neues "Projekt" und verzweifle gerade an der Navigation. Ich möchte die verschiedenen Navigationspunkte in verschiedenen DIVs anzeigen lassen. Das habe ich soweit auch alles hinbekommen.
Dann ist allerdings ein neues Problem aufgetaucht (wie das ja immer so ist xD). Und zwar sollen diese DIVs natürlich nebeneinander stehen, aber meine stehen untereinander! Mein html sieht so aus:

Zitat

<div id="navigation"><jdoc:include type="modules" name="navigation" style="xhtml" />
<div id="navi_agentur"><jdoc:include type="modules" name="navi_agentur" style="xhtml" /></div>
<div id="navi_leistungen"><jdoc:include type="modules" name="navi_leistungen" style="xhtml" /></div>
<div id="navi_kunden"><jdoc:include type="modules" name="navi_kunden" style="xhtml" /></div>
<div id="navi_aktuelles"><jdoc:include type="modules" name="navi_aktuelles" style="xhtml" /></div>
</div>

Mein CSS so:

Zitat

#navi_agentur, #navi_leistungen, #navi_kunden, #navi_aktuelles {
width: 169px;
height: 100%;
float: left;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #600;
text-decoration: none;
}

#navigation .moduletable li {
list-style-type: none;
}

Alles anzeigen

Ich bin mir sicher, dass mein CSS irgendwie falsch ist, aber ich finde den Fehler nicht! =( Er ordnent sie halt untereinander an und das soll nicht...

Neku

Zitat von Grevas

Weil eine Überschrift ein blockelement ist - semantisch ist es inkorrekt <p> steht für Absatz, eine Überschrift steht davor. kA ob der Validator da meckern würde - habs nie ausprobiert...

Ahja, fals jemand sich hier wundern sollte... Der Schnipsel da oben funktioniert so nicht.

Dadurch erreiche ich aber, dass der Text in der gleichen Zeile wie die Überschrift weitergeht – und das ist genau das, was ich haben will. Dann sieht es nämlich so aus:

Zitat

Die ist die Headline! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

und nicht so:

Zitat

Die ist die Headline!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Das habe ich bisher halt immer so gemacht und wüsste auch nicht, wie ich es anders lösen sollte. Wenn jemand eine bessere (oder korrektere) Lösung hat: Her damit!

Zitat von Macrosdesign

EDIT:

Eine Überschrift darf NICHT in einem Absatztag stehen

Nein, wieso das nicht? Oo

Also zumindest funktioniert es bei mir.^^

Ich habe es jetzt hinbekommen. Habe bemerkt, dass das vertical-align nur bei Absatzelementen funktioniert... Mein CSS/HTML sieht nun so aus und funktioniert einwandfrei:

Zitat

HTML

<div id="start">
<div id="startlinks"><img src="templates/mytemplate/images/start_exist.png" border="0" /></div>
<div id="startrechts"><p><h3>Headline!</h3>
Wir bieten frisch gebackenen Unternehmensgründern blabla...</p></div>

Zitat

CSS

#start {
width: 100%;
heigth: 100%;
}

#startlinks {
width: 165px;
float:left;
}

#startrechts {
width: 324px;
float: right;
}

#startrechts p {
vertical-align:middle;
}

Alles anzeigen

Einen großen Dank an alle, die mir helfen wollten

Neku

Nicht ganz: Ich möchte ausschließlich vertikal zentrieren.

Habe es trotzdem ausprobiert soweit wie ich es verstanden habe, allerdings klappt auch dies nicht =(

Okay, mein html-Code ist folgender:

Zitat

<div id="start">
<div id="startlinks"><img src="templates/mytemplate/images/start_exist.png" border="0" /></div>
<div id="startrechts"><h3>Headline!</h3>
Wir bieten frisch gebackenen Unternehmensgründern blabla...</div>

Und mein CSS ist dieser:

Zitat

#start {
width: 100%;
heigth: 100%;
}

#startlinks {
width: 165px;
float:left;
}

#startrechts {
width: 324px;
float: right;
}

Alles anzeigen

Der Text im div startrechts klebt halt immer oben am div, statt sich immer so anzuordnen dass er in der Mitte des divs steht. =(

Zitat von -Bambino-

Nein, ich bezweifle, dass du gegoogelt hast:

http://www.wssexpert.de/Style/Examples/007/center.html

Da steht alles und es ist das erste Google ergebnis!

Bezweifle es ruhig, es ist aber anders. Ich habe außerdem betont, dass diese Ergebnisse eben nicht bei mir zum Ergebnis führten und ich deshalb hier im Forum mein Problem geschildert habe.

@macrosdesign: line-height funktioniert leider nicht =(

Bambino: Der Link nutzt mir leider nichts. Ich habe bereits danach gegoogelt und da ich keine funktionierende Lösung gefunden hatte, dachte ich mir, dass man mir hier vielleicht weiterhelfen kann.

Hi zusammen,

eigentlich bin ich recht fit im HTML, allerdings kriege ich hier grad die Krise, weil ich es nicht schaffe einen Text in einem DIV vertikal zentriert anzuordnen. Er "klebt" ständig oben am Div!!

Eigentlich müsste es ja mit vertical-align:center klappen, oder nicht?

Neku