tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
929
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 07.06.05 14:56 #1
    byoern byoern ist offline Grünschnabel
    Registriert seit
    Feb 2005
    Beiträge
    2
    Hallo,

    ich bin noch neu im Umgang mit CSS und viel HTML-Erfahrung habe ich auch nicht, aber ich hoffe ihr könnt helfen.

    ALSO: Ich möchte zwei unterschiedliche Bilder, einmal oben mit "repeat-x" und einmal links mit "repeat-y" auf einer Seite einbinden, doch bekomme ich es hiermit nicht hin.
    Code :
    1
2
3
4
5
6

    body{
        padding : 0;
        margin : 0;
        background-image : url(images/bg_senk.gif);
        background-repeat :repeat-y;
    }
    auch wenn ich den gleichen Ausdruck nochmal schreibe, es wird immer nur eine Wiederholung angezeigt, aber nie beide Bilder am oberen und linken Rand gleichzeitig.

    Wäre toll, wenn ihr mir den Code geben könntet. Die Seite soll mit CSS gestaltet werden, also ohne Frames, oder Tabellen. Hab schon gegoogelt, aber nichts brauchbares gefunden, was ich verstehen würde.

    Vielen Dank und Grüße
    Björn
     
  2. 07.06.05 15:25 #2
    Avatar von Gottox
    Gottox Gottox ist offline
    Registriert seit
    Jan 2003
    Beiträge
    448
    du kannst leider per CSS nur einen Hintergrund per Element definieren. Workaround wäre ein zweites freischwebendes Element, in das du den 2. Hintergrund setzt.
     
    Ich gebe keine Garantie darauf, dass meine Skripte funktionieren. Das, was ich in Foren poste, ist oft ungetestet. Trotzdem versuche ich nach bestem Wissen zu programmieren und zu erklären.
  3. 07.06.05 15:32 #3
    hpvw hpvw ist offline
    Registriert seit
    Apr 2002
    Ort
    HH
    Beiträge
    3.224
    Hier ein Beispiel für einen solchen Workaround (getestet in IE 6, FF 1, NS 7.1):
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head>
<meta http-equiv="Content-Type"
    content="application/xhtml+xml; charset=UTF-8" />
<title>Test</title>
<style type="text/css" media="screen">
body {
    margin:0;
    padding:0;
    background:#fff url('left.gif') repeat-y;
}
#top {
    margin:0;
    padding:0;
    background:#fff url('top.gif') repeat-x;
    width:100%;
    height:54px;
}
#content {
    margin:-54px 0 0 0;
    padding:0px;
}
</style>
</head>
<body>
<div id="top"></div>
<div id="content">
Top sollte die H&ouml;he vom Hintergrund haben, content das gleiche als negativen margin.
Das kann nat&uuml;rlich entsprechend variert werden, wenn die Hintergundbilder nicht vom Text
&uuml;berdeckt werden sollen.
</div>
</body>
</html>
     
    Warum gibt (fast) keiner im Datenbankforum an, welches DBMS er benutzt?
    Ich gehe im Zweifelsfall ohne Nachfrage von MySQL > 4.1 i.V.m. PHP aus.
    Gewöhnt euch bitte auch an, die Fehlermeldung von mysql_error() zu posten.
  4. 08.06.05 02:59 #4
    byoern byoern ist offline Grünschnabel
    Registriert seit
    Feb 2005
    Beiträge
    2
    Hi,

    @hpvw: danke für die super Antwort! hat genau so geklappt! Habe die Sachen teilweise in die css datei getan, da alle Seiten von mir darauf zugreifen sollen!

    Vielen Dank, und bis bald
    Björn
     
« Festes Layout (auch beim minimieren) | Darstellunsproblem »

Ähnliche Themen

  1. [background-repeat] Parameterübergabe für x und y - Axis bei no-repeat?
    Von Bexx im Forum CSS
    Antworten: 6
    Letzter Beitrag: 12.07.10, 14:15
  2. Hintergrundbilder über zwei div-Bereiche passgenau
    Von NTDY im Forum CSS
    Antworten: 12
    Letzter Beitrag: 01.06.09, 23:06
  3. Background-repeat: no-repeat....aber in html
    Von skaterjordan im Forum HTML & XHTML
    Antworten: 5
    Letzter Beitrag: 04.05.07, 23:39
  4. Hintergrundbild Vertikal=Repeat, Horizontal=no-repeat
    Von Avariel im Forum CSS
    Antworten: 2
    Letzter Beitrag: 14.10.03, 07:29
  5. [CSS] Wie kann ich zwei verschiedene Hintergrundbilder verwenden?
    Von Andreas Gaisbauer im Forum Webmaster FAQ
    Antworten: 0
    Letzter Beitrag: 05.08.03, 15:28