tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
588
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    folio folio ist offline Mitglied Gold
    Registriert seit
    Jun 2004
    Beiträge
    189
    Hi,

    die beiden Elemente "Sonderangebot" (der Kasten mit dem Verlauf und den gezackten Ecken) und die Ebene wo der Preis drinsteht sollen untereinander stehen, das Element "Sonderangebot" oben.

    http://img297.imageshack.us/img297/4...nierung6mk.png

    Der Quelltext sieht so aus:

    Code :
    1
    
    <div id="sonderbild"></div><div class="sonder"><s>113.12EUR</s> <span class="productSpecialPrice">17.79EUR</span></div>

    Das CSS so:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    
    .preis {
        background-color: #A6D3E6;
        border-bottom: 4px solid #469DC3;
        font-weight: bold;
        font-size: 105%;
        width: 150px;
        padding: 5px;
        float: right;
    }
     
    .sonder {
        background-color: #FF9898;
        border-bottom: 4px solid #D40000;
        font-weight: bold;
        font-size: 110%;
        width: 150px;
        padding: 5px;
        float: right;
        color: #fff;
    }

    Kann mir einer helfen?

    gruß folio
     

  2. #2
    Maik Tutorials.de Gastzugang
    Ich hoffe, dein Anliegen richtig verstanden zu haben.

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    
    div#sonderbild
    {
    float: right;
    }
     
    div.clear
    {
    clear: both;
    }
     
    .preis {
            background-color: #A6D3E6;
            border-bottom: 4px solid #469DC3;
            font-weight: bold;
            font-size: 105%;
            width: 150px;
            padding: 5px;
            float: right;
    }
     
    .sonder {
            background-color: #FF9898;
            border-bottom: 4px solid #D40000;
            font-weight: bold;
            font-size: 110%;
            width: 150px;
            padding: 5px;
            float: right;
            color: #fff;
    }
    HTML-Code:
    <div id="sonderbild">Sonderbild</div>
    
    <div class="clear"></div>
    
    <div class="sonder"><s>113.12EUR</s>
         <span class="productSpecialPrice">17.79EUR</span>
    </div>
     

  3. #3
    folio folio ist offline Mitglied Gold
    Registriert seit
    Jun 2004
    Beiträge
    189
    danke


    asdf
     

Ähnliche Themen

  1. Bilder untereinander sollen aber nebeneinander
    Von Vera- im Forum HTML & XHTML
    Antworten: 8
    Letzter Beitrag: 04.08.10, 16:40
  2. Antworten: 3
    Letzter Beitrag: 17.03.10, 18:30
  3. Antworten: 4
    Letzter Beitrag: 09.11.05, 22:21
  4. Menü nicht untereinander sondern nebeneinander...
    Von DejanB im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 16.07.04, 16:37
  5. Antworten: 3
    Letzter Beitrag: 10.03.02, 19:07