Wo ist der Fehler ? CSS Design wird nicht richtig dargestellt :(

[SkullSplitter]

Moin Moin

Ich steh vor einem Problem und finde irgendwie die Lösung nicht.

Ich bastel derzeit wieder an meiner Seite rum und dachte mir ich bau mir mal nen Tabbed Block ein.

, oben Rechts die Special1 !!!

Soweit funktioniert das auch bis auf eine Zeile.

In der #skullside ul definiere ich nen margin von 0 0 20px.
Die wird in der gesamten Seite genutzt, nur brauch ich diese für die #skullspecial1 nicht.

Wie kann ich den Fehler korrigieren, ich sitz da jetzt schon etwas länger vor und ich merke , dass ich das alleine nicht schaffe

Und als nebensache hätt ich noch ein Anliegen. Da ich mir das irgendwie alles zusammengefriemelt habe, wollt ich mal anfragen, ob ein "Profi" nicht meine style.css durchschauen kann, nach Fehlern.

Vielen Dank schonmal im voraus

 

[stb_87]

AW: Wo ist der Fehler ? CSS Design wird nicht richtig dargestellt

Moin,

#skullside ul und #skullspecial1 sind beide völlig unabhängig von einander und darin liegt der Fehler auch nicht.

Der Fehler liegt in der class .block:

Du hast direkt nach dem div mit der id #skullspecial einen weiteren div geöffnet:

<div id="block-quicktabs-1" class="block block-quicktabs">

und da ist die class .block im CSS wie folgt definiert:

.block {
background-repeat : no-repeat;
[COLOR="Red"]margin-bottom : 25px;[/COLOR]
}

Dieses margin-bottom von 25px ist für die Lücke verantwortlich.

 

[SkullSplitter]

AW: Wo ist der Fehler ? CSS Design wird nicht richtig dargestellt

Ups war ein versehen von mir (Bin mittlerweile auch etwas durcheinander, was das betrifft, zuviel davor gehockt und nichts erreicht )

So, meinte ich das auch. Für den Rest der #sidebar brauch ich die 25px auch...
die sind dazu da, dass die Navigations Blöcke nicht direkt untereinander sind.
Nur in der #skullspecial1 brauch ich das nicht. und mit #skullside ul habe ich versucht,
das für die #skullspecial1 wieder aufzuheben.

ps/edit: link zur css :

 

[stb_87]

AW: Wo ist der Fehler ? CSS Design wird nicht richtig dargestellt

die sind dazu da, dass die Navigations Blöcke nicht direkt untereinander sind.
Nur in der #skullspecial1 brauch ich das nicht. und mit #skullside ul habe ich versucht,
das für die #skullspecial1 wieder aufzuheben.

Es bringt aber nichts, das in skullside ul aufzuheben, wenn es durch die class .block eh wieder auftaucht.

Wie meinst du das, dass die Blöcke nicht direkt untereinander sind?

Gebe jedem Navigationsblock ein float:left und dann werden die nebeneinander angezeigt.



Am Rande:

Dein CSS Code ist total wirr, solltest du mal überarbeiten und für so wenige Inhalte auf der Website, sind da ganz schön viele div-Elemente vorhanden.

Hast du das Theme selbst erstellt oder ein bestehendes abgewandelt?

Ich würde dir raten, das noch mal Schritt für Schritt eigenständig neu aufzusetzen.

 

[SkullSplitter]

AW: Wo ist der Fehler ? CSS Design wird nicht richtig dargestellt

das hab ich selber erstellt ...
leider hab ich von css nicht allzuviel ahnung bzw keine

und neu aufsetzen ... hm .... da ich keine ahnung davon habe, würde es im endeffekt fast genauso aussehen

Sicher würde ich die die CSS gerne schön säublich haben
Von daher würde ich mich über jegliche Hilfe freuen