Aligner un champ avec du texte

Statut : non résolu

Ce sujet contient 1 réponse, 1 participant et a été mis à jour pour la dernière fois par kamoule, le il y a 15 années et 8 mois.

2 sujets de 1 à 2 (sur un total de 2)

Auteur

Messages
20 janvier 2009 à 13 h 41 min #466520
kamoule
Membre

Initié WordPress
35 contributions
Bonjour,

Ma configuration WP actuelle :
– Version de WordPress : 2.6.3
– Thème utilisé : structure
– Plugins en place : Akismet, qTranslate, Advanced Search, cforms, flickrRSS, MailPress, WP-PostRatings
– Nom de l’hebergeur : 1&1
– Adresse du site : http://www.femise.kamoule.fr

Problème(s) rencontré(s) :

Bonjour à tous,

Je rencontre un léger souci sur une maquette à réaliser, l’adresse est la suivante : http://www.femise.kamoule.fr

Je souhaiterais aligner le champ de recherche dans le menu avec un simple texte (recherche avancée) et malgré avoir bricolé le css concerné dans tous les sens, je n’y arrive pas.

Ci dessous le code de mon menu :
```
<div id="nav2" class="clearfloat">

<ul>
    <li><a href="http://www.femise.kamoule.fr/a-propos-2/" title="A propos">A propos</a></li>
        <?php wp_list_categories('orderby=name&title_li=&exclude=6,9,8,7');
            $this_category = get_category($cat);
                if (get_category_children($this_category->cat_ID) != «  ») {
                    echo « <ul>« ;
                    wp_list_categories(‘orderby=id&show_count=0&title_li=&use_desc_for_title=1&child_of=’.$this_category->cat_ID);
                    echo « </ul>« ;
                }
        ?>		
                
                
    <div id='search'>
    <form method="get" id="searchform" action=" <?php get_bloginfo("home");?>« >
        <div>
            <input class="search" type="text" name="s" id="s" tabindex="7" value="Search this site..." onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue;" />
            <input class="search-submit" name="submit" type="submit" id="search-submit" tabindex="8" value="<?php the_search_query(); ?> » />
            <a href="http://www.femise.kamoule.fr/recherche-avancee/">Rech. avancée</a>
        </div>
    </form>
    </div>
   
    
</ul>
</div>
```
et voici le bout de css concerné
```
/************************************************
	Search form (navigation)
************************************************/
#search form { 
float: right; 
padding: 2px 2px 2px 2px;
}

#search form a { 
float: right; 
font-size:9px;
}
#search input#s {
width: 200px;
padding: 1px;
margin: 2px 0;
color: #333;
background: #f7f7f7;
border: 1px solid #333;
}
#search input#search-submit {
	display:none;
}
```
J’avoue je suis pas très copain avec le CSS, j’ai essayé de jouer avec les valeurs de margin et padding, display block et inline, mais sans succès. Vous avez une idée ?
20 janvier 2009 à 15 h 52 min #658240

kamoule
Membre

Initié WordPress
35 contributions

J’avance un peu : http://www.femise.kamoule.fr/

La position du bloc recherche avancée n’est pas encore la bonne mais j’arrive à changer la mise en page du texte, je bloque pour positionner tout ça sur une seule ligne
Auteur

Messages