28172 sujets

CSS et mise en forme, CSS3

Salut à tous,

Je me suis récemment remis sur wordpress pour aider ma copine à faire son site. Ça a beaucoup changé, j'ai un peu de mal à me retrouver pour les css et tout ça.

En fait, j'essaie d'aligner le menu "inicio, blog... contacto" à droite mais il est bloqué par le plug-in multisite language switcher ! Peu importe si je place la fonction plus haut ou plus bas, les <li> du plug-in se placent toujours après ceux du menu normal !

www.intermundus.net

Code du header :
<div class="topbar_content_left"><?php echo get_theme_mod( 'telnumber_textbox_header_one' ); ?></div>

<?php function my_custom_menu_item( $items, $args ) {
if ( function_exists ( 'the_msls' ) && 'primary' == $args->theme_location ) {
$obj = new MslsOutput;
$arr = $obj->get( 2 );
if ( !empty( $arr ) ) {
$items .= '<li>' . implode( '</li><li>', $arr ) . '</li>';
}
}
return $items;
}
add_filter( 'wp_nav_menu_items', 'my_custom_menu_item', 10, 2 ); ?> 

    <div class="topbar_content_right"><?php get_template_part( 'inc/socmed' ); ?></div>


J'appelle la fonction juste à côté du téléphone et voyez un peu où se retrouvent les drapeaux. Je sollicite votre aide s'il vous plaît. J'ai passé pas mal de temps dans les codes et le css sans trouver la solution.

Merci beaucoup.
Modérateur
Nul besoin du header pour répondre à ta question.
Les deux menus (inicio...contacto et en...it) sont alignés puisqu'ils ne font qu'un :

<ul id="menu-menu" class="menu">
  <li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7"><a href="http://intermundus.net/">Inicio</a></li>
  <li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://www.intermundus.net/blog/">Blog</a></li>
  <li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="http://www.intermundus.net/traducciones/">Traducciones</a></li>
  <li id="menu-item-155" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-155"><a>Cursos</a>
<ul class="sub-menu">
	<li id="menu-item-109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="http://www.intermundus.net/espanol/">Español</a></li>
	<li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="http://www.intermundus.net/ingles/">Inglés</a></li>
	<li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="http://www.intermundus.net/frances/">Francés</a></li>
	<li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="http://www.intermundus.net/italiano/">Italiano</a></li>
</ul>
</li>
  <li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"><a href="http://www.intermundus.net/tarifas/">Tarifas</a></li>
  <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21"><a href="http://www.intermundus.net/contacto/">Contacto</a></li>
  <li><a href="http://www.ingles.intermundus.net" title="English"><img src="http://www.intermundus.net/wp-content/plugins/multisite-language-switcher/flags/us.png" alt="us"></a></li>
  <li><a href="http://www.intermundus.net" title="Español" class="current_language"><img src="http://www.intermundus.net/wp-content/plugins/multisite-language-switcher/flags/es.png" alt="es_ES"></a></li>
  <li><a href="http://www.frances.intermundus.net" title="Français"><img src="http://www.intermundus.net/wp-content/plugins/multisite-language-switcher/flags/fr.png" alt="fr_FR"></a></li><li><a href="http://www.italiano.intermundus.net" title="Italiano"><img src="http://www.intermundus.net/wp-content/plugins/multisite-language-switcher/flags/it.png" alt="it_IT"></a></li>
</ul>

Le plus simple serait de désolidariser les deux menus et de reprendre le placement de chacun d'eux :

<ul id="menu-menu" class="menu">
  <li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7"><a href="http://intermundus.net/">Inicio</a></li>
  <li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://www.intermundus.net/blog/">Blog</a></li>
  <li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="http://www.intermundus.net/traducciones/">Traducciones</a></li>
  <li id="menu-item-155" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-155"><a>Cursos</a>
    <ul class="sub-menu">
	<li id="menu-item-109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="http://www.intermundus.net/espanol/">Español</a></li>
	<li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="http://www.intermundus.net/ingles/">Inglés</a></li>
	<li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="http://www.intermundus.net/frances/">Francés</a></li>
	<li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="http://www.intermundus.net/italiano/">Italiano</a></li>
    </ul>
  </li>
  <li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"><a href="http://www.intermundus.net/tarifas/">Tarifas</a></li>
  <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21"><a href="http://www.intermundus.net/contacto/">Contacto</a></li>
</ul>
<ul class="languages">
  <li><a href="http://www.ingles.intermundus.net" title="English"><img src="http://www.intermundus.net/wp-content/plugins/multisite-language-switcher/flags/us.png" alt="us"></a></li>
  <li><a href="http://www.intermundus.net" title="Español" class="current_language"><img src="http://www.intermundus.net/wp-content/plugins/multisite-language-switcher/flags/es.png" alt="es_ES"></a></li>
  <li><a href="http://www.frances.intermundus.net" title="Français"><img src="http://www.intermundus.net/wp-content/plugins/multisite-language-switcher/flags/fr.png" alt="fr_FR"></a></li>
  <li><a href="http://www.italiano.intermundus.net" title="Italiano"><img src="http://www.intermundus.net/wp-content/plugins/multisite-language-switcher/flags/it.png" alt="it_IT"></a></li>
</ul>

Modifié par jojaba (20 Jul 2014 - 15:17)
Oui j'avais remarqué qu'ils se collaient, c'est pour cela que j'avais copié le code du header. J'ai beau placer le menu li bien avant, à côté du numéro de téléphone en haut, il se place toujours à côté de l'autre menu (comme en succession) et même avec un ul. C'est ça qui me pose problème !