Ergebnis 1 bis 3 von 3

Thema: Objekte haben nicht den gleichen Anstand

  1. #1
    Youngster
    Registriert seit
    27.08.2008
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Objekte haben nicht den gleichen Anstand

    Hi,
    ich brauch mal wieder eure Hilfe
    Ich bin gerade dabei eine Seite ohne Tabellen und xhtml konform zu machen.
    Wie auch immer...

    Hier ist mein Problem:
    Alle Objekte sollten hier von oben den gleichen Abstand haben. Aus irgendeinem Grund schaff ich das aber leider nicht.

    Kann mit hier bitte jemand helfen? Bin schon ganz verzweifelt

    PS: Falls Die Testseite die ich oben verlinkt habe aus irgendeienm Grund offline sein sollte, hier nochmal alles in Code-Tags:

    HTML Code:
    HTML-Code:
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
         "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
    <link rel="stylesheet" type="text/css" href="design.css" title="Default CSS" />
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <title>1</title>
    </head>
    <body>
    
    <a href="#" class="noteblockleft">&nbsp;</a>
    
    <div class="noteblock1">
    	<p class="nb_brand">Lorem ipsum</p>
    	<p class="nb_image"><img src="" alt="Lorem ipsum" /></p>
    	<p class="nb_info">Lorem ipsum</p>
    	<p class="nb_price">Lorem ipsum</p>
    	<input type="checkbox" name="" class="nb_checkbox" /> Lorem
    </div>
    
    <a href="#" class="noteblock0">&nbsp;</a>
    <a href="#" class="noteblock0">&nbsp;</a>
    <a href="#" class="noteblock0">&nbsp;</a>
    <a href="#" class="noteblock0">&nbsp;</a>
    
    <a href="#" class="noteblockright">&nbsp;</a>
    
    </body>
    </html>
    CSS Code:
    Code:
    body {
     font-family:tahoma, arial, helvetica, sans-serif;
     font-size:10pt;
     color:#505050;
    }
    
    a {
     text-decoration:none;
    }
    
    p, div {
     margin:0;
    }
    
    .noteblockleft, .noteblockright, .noteblock0, .noteblock1 {
     margin:4pt 2pt 4pt 0;
     background-repeat:no-repeat;
     height:197px;
     display:inline-block;
     text-align:left;
    }
    
    .noteblockleft {
     width:47px;
     background-image:url(l.png);
    }
    
    .noteblockright {
     background-image:url(r.png);
     width:47px;
    }
    
    .noteblock0 {
     background-image:url(bg0.png);
     width:135px;
    }
    
    .noteblock1 {
     background-image:url(bg1.png);
     width:135px;
    }
    
    .nb_brand {
     margin:4px 0 0 4px;
     padding:0 0 0 4px;
     border:1px solid #cfcfcf;
     background-color:#ffffff;
     width:120px;
     line-height:25px;
    }
    
    .nb_image img {
     margin:3px 0 3px 4px;
     border:1px solid #cfcfcf;
     background-color:#ffffff;
     width:124px;
     height:75px;
    }
    
    .nb_info {
     background-image:url(icon.png);
     background-position:4px 5px;
     background-repeat:no-repeat;
     margin:0 0 0 4px;
     padding:0 0 0 22px;
     border:1px solid #cfcfcf;
     background-color:#ffffff;
     width:102px;
     line-height:25px;
    }
    
    .nb_price {
     background-image:url(icon.png);
     background-position:4px 5px;
     background-repeat:no-repeat;
     margin:3px 0 3px 4px;
     padding:0 0 0 22px;
     border:1px solid #cfcfcf;
     background-color:#ffffff;
     width:102px;
     line-height:25px;
    }
    
    .nb_checkbox {
     margin:0 0 0 4px;
     border:1px solid #cfcfcf;
     background-color:#ffffff;
     width:16px;
     height:16px;
    }
    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 AW: Objekte haben nicht den gleichen Anstand

    Damit sich Block-Elemente nebeneinander anordnen musst du sie "floaten".
    Weise .notebookleft und .notebook1 noch ein
    Code:
    float: left;
    zu, dann sollte es klappen.

    Siehe
    http://www.css-technik.de/css-examples/219_9/

    http://www.ohne-css.gehts-gar.net/0051.php

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    27.08.2008
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Objekte haben nicht den gleichen Anstand

    Ja hat funktioniert. Danke!

Ähnliche Themen

  1. Objekte im IE 6 nicht anzeigen
    Von Roland Rafael Repczuk im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 29.03.2009, 13:48
  2. Man kann nicht alles haben :D
    Von Sleeme im Forum Das Forum für Spiele, Fun & Jokes
    Antworten: 3
    Letzter Beitrag: 13.11.2005, 03:25
  3. Objekte ein- und ausblenden! Komme nicht weiter
    Von Harry H im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 15.09.2005, 17:14
  4. "Sie haben nicht die erforderliche Berechtigung....&quo
    Von not-a-pretty-girl im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.05.2005, 11:05
  5. Links im gleichen ordner
    Von HoLo im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 12.09.2004, 22:35

Stichworte

Berechtigungen

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