Anzeige

gestreifter seitenrand

gestreifter seitenrand | PSD-Tutorials.de

Erstellt von ghost90, 17.07.2008.

  1. ghost90

    ghost90 Noch nicht viel geschrieben

    Dabei seit:
    21.06.2008
    Beiträge:
    29
    Geschlecht:
    männlich
    gestreifter seitenrand
    #1      
  2. Oehmy

    Oehmy Nicht mehr ganz neu hier

    Dabei seit:
    14.01.2008
    Beiträge:
    205
    Geschlecht:
    männlich
    gestreifter seitenrand
    #2      
  3. sandvroni

    sandvroni kreative wahnsinnige

    Dabei seit:
    21.11.2007
    Beiträge:
    73
    Geschlecht:
    weiblich
    Ort:
    wien
    Software:
    photoshop cs2, illustrator, flash
    Kameratyp:
    olympus om10
    gestreifter seitenrand
    AW: gestreifter seitenrand

    genau und dann im css:
    body
    {
    background-image: url(bilder/background.jpg);
    background-repeat: repeat;
    z-index:0;
    }
     
    #3      
  4. mysxwa

    mysxwa Guest

    gestreifter seitenrand
    AW: gestreifter seitenrand

    Hallo.

    Du wolltest ja einen Rand machen - also so zu sagen eine Border um einen Container.

    Wie wärs wenn du z.B. ein Hintergrundbild ("bg.png") nimmst wie auf der von die angegeben Webseite und dann dieses dann als Hintergrund in einem Container benutzt und in einen anderen anderen deinen Text schreibst.

    In den Head deiner Datei oder in deine style.css-Datei schreibst du den CSS-Text:
    HTML:
    1.  
    2.     #main {
    3.         background-image: url(./images/bg.png);
    4.         padding: 10px;
    5.     }
    6.    
    7.     #text {
    8.         background-color: #ffffff;
    9.     }
    10.  
    Und in den Body schreibst du:
    HTML:
    1.  
    2. <div id="main">
    3.     <div id="text">text text text text text text text text text text text text text text text text text text</div>
    4. </div>
    5.  
    Du hast nun allso einen Rand, der 10px breit ist und der Texthintergrund ist weiß.
    Probiers mal aus.

    Bei Fragen einfach melden.

    MfG Hans
     
    #4      
Seobility SEO Tool
x
×
×