[CSS] Logo in search bar

[usain]

Hallo ik ben totaal geen pro met CSS en PHP maar met veel gegoogle en voorbeelden kom ik toch een aardig eind. Maar nu loop ik compleet vast: ik probeer mijn logo in de searchbar te krijgen. In mijn navigation.php heb ik het logo in de div van de searchbar geplaatst:

code:

<header>
        
        <ul class="logo">
        
            <h1><a href="<?php echo home_url(); ?>"><img src="<?php echo stripslashes($theme_options[$shortname.'_logo']) ; ?>" alt="<?php bloginfo('name'); ?>" /></a></h1>
            <span class="displace"><?php bloginfo('description'); ?></span>
        </ul>
        
        </header>

Toen heb ik de CSS erbij gepakt en het volgende ervan gemaakt:

code:

#searchbar header {     
        position: absolute;
        left: 20px;
        top: 0px;
        z-index: 100;   
    }

Maar nu komt mijn logo nogsteeds niet in de searchbar maar er direct onder, hier mijn site het logo staat links boven maar het zijn witte letters dus je moet het even selecteren als je het wil zien.

Ik hoop dat jullie mij (verder) kunnen helpen. de groeten!

Ps. jullie moeten wel duidelijk zijn in je antwoord want ik ben een totale noob.

[DeEindbaas]

Voeg dit bij je css bestand:

code:

#searchbar header h1 {  
margin : 0  
}

En waarom staat je logo in een ul tag zonder li? Maak daar is een div van?

dus:

code:

<header>
<div class="logo">
<h1><a href="<?php echo home_url(); ?>"><img src="<?php echo stripslashes($theme_options[$shortname.'_logo']) ; ?>" alt="<?php bloginfo('name'); ?>" /></a></h1>
<span class="displace"><?php bloginfo('description'); ?></span>
</div>
</header>

[ Voor 47% gewijzigd door DeEindbaas op 09-01-2012 13:30 ]

[usain]

jij bent officieel een baas!

Ik heb geen idee wat je bedoeld met die laatste zin maar het werkt. misschien wil je het nog uitleggen maar het werkt dus het heeft geen prioriteit.

[usain]

dit is mijn volledige navigation.php, volgens mij staat alles goed als het werkt.

*en dat hoeven we dus niet*

[ Voor 95% gewijzigd door MueR op 09-01-2012 14:34 ]

[DeEindbaas]

Usain,

een ul tag word gebruikt voor een lijst weer te geven dus dat is fout om te gebruiken bij je logo.

Het stukje van:

code:

<ul class="logo">
   <h1><a href="<?php echo home_url(); ?>"><img src="<?php echo stripslashes($theme_options[$shortname.'_logo']) ; ?>" alt="<?php bloginfo('name'); ?>" /></a></h1>
   <span class="displace"><?php bloginfo('description'); ?></span>
</ul>

moet je even veranderen in:

code:

<div class="logo">       
   <h1><a href="<?php echo home_url(); ?>"><img src="<?php echo stripslashes($theme_options[$shortname.'_logo']) ; ?>" alt="<?php bloginfo('name'); ?>" /></a></h1>
   <span class="displace"><?php bloginfo('description'); ?></span>
</div>

[usain]

Oke top!

en sorry MueR, wist niet dat dat niet hoefde.