Jump to content

[Résolu] help.. probleme CSS


roisong

Recommended Posts

Bonjour à tous ,

 

J'ai besoin d'aide : je m'arrache les cheveux (que je n'ai pas d ailleurs) depuis des jours sur le header de mes pages dont j aimerais qu il ressemble exactement à ca :

 

header1.gif

 

le probleme : mon header aujourd'hui il ressemble à ca :

 

header.gif

 

 

 

je voudrais donc :

- centrer le logo

- baisser lepanier,

- deplacer les liens et les drapeaux/currencies

- rajouter un texte à droite

 

je ne sais pas quoi faire j ai essayé de rajouter des div pour les differents blocs mais je patauge....

 

Help me please...

 

 

voila le header.tpl :

<!-- Header -->

<div id="header">

<div class="page">

<div class="logo"><a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a></div>

<div id="header_right">

{$HOOK_TOP}

</div>

</div>

</div>

 

 

et le global.css :

 

/* global layout #bab8b1 */

#header {

background: url('../img/header2.gif') no-repeat center ;

height: 150px;

margin-bottom: 20px

}

 

 

.page {

width: 900px;

margin: 0 auto;

text-align: left

}

#header_logo {

float: left;

width: 264px;

display:block

}

img.logo {

float: left;

font-size: 2em;

font-weight: bold

}

#header_right {

float: left;

margin-bottom: 15px;

text-align: right;

padding-left: 15px;

width: 610px;

}

 

 

Merc ià tous . :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...