Ergebnis 1 bis 4 von 4

Thema: border um 2 divs

  1. #1
    HTML Newbie
    Registriert seit
    25.02.2016
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard border um 2 divs

    Hallo,

    ich habe einen Div Box um den eine Border mit einer Border-radius liegt. Diese Border soll sich über den darin enthalten
    Div mit einem Bild drin legen. der code sieht wie folgt aus:

    HTML-Code:
    <div id="box1">
    <div id="prodBild">
    <img src="Pfad zum Bild" width="100%" height="auto" alt="Produktbild">
    </div>
    <div id="prodText">
    <p>asdfkjlsadkjf</p>
    </div>
    </div>
    Code:
    #box1, #box2, #box3, #box4, #box5, #box6, 
    #box7, #box8, #box9, #prodText, #prodKaufen{
        width: 100%;
        max-width: 600px;
        margin: auto;
    }
    
    
    #box1, #box2, #box3, #box4, #box5, 
    #box6, #box7, #box8, #box9{
        border: 5px solid #234d65;
        border-radius: 10px;
        margin-bottom: 4%;
    }
    
    #prodText{
        padding: 2%;
        background-color: #fcfcfb;
    }
    Über Hilfe bin ich sehr dankbar
    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 !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: border um 2 divs

    gib dem bild doch auch nen border-radius
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: border um 2 divs

    Ersatz für DIV
    Code:
    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Border-Radius</title>
    <style>
    
    .box{
     width: 100%;
     max-width: 600px;
     margin: auto;
     border: 5px solid #234d65;
     border-radius: 10px;
     padding:0;
     background:#fff;
    }
    
    .box img {
     width:100%;
     border-radius:5px 5px 0 0;
    }
    
    .box figcaption {
     padding:10px;
    }
    </style>
    </head>
    <body>
     <figure class="box">
       <img src="bild1.png" width="500" height="281" alt="bild1">
       <figcaption>Bilsbeschreibung</figcaption>
      </figure>
    
    </body>
    </html>

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    25.02.2016
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: border um 2 divs

    Perfekt! Das ist so simpel darauf wäre ich im Leben nie gekommen

Ähnliche Themen

  1. CSS Border
    Von adrenalin_tWINs im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 30.01.2014, 19:20
  2. -khtml-border-radius / -webkit-border-radius
    Von Dommix im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 07.11.2009, 19:07
  3. 2 Border
    Von Roland Rafael Repczuk im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 29.03.2009, 14:29
  4. Border des DIVs wird falsch angezeigt
    Von martinfre im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.07.2008, 19:14
  5. Border nur um <th> möglich?
    Von im Forum HTML & CSS Forum
    Antworten: 19
    Letzter Beitrag: 04.03.2008, 22:00

Stichworte

Berechtigungen

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