button:schlagschatten fehlt!!

freaky3

hallo!
jetzt suche ich schon drei tage und habe immer noch nicht des rätels lösung gefunden.
bei meinem button will einfach kein schlagschatten entstehen!
bei dem ursprünglichen code war der schatten einfach da.
nachdem ich ihn copiert habe und bearbeitet, war irgendwann der schatten weg. vt. weil ich die border entfernt habe.
nun habe ich nochmal den ursprünglichen code hineinkopiert und habe immernoch keine schlagschatten am button. trotz border: 1px solid #000000;

überlagern sich da vt. irgendwelche sheets?

die seite ist unter http://www.bloghof.net/Daenz einsehbar!

Grüße an alle! und vielen Dank an die fleissigen Helfer!!

phore

wenn du den standard button willst dann musst du nix mit css machen...einfach den button ungestylt lassen.

so long - phore

freaky3

habs versucht, aber irgendwie ist der wurm drin!
seit ihr so nett, mal einen blick auf die seite zu werfen?

SonicChriz

wenn du uns einen link gibst dann machen wir das

freaky3

Den hatte ich ja schon oben angegeben, jetzt hat er sich geändert:
http://boogie-blog.21publish.com

es wäre wirklcih super, wenn Ihr mir da helfen könntet!!

GreenRover

boar die zerklüftetste und langsamste seite die ich je gesehen habe LOOOOOL

freaky3

sehr nett!!
hast du denn auch irgendwelche verbesserungsvorschläge? ..z.B. auch zum obigen Problem!?

GreenRover

einen neuen server hoster zum anfang.

dann das css auslagen, die kommentaren entfernen und keine vermischung von inline css und css classen.

dann reden wir weiter.

freaky3

Der Host wird vt. ein anderer, wenn die Seite fertig ist, allerdings wird die Seite über Templates generiert und ist daher vom diesem oder einem ähnlichen Host duirekt abhängig.
Die Zerklüftung der CSS-Klassen läßt sich deshalb nicht verhindern, hat auch mit der generierung aus templates zu tun.

hast du eine Idee was das Schattenproblem betrifft?

GreenRover

ganz einfach, fehler lassen sich in einem sauberen code wesentlich einfacher finden als ind solchen einen gemöhle wie du es hast.

PS, auch mittels TPL ist es möglich ordnung zu halten, meist sogar besser als ohne.

Mir nicht

Das mein Browser bei dem Quelltext überhaupt weis was er anzeigen soll ist schon ein kleines Wunder

Wunder gibt es immer wieder...

ich heise thomax und mein pasword951753

freaky3

die seite ist auch gerade in der Entstehung.
der fehler war, dass ich border beim * auf none gesetzt habe. Trotzdem danke!!

yeti66

Ok.
Hier hast Du eine Lösung für die Schatten mit CSS. Einfach zwei Layer übereinader legen und ein oder zwei pixel ind er Höhe und seitlich versetzen.
Dann wirst Du aber mit absoluter Positionierung arbeiten müssen. Dafür entfällt die Zeile

Code

<div style="float:left; width:12px; height:1px;"> </div>

pro Button.

Bye yeti66

yeti66

Oh,sorry da fehlte noch was.
http://www.drweb.de/csspraxis/schnelle_schatten.shtml

bzw. im css von:

Code

div#inactive{
	width:80px;
	height:20px;
	padding-top:6px;
	background-color:#E8961A;
	font:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	overflow:hidden;
	color:#FFFFFF;
}


div#activemain{
	background-color: #FFFFFF; 
	width:80px;	
	height:20px;
	padding-top:6px;
	float:left;
	overflow:hidden;
}

Alles anzeigen

mit Border top,Border right, border color: sw einen Rand als Pseudoschatte setzen. Leider ist Deine Seite total konfus und seit heute im Firefox und Explorer zerhackt. Sonst hätte ich es Dir gemacht. Du mußt Deinen Code besser strukturieren da blickt ja keine durch.
Am besten Du baust Deine Seite neu auf.
Hier ein Beispiel asl Dreiteiler:

Gruß yeti66

yeti66

Hier habe ich Dir noch ein Layout mit den Button gemacht, die Dir sicher vorschweben. Leider funktioniert es momentan (exakte Positionierung unter allen Browsern) nur unter Firefox. Vielleicht findet sich jemand, der sich den Code ansieht und den Fehler findet. Aber vom Buttonlayout ist das sicher Dein Ziel.

Gruß yeti66

freaky3

danke für die umfangreiche hilfe!! ist vt. etwas konfus, wenn ich noch zeit habe werd ich das verbessern.

das die seite zerhackt ist, liegt daran, dass ich sie auf "boogie-blog.21publish.de" umhosten musste.

vielen dank aber auf jeden für das css layout. das werd ich mir für zukünftige seiten aufheben!

Tags