Déplacer search

Fermé

i-ve-a-problem Messages postés 7 Date d'inscription mercredi 6 novembre 2013 Statut Membre Dernière intervention 25 mars 2016 - 19 mai 2014 à 19:04
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 19 mai 2014 à 19:42

Bonjour,

Dans le cadre de mon cours d'informatique, je dois créer un site Internet. Je me heurte depuis bien des heures au problème suivant:
Je veux déplacer mon "recherche" plus haut dans le header. Comme difficulté supplémentaire, elle doit pouvoir bouger et se mettre à côté de l'image sans pour autant déplacer cette dernière (si cela vous aide à visualiser: http://www.recycledfashion.isproject.ch/ )

J'utilise le thème "Shopping", je retrouve cette barre un peu partout dans le CSS:

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}

[box sizing]
*,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.search-form input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
display: none;
}

.widget_search input.search-field {
width: 100%;
}

Et je dispose aussi de deux php:

Omega: Search Results (search.php)

<?php
/**
* The template for displaying Search Results pages.
*
* @package Omega
*/

get_header(); ?>

<main class="<?php echo omega_apply_atomic( 'main_class', 'content' );?>" <?php omega_attr( 'content' ); ?>>

<?php do_action( 'omega_before_content' ); ?>

<?php do_action( 'omega_content' ); ?>

<?php do_action( 'omega_after_content' ); ?>

</main>

<?php get_footer(); ?>

------------------------------------------------------
Omea: Search Form (searchform.php)

<?php
/**
* The template for displaying search forms in Omega
*
* @package Omega
*/
?>
<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">

<input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search ...', 'placeholder', 'omega' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s" title="<?php _ex( 'Search for:', 'label', 'omega' ); ?>">

<input type="submit" class="search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'omega' ); ?>">
</form>

<div class="<?php echo omega_apply_atomic( 'site_container_class', 'site-container' );?>">

<?php
do_action( 'omega_before_header' );
do_action( 'omega_header' );
do_action( 'omega_after_header' );
?>

<div class="site-inner">
<?php do_action( 'omega_before_main' ); ?>

Et enfin, le php du header qui semble appeler la recherche:
Omea: Header (header.php)
<!DOCTYPE html>
<html <?php language_attributes( 'html' ); ?>>
<head>
<?php wp_head(); // Hook required for scripts, styles, and other <head> items. ?>
</head>

<body <?php body_class(); ?> <?php omega_attr( 'body' ); ?>>

<a href="http://recycledfashion.isproject.ch/"><img class="alignleft size-full wp-image-165" src="http://recycledfashion.isproject.ch/wp-content/uploads/2014/05/Header-JPEG.jpg" alt="Header" width="1000" height="600"></a>
<ul class="headerlinks">
<br>
<b>
<?php wp_register(); ?>
<?php wp_loginout(); ?>
</b>
</br>
</ul>

<?php do_action( 'omega_before' ); ?>

<div class="<?php echo omega_apply_atomic( 'site_container_class', 'site-container' );?>">
<?php
do_action( 'omega_before_header' );
do_action( 'omega_header' ); cette ligne interpelle la recherche, mais en la supprimant, tout devient vert au-dessus du menu...
do_action( 'omega_after_header' );
?>
<div class="site-inner">

Communauté commentcamarche.net je m'en remets à vous! En espérant qu'une âme charitable pourra m'aider, je vous souhaite une bonne soirée!

A voir également:

Déplacer search
Déplacer une colonne excel - Guide
Www.google.com search video - Télécharger - TV & Vidéo
Déplacer la barre des taches windows 11 - Guide
Search tool ip camera download - Télécharger - Web & Internet
Music search mp3 - Télécharger - Conversion & Extraction

1 réponse

Réponse 1 / 1

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 325
Modifié par elgazar le 19/05/2014 à 19:42

ajoute un z-index:10; a la div contenant la case recherche pour qu'elle passe par dessus l'image et modifie le reste des css pour qu'elle soit affichée plus haut

Discussions similaires

Impossible de supprimer photo galaxy s4

search engine

processus searchfilterhost