Ergebnis 1 bis 2 von 2

Thema: Frage zu CSS

  1. #1
    Acendro
    Gast

    Standard Frage zu CSS

    Hallo, hier mien Code


    <style type="text/css">
    #shadow_header
    {
    border:2px solid #bbbbbb;
    -moz-border-radius:35px;
    background-color:#bbbbbb;
    left:150px;top:50px;
    width:700px;
    height:100px;
    margin:10px 0px 0px 10px;
    z-index:2;
    }
    #shadow_menue
    {
    border:2px solid #bbbbbb;
    -moz-border-radius:35px;
    background-color:#bbbbbb;
    left:35px;top:120px;
    width:140px;
    height:500px;
    margin:10px 0px 0px 10px;
    z-index:1;
    }
    #shadow_content
    {
    border:2px solid #bbbbbb;
    -moz-border-radius:35px;
    background-color:#bbbbbb;
    left:260px;top:200px;
    width:500px;
    height:500px;
    margin:10px 0px 0px 10px;
    }
    header
    {
    font-size:12px;font-family:Verdana;
    position:absolute;width:700px;height:100px;
    background-color:#efefef;
    }
    .header1
    {
    border:2px solid #aaaaaa;
    left:150px;top:50px;
    -moz-border-radius:35px;
    z-index:3;
    }
    div
    {
    font-size:12px;font-family:Verdana;
    position:absolute;width:150px;height:500px;
    background-color:#efefef;
    }
    .div1
    {
    border:2px solid #aaaaaa;
    left:25px;top:120px;
    -moz-border-radius:35px;
    z-index:1;
    }
    content
    {
    font-size:12px;font-family:Verdana;
    position:absolute;width:500px;height:500px;
    background-color:#efefef;
    }
    .content1
    {
    border:2px solid #aaaaaa;
    left:260px;top:200px;
    -moz-border-radius:35px;
    }
    </style>
    <title>Rahmen mit abgerundeten Ecken</title>
    </head>
    <div id="shadow_header"></div>
    <div id="shadow_menue"></div>
    <div id="shadow_content"></div>
    <header class="header1">Header</div>
    <div class="div1">Menü</div>
    <content class="content1">Content</div>

    Jetzt möchte ich ein Backround image für den header einbauen... Tue ich dies über

    background-image:url('back.jpg');
    background-repeat: repeat;
    background-moz-border-radius:35px;
    Geht das image aber über den Rand.
    Das Probelm ist also das Hintergrundbild auch, wie das Menü, rund zu bekommen.
    Weiß wer wie ich das hinbekomme?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    background-moz-border-radius&#58;35px;
    "Runde Ecken" können die wenigsten Browser, siehe
    hier.
    Versuch deshalb vielleicht über ein Bildbearbeitungsprogramm die Ecken des Hintergrundbildes abzurunden.

Ähnliche Themen

  1. Frage zu NVU
    Von Roland Rafael Repczuk im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 25.02.2008, 20:37
  2. Frage zu IE 7.0
    Von Halethra im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 25.08.2007, 20:40
  3. Frage zu FTP
    Von Gast im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 03.03.2006, 09:24
  4. Frage zu bewegten Fotos?! Frage zu graf. Menueleiste/Buttons
    Von Bianca im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 17
    Letzter Beitrag: 08.02.2006, 12:26

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •