all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le mercredi 16 juin 2010 - 11h19 par Toor.

Bonjour,

J'essaie de créer un site web, et je rencontre un problème au menu (vertical) et au corps.
La structure de ma page est la suivante:

Image de fond fixe, menu opaque noir à 80% et corps opaque noir à 80% avec les bords arrondis.

J'ai appliqué un float pour le menu vertical, mais la couleur du fond du corps le recouvre. Pour le texte en revanche, ça marche nickel !

J'aimerai que le menu soit séparé de la fenêtre du corps, et que le cadre et la couleur de fond du corps puisse s'adapter en fonction de sa taille, comme le fait le texte.

|-----------------| . |---------------------------|
|.....MENU......| . |...........................|
|.................| . |...........................|
|-----------------| . |...........................|
________________|...........................|
|.............CORPS DE LA PAGE..............|
|.................................................|
|.................................................|
|.................................................|
|.................................................|
|___________________________________|

(c'est ça que je veux faire, - et | représentant les bordures avec les coins arrondis)

Or j'obtiens ça :


|-(Menu masqué)--------------------------|
|.............................................|
|...... .CORPS DE LA PAGE...............|
|.............................................|
|.............................................|
|________________________________|

Mon code CSS:

#menuVertical
{
float:left;
background-color:#FFFF;
margin-right:40px;
background-repeat: repeat-x;
border: 1px solid gray;
margin-bottom: 20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
width:300px;
}

#menuVertical a
{

color:#1E7FCB;
}

#corps
{
color: #1E7FCB;
margin-top:90px;
width:960px;
margin-bottom: 20px;
padding: 20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
background-color: #000000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
border: 1px solid gray;
}

• participer

Message publié le mercredi 16 juin 2010 - 11h21 par Toor.

Ah, aussi autre chose :
La transparence du fond s'applique aussi aux photos que je mets dans le corps, il n'y a pas moyen de l'annuler juste pour les images ?

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.