Knuddels verhindert <DIV> "background-image"?
- #1180534 - 26.06.2007, 12:17:07
|
Registriert: 06.09.2004
Beiträge: 5.248
|
Hallo, ich hab' für jemanden diesen kleinen Code "zusammengesucht". Wenn der nicht ganz valide ist guckt drüber ist eh egal.. bäh <style type="text/css"> div.bg { background-image: url( http://img225.imageshack.us/img225/5592/hgyd3.jpg); } </style><div class="bg" style="BORDER-RIGHT: #EE1289 6px solid; BORDER-TOP: #EE1289 6px solid; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #EE1289 6px solid; WIDTH: 230px; BORDER-BOTTOM: #EE1289 6px solid TOP: -134217728px; HEIGHT: 100px; TEXT-ALIGN: center"><p><br> TEXT </p> </div> Ein geübtes Auge würde jetzt in dem <DIV>-Kasten das Hintergrundbild sehen, was im <STYLE>-Tag definiert wurde. Das funktioniert in einem normalen Browser (FF/IE getestet) ganz gut, bäh, es funktioniert aber trotzdem nicht.. Wo ist der Fehler?! staun
|
|
[zum Seitenanfang]
|
|
|
Re: Knuddels verhindert <DIV> "background-image"?
[Re: BssG]
- #1180824 - 26.06.2007, 16:28:19
|
United States of America
Registriert: 05.08.2004
Beiträge: 6.388
|
Immer unter der Vorraussetzung, dass Stylesheets in den Header gehören, muss das so aussehen: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Unbenanntes Dokument</title> <style type="text/css"> div.bg { background-image: url( http://img225.imageshack.us/img225/5592/hgyd3.jpg); border-right: #EE1289 6px solid; border-top: #EE1289 6px solid; left: -51562520px; overflow: auto; border-left: #EE1289 6px solid; border-bottom: #EE1289 6px solid; top:-134217728px; height: 100px; width: 230px; text-align: center; } </style> </head> <body> <div class="bg"><p><br /> TEXT </p> </div> </body> </html> Man definiert nie eine Classe, um dann doch noch den Style-Tag im <div> -Container zu benutzen. Dieser Code ist auch xHTML 1.1 valide. _________________________
Das Lesen ist eine Tugend!
|
|
[zum Seitenanfang]
|
|
|
Re: Knuddels verhindert <DIV> "background-image"?
[Re: theblackdevil909851]
- #1180861 - 26.06.2007, 16:42:11
|
Registriert: 06.09.2004
Beiträge: 5.248
|
Danke schon mal für deine Bemühungen, allerdings klappt das auch nicht. Auf einer externen Seite funktioniert es wieder wunderbar, bei Knuddels versagt es aber wieder.
Auch mit einer anderen Class funktioniert es nicht..
|
|
[zum Seitenanfang]
|
|
|
Re: Knuddels verhindert <DIV> "background-image"?
[Re: BssG]
- #1180902 - 26.06.2007, 17:08:07
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Hey, hast du es schonmal mit den Apostrophen versucht? <style type="text/css">
div.bg {
background-image: url('http://img225.imageshack.us/img225/5592/hgyd3.jpg');
}
</style>Natürlich ist der Code nicht sonderlich valide, aber vom Prinzip her müsste er alles anzeigen, sowohl das was im <style>, wie auch das, was direkt im <div>-Tag steht. Einfacher ist es natürlich, wenn du dich für eine Variante entscheidest, vor allem der Übersicht wegen. Lieben Gruß, Kat P.S.: Habe es grade mal versucht, auf der HP meines Zweitnicks funktioniert es, nach meiner Methode: <div style="background-image:url('http://img225.imageshack.us/img225/5592/hgyd3.jpg');"> Text </div>
|
|
[zum Seitenanfang]
|
|
|
Re: Knuddels verhindert <DIV> "background-image"?
[Re: KnuddelWelli]
- #1180915 - 26.06.2007, 17:15:50
|
Registriert: 06.09.2004
Beiträge: 5.248
|
Okay, schon mal ein kleines Stück weiter bäh Jetzt wird der Kasten aber nur am linken und rechten Rand angezeigt, sowieso oben. Der untere Rand fehlt einfach. Hier mal der genau Quelltext, wie gesagt nicht für mich sonders für jemand anderen daher sind die Definitionen auch nicht wirklich einleuchtend bäh : <div style="left: -51562520px; overflow: auto; width: 230; height: 144; text-align: center; background-image: url('http://img225.imageshack.us/img225/5592/hgyd3.jpg'); border-left: 6px solid #EE1289; border-right: 6px solid #EE1289; border-top: 6px solid #EE1289; border-bottom: -134217728px solid TOP"> <font color="#000000"> Text</font> </div>
|
|
[zum Seitenanfang]
|
|
|
Re: Knuddels verhindert <DIV> "background-image"?
[Re: BssG]
- #1180930 - 26.06.2007, 17:28:46
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Hey, wenn ich mal so frei sein darf den mal ein wenig nach "Kat-Art" umzustrukturieren. ^^ <div style="left: -51562520px; overflow: auto; width: 230; height: 144; text-align: center; background-image: url('http://img225.imageshack.us/img225/5592/hgyd3.jpg'); border-left: 6px solid #EE1289; border-right: 6px solid #EE1289; border-top: 6px solid #EE1289; border-bottom: -134217728px solid TOP"> <font color="#000000"> Text</font> </div> - Was soll das da? ôo Ich lösch es mal, sieht sehr sinnlos aus. border-bottom: -134217728px solid TOP - What the hell is this !? lach *rauslösch* Ich ändere um:border: 6px solid #EE1289; - Das definiert den Rahmen für jede Seite des Kastens, habe einfach die ganzen border-top, -right, -left, etc. rausgenommen. Einmal reicht vollkommen. Und füge ein:color:#000000; - Damit wird die Textfarbe auch schwarz, der Fonttag im <div> wird überflüssig. glücklich "Mein" neuer Code, der funktionieren sollte: <div style="overflow:auto; width:230px; height:144px; text-align:center; color:#000000; background-image:url('http://img225.imageshack.us/img225/5592/hgyd3.jpg'); border:6px solid #EE1289;"> Text </div>Hoffe, dass es jetzt so klappt. Lieben Gruß, Kat
|
|
[zum Seitenanfang]
|
|
|
Re: Knuddels verhindert <DIV> "background-image"?
[Re: KnuddelWelli]
- #1180935 - 26.06.2007, 17:36:51
|
Registriert: 06.09.2004
Beiträge: 5.248
|
|
|
[zum Seitenanfang]
|
|
vorheriges Thema
Index