Autor |
Nachricht |
-
darkbloodstudios
|
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
04.08.2010 um 17:53 (UTC) Titel: |
|
|
Hey,
Eine etwas unkonventionellere Lösung, die aber funktionieren sollte (auch, wenn es nicht unbedingt so gut aussieht).
Schritt 1:
Du änderst innerhalb der <style>-Tags folgende Zeile:
Code: td.edit_header_full{background-image: url(http://img.webme.com/pic/d/darkbloodstudios/header.jpeg); width:1000px; height: 200px;}
in diese Zeile:
Code: td.edit_header_full{visibility: hidden; height: 200px;}
Dadurch wird der eigentlich Header unsichtbar. Die Lücke von 200px bleibt dennoch vorhanden
Schritt 2:
Du fügst bei Text über Design ein Bild ein:
Zitat: <img src="background-image: url(http://img.webme.com/pic/d/darkbloodstudios/header.jpeg" width="100%" height="200px" style="position: absolute; top: 100px;" />
Nun wird anstatt des eigentlichen Headers ein Bild angezeigt, dass aber äußerlich genau so aussieht. Das Rotmarkierte muss eventuell solange angepasst werden, bis es passt.
Gib mir bitte Rückmeldung ob das funktionieren. Habe es vorher nicht getestet.
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
-
darkbloodstudios
|
04.08.2010 um 18:07 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
the-fun-factory
|
04.08.2010 um 18:17 (UTC) Titel: |
|
|
Hi,
das liegt daran, dass der code ein bisschen durcheinander ist. Richtig ist es so:
Zitat:
<img src="http://img.webme.com/pic/d/darkbloodstudios/header.jpeg" style="width:100%; height:200px; position: absolute; top: 100px;" />
auch wenn ich nicht ganz verstehe, wofür der Aufwand gut sein soll. Warum nicht einfach die Eigenschaften für die Klasse td.edit_header_full definieren? Dann kann mann sich das mit dem extra Bild sparen. Oder hattest du noch einen Hintergedanken den ich jezt nicht habe? ______________
|
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
04.08.2010 um 18:21 (UTC) Titel: |
|
|
the-fun-factory hat Folgendes geschrieben: Hi,
das liegt daran, dass der code ein bisschen durcheinander ist. Richtig ist es so:
Zitat:
<img src="http://img.webme.com/pic/d/darkbloodstudios/header.jpeg" style="width:100%; height:200px; position: absolute; top: 100px;" />
auch wenn ich nicht ganz verstehe, wofür der Aufwand gut sein soll. Warum nicht einfach die Eigenschaften für die Klasse td.edit_header_full definieren? Dann kann mann sich das mit dem extra Bild sparen. Oder hattest du noch einen Hintergedanken den ich jezt nicht habe?
Ich bin aus dem Icebluedesign ein bisschen raus. Aber wiederholt sich das Bild dann nicht, wenn man den width-Wert auf 100% setzt. Arbeite halt nicht mit Tabellendesigns, daher habe ich auf ein Bild zurückgegriffen. Eigentlich sollte meins aber auch funktionieren, habe da nichts durcheinander gebracht. width und height sind für Bilder Attribute, die benutzt werden können. - Habe ich extra gemacht um einer Wiederholung des Bildes vorzubeugen.
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
-
the-fun-factory
|
04.08.2010 um 18:35 (UTC) Titel: |
|
|
achso, du wolltest dass das bild die volle Breite einnimmt, ach wenn es sich dabei verzerrt. Alles klar, das hab ich nicht geschnallt. Macht man ja auch normalerweise nie...
Das lässt sich tatsächlich nur mit einem Bild so lösen. In CSS gibts nur Wiedehohlung oder einmal anzeigen.
Es hat aber nicht funktioniert weil du die Quelle des Bildes falsch angegeben hast.
Zitat: <img src="background-image: url(http://img.webme.com/pic/d/darkbloodstudios/header.jpeg" width="100%" height="200px" style="position: absolute; top: 100px;" />
Das Attribut src bezeichnet die Quelle des Bildes, also die Bildadresse. Da brauchst du kein background-image, das ist ja eine CSS Eigenschaft. ______________
Zuletzt bearbeitet von the-fun-factory am 04.08.2010, 19:38, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
04.08.2010 um 18:38 (UTC) Titel: |
|
|
the-fun-factory hat Folgendes geschrieben: achso, du wolltest dass das bild die volle breite einnimmt, ach wenn es sich dabei verzerrt. alles klar, das hab ich nicht geschnallt.
Das lässt sich tatsächlich nur mit einem Bild so lösen. In CSS gibts nur Wiedehohlung oder einmal anzeigen.
Es hat aber nicht funktioniert weil du die Quelle des Bildes falsch angegeben hast.
Zitat: <img src="background-image: url(http://img.webme.com/pic/d/darkbloodstudios/header.jpeg" width="100%" height="200px" style="position: absolute; top: 100px;" />
Das Attribut src bezeichnet die Quelle des Bildes, also die Bildadresse. Da brauchst du kein background-image, das ist ja eine CSS Eigenschaft.
Ich DEPP!
Ist mir beim kopieren garnicht aufgefallen.
Was einem in der Eile nicht auffällt. Danke, dass du das bemerkt hast.
Sonst hätten wir morgen noch an dem Problem gehangen
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
-
the-fun-factory
|
04.08.2010 um 18:42 (UTC) Titel: |
|
|
kann ja jedem mal passieren. Ich hab schonmal 'ne Stunde an einem design gesessen nur weil ein Simikolon fehlte Spätestens morgen wäre dir dass aber auch aufgefallen. ______________
Zuletzt bearbeitet von the-fun-factory am 04.08.2010, 19:43, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
darkbloodstudios
|
04.08.2010 um 18:55 (UTC) Titel: |
|
|
Es geht endlich, ich habes jetzt so.
Text über dem Design:
Code: <img width="100%" height="205" style="position: absolute; top: 120px;" alt="" src="http://img.webme.com/pic/d/darkbloodstudios/header.jpeg" /> |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
04.08.2010 um 19:05 (UTC) Titel: |
|
|
the-fun-factory hat Folgendes geschrieben: kann ja jedem mal passieren. Ich hab schonmal 'ne Stunde an einem design gesessen nur weil ein Simikolon fehlte Spätestens morgen wäre dir dass aber auch aufgefallen.
Das kenn ich nur zu gut.
Mittlerweile passiert mir sowas gott sei dank nicht mehr ganz so oft.
@darkbloodstudios:
Danke für deine Rückmeldung.
Setze doch ein Erledigt vor den Titel dieses Threads, damit Mods ihn schließen können.
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
|