kostenloser Webspace werbefrei: lima-city


2 divs in eine Spalte

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    w***********s

    Ich will mir einen kleinen Blog machen. Links oben soll der Titel tag/stehen">stehen und rechts das Datum und die Uhrzeit.

    Nur wenn ich den Code benutze, der unten steht, steht das Datum und die Uhrzeit eine Zeile tiefer. Wie kann man den zeilenumbruch verhintern?

    <div id="blogtitelleiste">
                             <div id="blogtitel">
                             <b>test</b>
                             </div>
                             <div id="blogdatum">
                             <b>30.04.2010 // 13:30 Uhr</b>
                             </div>
                         </div>


    #blogtitelleiste {
    
         background-image: url(blogtitel.png);
         background-repeat: repeat-x;
         border: solid 0px;
         margin: 0px 0px 0px 0px;
         width: 500px;
         height: 25px;
         border: solid 0px;
    }
    
    #blogtitel {
    
         border: solid 0px;
         margin: 2px 0px 0px 10px;
         width: 310px;
         height: 25px;
    
    }
    
    #blogtitel h1 {
    
         font-size: 20px;
         text-align: right;
         color: #00CD00;
         font-family: Arial;
    
    }
    
    #blogdatum {
    
         border: solid 0px;
         margin: 2px 0px 0px 320px;
         width: 180px;
         height: 25px;
    }
    
    #blogdatum h1 {
    
         font-size: 20px;
         text-align: right;
         color: #00CD00;
         font-family: Arial;
    
    }


    So sieht es aus: http://website-of-as.lima-city.de/test/style/blog2.php

    Sry hab überschrift falsch gemacht. Sollte zeile heißen und nicht Spalte

    Beitrag zuletzt geändert: 19.6.2010 21:27:09 von website-of-as
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Entweder verwendest du beim hauptitle also wo beides steht
    display:line;
    (nicht empfehlenswert) oder du machst bei dem title div
    float:left;
    und beim datum
    float:right;


    Hoffe es geht (-;
  4. Autor dieses Themas

    w***********s

    Geht leider alles nicht.
  5. webtestserver

    webtestserver hat kostenlosen Webspace.

    Hallo,

    du musst den beiden divs (id=blocktitel, id=blockdatum) float left geben und danach vor dem schließenden tag des id="blogtitelleiste div´s
    <br clear="all" /> einfügen, dann sollte es so angezeigt werden wie du es gerne hättest.

    Lg
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!