Friedebarth: Zwei Hintergründe, einer als "Rand" und dann noch ein float-Menü

  
BODY {  
 color: #F5FFFA;  
 background-color: Black;  
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
 font-size: medium;  
 text-align: justify;  
 margin: 2cm;  
 cursor: crosshair;  
}  
  
A {  
 color: Red;  
 text-decoration: none;  
}  
  
A:HOVER {  
 color: #F5FFFA;  
 text-decoration: underline;  
 cursor: pointer;  
}  

Hallo liebe Leute,

Oben seht ihr, wie weit ich gekommen bin. Was ich genau will, ist ein schwarzer Block, auf dem der Text steht, und darum herum ein Sternenhintergrund. Dann möchte ich noch so eine schicke Sidebar, die "mit einem mitscrollt. (Okay, das ist zwar jetzt HTML aber ich denke ich muss jetzt nicht noch ein extra Thema eröffnen, oder?) Es wäre nett, wenn mir jemand weiterhelfen könnte.

Liebe Grüße,

Friedebarth

  1. Grüße,

    Oben seht ihr, wie weit ich gekommen bin. Was ich genau will, ist ein schwarzer Block, auf dem der Text steht, und darum herum ein Sternenhintergrund.

    <p> im <div>. <p> schwar, <div> sternenhintergrund, padding enstcheidet über die breite.

    Dann möchte ich noch so eine schicke Sidebar, die "mit einem mitscrollt. (Okay, das ist zwar jetzt HTML aber ich denke ich muss jetzt nicht noch ein extra Thema eröffnen, oder?) Es wäre nett, wenn mir jemand weiterhelfen könnte.

    für nicht ie - position:fixed;
    für ie darfst du exressions quälen.

    MFG
    bleicher

    --
    __________________________-
    Die versprechen ernsthaft werbefreien hosting?
    1. Danke für die Antwort, aber:

      <p> im <div>. <p> schwarz, <div> sternenhintergrund, padding enstcheidet über die breite.

      Sorry, das ist doch HTML und kein CSS, oder?

      für nicht ie - position:fixed;

      position:fixed in welchem Element? Doch nicht Body, oder?

      Grüße,
      Friedebarth

      1. Grüße,

        <p> im <div>. <p> schwarz, <div> sternenhintergrund, padding enstcheidet über die breite.
        Sorry, das ist doch HTML und kein CSS, oder?

        combo - aber du kannst nicht ohne weiteres einen textblock mit 2 hintergründen haben.es müssen 2 verschachtelte elemente sein.

        für nicht ie - position:fixed;
        position:fixed in welchem Element? Doch nicht Body, oder?

        und was woltlest du fixieren? sidebar oder body?
        MFG
        bleicher

        --
        __________________________-
        Die versprechen ernsthaft werbefreien hosting?
        1. Hallo nochmal

          Grüße,

          <p> im <div>. <p> schwarz, <div> sternenhintergrund, padding enstcheidet über die breite.
          Sorry, das ist doch HTML und kein CSS, oder?

          combo - aber du kannst nicht ohne weiteres einen textblock mit 2 hintergründen haben.es müssen 2 verschachtelte elemente sein.

          Schon klar. Das heißt ich mache im CSS

            
          BODY {  
           color: #F5FFFA;  
           background-image: sterne.jpg;  
           padding: 2cm  
           font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
           font-size: medium;  
           text-align: justify;  
           cursor: crosshair;  
          }  
            
          A {  
           color: Red;  
           text-decoration: none;  
          }  
            
          A:HOVER {  
           color: #F5FFFA;  
           text-decoration: underline;  
           cursor: pointer;  
          }  
            
          P {  
           background-color: #000000  
           color: #FFFFFF  
          }  
          
          

          Und dann im HTML:

            
          <body>  
          <p>Lorem ipsum, dolor sit amet consectetur sadipisci velit.</p>  
          </body>  
          
          

          für nicht ie - position:fixed;
          position:fixed in welchem Element? Doch nicht Body, oder?

          und was wollest du fixieren? sidebar oder body?

          Sidebar. Aha, das heißt ich muss dann im CSS:

            
          SIDEBAR {  
           position:fixed  
          }  
          
          

          Und im HTML:

            
          <body>  
          <div class="sidebar"><img url="/button1.png"><img url="/button2.png"><img url="/button3.png"></div>  
          <p>Inhalt</p>  
          </body>  
          
          

          Sorry dass ich immer so blöd frage, aber ich bin gerade erst von WYSIWMILB (What You See Is What Makes It Look Bad) umgestiegen, habe jetzt mittelmäßige HTML-Kenntnisse und nahezu keine CSS. Aber ist halt notwendig.

          Liebe Grüße,

          friedebarth

          1. Grüße,

            KLEIN
            KLEIN
            KLEIN
            KLEIN
            schreiben!

            das ist mein ernst - mit hoher wahrscheinlichkeit kann es passieren dass dein stylesheet ignoriert wird wenn die tags klein und css großgeschrieben ist - casesensetive etc. und großgeschriebene tagss sind nicht witzig.- vermeide die unnötigen fehlerquellen - schreib KLEIN!

            übrigens - classen werden mit punkt-classenname eingeleitet also zB

            .sidebar {
            }

            scho mal hier http://de.selfhtml.org/css/index.htm gelesen?

            MFG
            bleicher

            --
            __________________________-
            Die versprechen ernsthaft werbefreien hosting?
            1. Grüße,

              KLEIN
              KLEIN
              KLEIN
              KLEIN
              schreiben!

              das ist mein ernst - mit hoher wahrscheinlichkeit kann es passieren dass dein stylesheet ignoriert wird wenn die tags klein und css großgeschrieben ist - casesensetive etc. und großgeschriebene tagss sind nicht witzig.- vermeide die unnötigen fehlerquellen - schreib KLEIN!

              übrigens - classen werden mit punkt-classenname eingeleitet also zB

              .sidebar {
              }

              scho mal hier http://de.selfhtml.org/css/index.htm gelesen?

              MFG
              bleicher

              Okay. Danke!

      2. Hallöle!

        <p> im <div>. <p> schwarz, <div> sternenhintergrund, padding enstcheidet über die breite.
        Sorry, das ist doch HTML und kein CSS, oder?

        Sicher, du brauchst ja erstmal HTML, damit du CSS benutzen kannst. Er beschreibt damit genau das, was du haben willst:

        Einen schwarzen Block, in dem der Text steht (das <p>)
        mit einem Sternenhintergrund drumherhum (das <div> außenrum)

        Mit padding (da simmer dann schon wieder bei CSS) bestimmst du, wie breit der Sternenhintergrund außenrum sein soll, außerdem bestimmst du die Hintergrundfarbe für das <p> und die Hintergrundgrafik für das <div> ebenfalls per CSS.

        Und so, wie ich bleicher kenne, geht er davon aus, dass du dir jetzt mindestens denken kannst, was du CSS-seitig machen mußt, um da hinzukommen, wo du hin willst. Mehr gibt's hier sowieso nicht[1].

        für nicht ie - position:fixed;
        position:fixed in welchem Element? Doch nicht Body, oder?

        Ich schlage das <div> vor, das ja das <p> mit dem Text umschließt. Was meinst du?

        File Griese,

        Stonie

        [1]Wegen SELF, is' klaa, näch? ;o)

        --
        It's no good you trying to sit on the fence
        And hope that the trouble will pass
        'Cause sitting on fences can make you a pain in the ass.
        Und im Übrigen kennt auch Stonie Wayne.