Ergebnis 1 bis 4 von 4

Thema: Falsch gecleart?

  1. #1
    Meister(in)
    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard Falsch gecleart?

    Hallo,

    wieso befindet sich das Bild nicht auf der rechten Seite, neben dem Text?

    http://danielsfotos.com/about

    Code:
    @charset "UTF-8";
    /* CSS danielsfotos.com About */
    
    * {
        margin: 0;
        padding: 0;
        }
        
    /* ABOUT ME TEXTFELD */
    
    div#aboutme {
        width: 200px;
        height: auto;
        margin: 0 auto;
        float: left;
        }
        
    div#aboutme .trennlinie {
        background: url(../images/trennlinie_600px.png);
        width: 200px;
        height: 2px;
        margin: 5px auto;
        }
        
    div#selbstporträt {
        width: 360px;
        height: 445px;
        margin: 0 auto;
        float: right;
        }
    INDEX CSS

    Code:
    @charset "UTF-8";
    /* CSS danielsfotos.com */
    
    * {
        margin: 0;
        padding: 0;
        }
    
    body {
        background: #333 url(../images/background.png) top left repeat;
        color: white;
        }
        
    /* CONTAINER */
    
    div#container {
        width: 600px;
        height: auto;
        margin: 100px auto auto auto;
        }    
        
    /* NAVIGATION TOP */
    
    div#navigation {
        width: 600px;
        height: 50px;
        margin: 0;
        background: url(../images/navigation_background.png) no-repeat;
        font: "Myriad Pro", Arial, sans-serif;
        font-size: 25px;
        }
        
    div#navigation ul {
        list-style-type: none;
        }
        
    div#navigation li {
        float: left;
        line-height: 50px;
        text-align: center;
        width: 100px;
        padding: 0;
        margin: 0;
        }
    
    div#navigation a {
        width: 100px;
        display: block;
        background: transparent;
        text-decoration: none;
        color: white;
        }    
    
    div#navigation a:hover {
        background: transparent;
        color: #CCC;
        text-decoration: none;
        }
    
    /* HEADER */
    
    div#header {
        width: 600px;
        height: 150px;
        background: url(../images/header/header_1.jpg) no-repeat;
        margin: 0 auto 0 auto;
        }
        
    /* HEADER BACKGROUND INFINITY */
    
    div#headerwide {
        background: url(../images/header.png);
        height: 150px;
        width: 100%;
        }
    
    /* CONTENT */
    
    div#content {
        width: 560px;
        height: auto;
        margin: 0 auto 0 auto;
        padding: 20px;
        background: url(../images/content_background.png) repeat-y;
        }
    
    /* IMAGE OF THE DAY */
    
    div#imageoftheday {
        width: 140px;
        height: 200px;
        float: left;
        }
        
    /* IMAGE OF THE DAY PHOTO */
    
    div#imageofthedayphoto {
        width: 400px;
        height: 200px;
        float: right;
        }
        
    /* FOLLOW ME */
    
    div#followme {
        width: 140px;
        height: 120px;
        float: left;
        }
        
    div#facebook {
        width: 400px;
        height: 85px;
        float: right;
        }
        
    /* Trennlinie */
    
    div#trennlinie {
        width: 560px;
        height: 2px;
        margin: 10px auto;
        }
    
    /* FOOTER TRENNLINIE */
    
    div#trennliniefooter {
        width: 600px;
        height: 1px;
        background: url(../images/footer_trennlinie.png) top;
        }
    
    /* FOOTER */
    
    div#footer {
        background: url(../images/content_background.png) repeat-y;
        width: 600px;
        height: 25px;
        margin: 0 auto 25px auto;
        }
        
    /* NAVIGATION FOOTER */
    
    div#navifooter {
        width: 600px;
        height: 25px;
        line-height: 25px;
        }
        
    div#navifooter ul {
        list-style-type: none;
        }
        
    div#navifooter li {
        float: right;
        margin: 0;
        padding: 0 20px 0 5px;
        }
        
    div#navifooter a {
        color: white;
        font-size: 10px;
        text-decoration: none;
        }
        
    div#navifooter a:hover {
        color: #CCC;
        font-size: 10px;
        text-decoration: none;
        }
    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
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Falsch gecleart?

    Mit Clearen aht das wenig zu tun. Gib beiden ein Float: right; und ans ende ein <br style="clear:both;">. Auch solltest du beachten, dass die Beiden elemente von der deinierten Breite her auch ins elternelement apssen, sonst sind sie untereinander.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Falsch gecleart?

    Danke das hat funktionier!
    Wenn ich ihnen beiden einen float right geben würde, dann würde der Text auf die rechte Seite springen, ich denke, dass ich dann mit dem Bild anfangen muss, richtig?

    MfG

  4. #4
    Unregistriert
    Gast

    Standard AW: Falsch gecleart?

    Zitat Zitat von Billbos Beitrag anzeigen
    richtig?
    Ausprobieren, dann weißt du es.

Ähnliche Themen

  1. falsch gecleart?
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 06.06.2009, 17:24
  2. Was ist falsch?
    Von ludgerf321 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 11.01.2009, 18:29
  3. Was ist falsch
    Von JJAANN im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 04.03.2008, 20:34
  4. was ist da falsch ?
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 24.09.2007, 17:59
  5. Was ist da falsch?
    Von Skydaphir im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 26.05.2006, 20:33

Stichworte

Berechtigungen

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