(resolu) <merci Peha> template

[joany]

Bonjour

je voudrais savoir ci il etai possible et comment déplacer le cardre recherche ainsi que les autre bloc

je vous joins une miniature pour plus de détaille

merci a vous

[Peha]

Bonjour,

il te faut modifier avec n'importe quel éditeur de texte le fichier global.css du template utilisé.
Pour savoir ou et comment, il te faudra quelques connaissances en css. http://www.alsacreations.com/tutoriels/
De plus, firebug (une extension de firefox) est un outil très précieux.

cordialement.

[joany]

ola peha merci pour ta reponse

oui je c'est que c'est dans global , mais je ne c'est quoi modifier j'ai bien trouvé search_block

un peu d'aide merci

[Peha]

As tu essayé de voir avec firebug les éléments concernés par la modif ?
Ils sont contenus dans

ce qui correspond à #header dans global.css
id correspond à # en css.

le placement des blocs peut être géré de différentes manières.
notamment dans ce cas grâce à l'attribut float qui peut être réglé sur left, right, ou none.

[joany]

ola peha

voila mon souci est que j'ai bien mi droite , et il y va pas

ligne 794

/* block top search */
#header #search_block_top {
background: #e5e6e7 url('../img/block_search_bg.jpg') no-repeat top right;
height: 28px;
width: 330px;
float: left;
}
#header #search_block_top p { padding: 0.4em 0 0.4em 1em; }
#header #search_block_top label, #header #search_block_top input{ float:left; }
#header #search_block_top label {
background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
float: left;
width: 19px;
height: 18px;
display: block;
}
#header #search_block_top input#search_query { width: 12em; }

/* block left column "Quick search" */
#search_block_left input {
margin: 2px 0px 0px 0px;
}
#search_block_left #search_query {
width: 11em;
}
#search_button {
display: inline;




ligne 2031


/* Printable version */
@media print {
div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {
display:none;


tous les search que j'ai trouvé

[Peha]

heu... je lis dans ton code :

#header #search_block_top {
background: #e5e6e7 url(’../img/block_search_bg.jpg’) no-repeat top right;
height: 28px;
width: 330px;
float: left;
}

"left" c'est "gauche" il me semble...




> de plus, #header #search_block_top { ... } ne concerne que la barre de recherche,
alors que #header { ... } concerne l'ensemble du bloc que tu souhaites placer à droite.

[joany]

re peha deja un grand merci pour ta patience et tes explication

j'ai tous mi a right

/* block top search */
#header #search_block_top {
background: #e5e6e7 url('../img/block_search_bg.jpg') no-repeat top right;
height: 28px;
width: 330px;
float: right;
}
#header #search_block_top p { padding: 0.4em 0 0.4em 1em; }
#header #search_block_top label, #header #search_block_top input{ float:right; }
#header #search_block_top label {
background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
float: right;
width: 19px;
height: 18px;
display: block;
}
#header #search_block_top input#search_query { width: 12em; }

/* block left column "Quick search" */
#search_block_right input {
margin: 2px 0px 0px 0px;
}
#search_block_right #search_query {
width: 11em;
}
#search_button {
display: inline;

et elle a pas bougé

ps merde un des truc que j'ai touché je devai pas , car sa ma deformé un bou

[Peha]

_ essaye de mettre un peu en forme ton code, pour plus de lisibilité.

tu ne fais pas les modifications sur le bon bloc.
cherche dans global.css la ligne

#header {

}

_ il ne s'agit pas de "tout mettre à right" mais simplement l'attribut (float) du bloc voulu (#header).

[joany]

tu es un chef

merci merci merci

bon tag a pri la place domage , mais c'est quand meme plus simpa comme sa , je chercherai pour prendre toute la place que tag monte pas a coté

encore un grand merci

[joany]

voila grasse a toi j'ai tous trouvé me manquai juste ton iade car sa faisai un momment que je cherchai

un grand merci pour ton aide

[Peha]

C'est avec plaisir.
Bonne continuation sur Presta.

N'oublie pas de mettre résolu dans le titre du sujet en éditant le titre de ton premier message.

[peyrus]

Après avoir lu le post, inutile de poser des questions imbéciles, mille mercis
Merci Peha