Jump to content

[Résolu] Problème de <div> ?


Recommended Posts

Bonjour,

sur mon site j'aimerai faire un truc particulier et je n'y arrive pas. J'ai vu dans un autre post que la structure du thème est faite comme ça :
[code]html>
<head></head>
<body>

the wrapper containing all your site information


logo…




left column content…

centre content…

right column content…

Share this post


Link to post
Share on other sites

Ben oui mais non, la place où je colle ça dans le css a-t'elle une importance ? Il n'y a pas une histoire de niveau ? C'est rageant ce truc !

Share this post


Link to post
Share on other sites

Au niveau des

cela semble bon (j'ai regardé rapidement !).

Par contre, dans le CSS, je mettrais,
#ma_page {
width: 980px;
margin: auto;
background-color:#FFFFFF;
}

Il me semble que j'ai eu ce genre de pb lors de la création de ma boutique

Share this post


Link to post
Share on other sites

à mon avis c'est ton menu horizontal qui met le waï :)
Il injecte du css avec un < link rel="stylesheet" type="text/css" href="/modules/imagesenlarge/imagesenlarge.css" /> en plein milieu ce qui n'est pas valide,

il faut utiliser cette méthode que entre les balises <head> et </head>
D'un manière générale il est conseillé de mettre tous les scripts css ou javascript dans le <head> de la page.



De plus, dans < scrypt language="javascript" type="text/javascript"> l'attribut language n'est pas valide,
écrit plutôt < scrypt type="text/javascript"> Ton code

(en replaçant scrypt par script bien sur

Share this post


Link to post
Share on other sites

Comme ça ne marche pas j'essaye d'avoir sur la page centrale un fond blanc, un bandeau en haut du bloc et un en bas du bloc, exactement pareil que pour les blocs dans les colonnes, et je désespère car je n'y arrive pas non plus !Est-ce que quelqu'un peut m'expliquer ?

Share this post


Link to post
Share on other sites

ne me demande pas pourquoi mais si tu rajoute un float : left; dans ton global.css pour #ma_page ça a l'air de marcher

j'espère que c'est ce que tu cherches :)

Share this post


Link to post
Share on other sites
ne me demande pas pourquoi


Ben si justement, pourquoi ? LOL

Merci, c'est super ça marche nickel, reste plus que les coins arrondis à ma boxe centrale et ce sera top ;-) Je vais y arriver, je vais y arriver !

Share this post


Link to post
Share on other sites

pour les coins arrondis à mon avis le plus simple c'est de rajouter deux div à center_column :
center_column_haut
center_column_bas

puis au div center_column_haut tu lui impose une hauteur et une largeur et tu lui affecte une image représentant le haut de ton bloc avec les bords arrondis en faisant gaffe aux dimensions bien sur.
même chose avec center_column_bas mais avec l'image inversée ça devrait pas être trop hard

Share this post


Link to post
Share on other sites

Merci Trolet mais dans le même temps j'ai trouvé une solution en regardant un autre template de chez DDLX, il suffit de rajouter

-moz-border-radius: 8px;
-webkit-border-radius: 8px;

à #center_column

je n'ai aucune idée de ce que ça veut dire mais ça marche ;-)

Share this post


Link to post
Share on other sites
Merci Trolet mais dans le même temps j'ai trouvé une solution en regardant un autre template de chez DDLX, il suffit de rajouter

-moz-border-radius: 8px;
-webkit-border-radius: 8px;

à #center_column

je n'ai aucune idée de ce que ça veut dire mais ça marche ;-)


Salut,

Oui çe marche mais uniquement sur Firefox et Saphari3.
C'est du CSS3 pas encore compatible avec tous les navigateurs....

V++

Atch

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More