Frage zu Bild repeat..

[Kai_Mops]

Liebe Community..
Ich bin gerade dabei eine Page zu basteln.. jetzt frage ich mich, wie ich nach einem Bild repeat eine Grafik einfügen kann?..

<div style="background-image:url(px.gif); background-repeat:repeat-x; border:0px">
<img src="eck2.gif">
<img src="eck.gif">
</div>ContentHallojaskdjfhkjsahfdkjhsakdjfksacbnkjsdabfkjsakcnijsdafkjs#
<br><br>
Testlink: <a href="http://www.google.de">Aha</a></div>

Die Grafik "px.gif" ist halt die, die sich immer wiederholt.. und die Grafiken "eck2.gif" und "eck.gif" sollen vorne und hinten sein.. dazwischen liegt dann halt der Inhalt..

Ich hoffe, das war eine gute Beschreibung, wenn nicht, fragt einfach ;)

Gruß..

Kai

 

[BcF]

so?

<img src="eck2.gif" style="float:left;">
<img src="eck.gif" style="float:right;">

 

[Kai_Mops]

Ne leider nicht..

Aber mir fällt gerade eine andere Möglichkeit ein..
Jedoch brauch ich dafür wiederum Hilfe..
Wie kann man eine Page automatisch der Bildschirmauflösung anpassen?..

 

[Frank]

sind das die ecken oben und unten oder links und rechts... -_-

 

[Kai_Mops]

sind das die ecken oben und unten oder links und rechts... -_-

Das soll rechts und links sein..

Weiß jemand denn wie das mit der automatischen Anpassung?..

 

[gruenspan]

Was willst Du denn an die Auflösung anpassen? Was nützt Dir die Bildschirmauflösung, wenn Du nicht weißt, wie groß das Browserfenster ist?

 

[Corvulus]

Man passt ja in der Regel auf Vollbild an. Die meisten PC User die ich kenne, nutzen alle Fenster im Vollbildmodus, daher würde ich auch immer dafür eine Seite auslegen. Wer damit ein Problem hat, der muss halt imemr scrollen oder lernen schnell (mit Maus und/oder Tastenkombination (Alt + TAB)) zwischen Tasks zu wechseln.

Gruß Corvulus

 

[gruenspan]

Komisch...die meisten meiner Freunde und Arbeitskollegen haben das Browserfenster nicht im Vollbild. Aber das liegt wahrscheinlich daran, das wir ständig an mehreren Projekten gleichzeitig arbeiten.

Ich entwickle aktuell immer für eine Auflösung von 1024x768. In den nächsten zwei drei Jahren könnte man aber umstellen auf 1280x1024.

 

[matibaski]

Wie erwähnt von Frank:
Jeder, der aktiv mit PC arbeitet und sich mit PC's auskennt, der benutzt zu 70% die Tastatur.

Ich zum Beispiel kann das ganze Windows bedienen, und das ohne Maus. Sowie Internet, usw...

Zur Sache:
Mach zwei positionierte Container, in denen du das Bild steckst.

So also:

<!--Links oben-->
<div style="position:absolute; width:??px; height:??px; border:??px; top:0px; left:0px; background:url('bild_links.ext');"></div>
<!--Jetzt rechts oben-->
<div style="position:absolute; width:??px; height:??px; border:??px; top:0px; right:0px; background:url('bild_rechts.ext');"></div>

So, jetzt hast du zwei schöne Bilder in den Ecken.
Du musst nur noch den Pfad zum Bild angeben (vielleicht noch background-repeat definieren), die Breite, Höhe und den Rahmen bestimmen und das wars.

Kinderspiel :)


MfG, matibaski

 

[Kai_Mops]

Hmm.. joa.. aber ich weiß jetzt nicht ob es richtig verstanden wurde.. aber die Bilder will ich nicht immer wieder neu einstellen.. sie sollen immer neu vom Internet und Co selbst generiert werden wo sie hinmüssen.. wegen dem Content halt, der sich öfters verändert..

Noch eine Frage..
Gibt es einen Code, der eine Grafik an eine Auflösung anpasst?... Egal ob es sinvoll ist oder nicht?..

 

[BcF]

so kriegst du die Größe des Anzeigebereichs raus, falls dir das hilft:

function fenster() {
  var breite, hoehe;

  if (navigator.appName == "Netscape") {
    breite = innerWidth;
    hoehe = innerHeight;
  } else {
    breite = document.body.offsetWidth;
    hoehe = document.body.offsetHeight;
  }
}

den Rest könnte man dann via CSS machen ( à la "document.getElementById('id').style.height = '100px;';")

aber irgendwie versteh ich nicht so ganz was du meinst

 

[Kai_Mops]

Alsoooo.. ich werde die Geschichte nochmal erklären.. ich linke euch mal dahin:

Musikzug der Freiwilligen Feuerwehr Halvestorf das ist die so genannte Homepage..

Wenn ich jetzt den Content vollschreibe.. geht die Schrift über die Grafik rüber.. das wäre nicht vorteilhaft... Wie kann ich das Problem lösen?..

Gruß

Kai

 

[BcF]

Diese Grafik zeigt alle Blockelemente der Homepage.

#Layer3 (der rote) ist der mit dem Text, mach den schmaler und setz "overflow:auto;", dann dürftest du mit dem Text keine Probleme mehr haben.

Ich hoffe das hilft dir.

EDIT:
Nochwas, du öffnest 9(!!!) <body> Tags und schließt kein einziges.

 

[Kai_Mops]

Wunderbar.. danke.. das ist natürlich auch noch eine gute Lösung.. danke schön :)