Positionierung Bilder im Header ein img soll nach links und das andere nach rechts

  • hallo zusammen,

    Positionierung Bilder imHeader ein image soll nach links und das andere nach rechts aber in der gleichen line...bisher sind sie untereinander.

    ich bekomme es nicht hin -.-

    ideen?

    DANKE!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • ich seh vor lauter code den wald nicht -.- vielleicht könnt ihr ja etwas sehen was ich natürlich falsch mache oder übersehe! DANKE!

    <body <?php body_class(); ?>>
    <div id="page" class="hfeed">
    <header id="branding" role="banner">
    <hgroup>
    <img src="[COLOR=#20779f]http://www.sneaker-zimmer.de/wp-cont.../10/logo21.jpg[/COLOR]" width:"30" height:"30">
    <div id= "header_icons">

    <img src="[COLOR=#20779f]http://www.sneaker-zimmer.de/wp-cont...0/facebook.png[/COLOR]" width:"30" height:"30">
    <div id= "header_icons">
    <ul>
    <a href="[COLOR=#20779f]http://www.twitter.com[/COLOR]" target="_blank" alt="twitter">
    <img src="[COLOR=#20779f]http://www.sneaker-zimmer.de/wp-cont...0/facebook.png[/COLOR] "width:"30" height:"30">
    <div id= "header_socialicons"></ul>
    </hgroup></div>


    ----------------------------------------------- */
    #header_icons {
    float: right;
    margin-top:30px;
    width:50;
    padding left:0px;
    }
    #header_icons ul {
    height:35px;
    width:50px;
    }
    #header_icons ul li {
    display:inline;
    float: right;
    height: 35px;
    margin:0px;
    padding left:0px;
    }
    #header_icons img {
    float: right;
    height:10px;
    margin:10px;
    padding-left:0px;
    width:50px;
    }
    ----------------------------------------------- */
    #header_socialicons {
    float: right;
    margin-top:10px;
    width:200px;
    padding right:10px;
    }
    #header_socialicons ul {
    height:35px;
    width:200px;
    float:right;
    }
    #header_socialicons ul li {
    display:inline;
    float:right;
    height:50px;
    margin:10px;
    padding left:100px;
    }
    #header_socialicons img {
    float: right;
    height:50px;
    margin:0px;
    padding-right: 20px;
    width:200px;
    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!