Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.08.2010 um 12:32 (UTC)    
Titel: [erledigt] Größe des Headers soll sich anpassen

Hi, ich hab ein Designe mit HTML, dass sich auf die Größe des Bildschirms anpasst. Leider werden bei zu hoher Auflösung im Header dann mehrere Bilder hintereinander gesetzt. Wie kann ich eso machen dass sich der Header automatisch an die Breite des Fensters anpasst?

Ich habe auch schon mal ein größeres Bild als Header benutzt aber dann sieht man bei kleinerer Auflösung nur die Hälfte.
______________
TUTORIALS:
=> Headertext entfernen
=> Login / Counter / Daten über den Besucher irgendwo anzeigen lassen
=> Feedback-Balken am Rand erstellen
=> Java Applet in Website einbinden
Webseitentools:
=> Kostenlose Downloadcounter erstellen

Wenn ich dir geholfen habe kannst du mir ja hier ein Kommentar hinterlassen.


Zuletzt bearbeitet von darkbloodstudios am 04.08.2010, 20:13, insgesamt einmal bearbeitet
Beitrag04.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
Beitrag04.08.2010 um 18:07 (UTC)    
Titel:

Beitrag04.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?
______________

Beitrag04.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. Wink - Habe ich extra gemacht um einer Wiederholung des Bildes vorzubeugen.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag04.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. Wink 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
Beitrag04.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. Wink

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. Embarassed
Was einem in der Eile nicht auffällt. Danke, dass du das bemerkt hast.
Sonst hätten wir morgen noch an dem Problem gehangen Wink

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag04.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 Laughing 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
Beitrag04.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" />
Beitrag04.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 Laughing Spätestens morgen wäre dir dass aber auch aufgefallen.

Das kenn ich nur zu gut. Very Happy
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
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de