Sujet Précédent Sujet Suivant

Aide Feuille de style Css

Résolu/Fermé
Benjahpieds - 12 janv. 2010 à 19:19
 Benjahpieds - 13 janv. 2010 à 23:06
Bonjour,

Je reprend actuellement le site internet www.aboriginalway.fr , qui à besoin d'être actualisé...
Du coup je voudrais changer dans le menu certain intitulés. Après avoir réussi à ouvrir le Doc Css je ne vois pas comment faire...
Changer le texte avec kompozer en html encore ca va mais là.... je ne vois pas
Voilà pour la feuille Css:

/* CSS Document */

#container
{
margin: 0px auto;
text-align: justify;
position: absolute;
left: 0px;
top: 0px;
}

.ligne {position: absolute;}

/* bandeau top */
#logo {top:0px; left:0px; width:920; height:70; }

/* page */

#image {top:70px; left:0px; width:300; height:430; background-color:black; border-top:2px solid black; border-bottom:2px solid black;}
#bodytexte {top:70px; left:300px; width:620; height:430; background-color:black; border-top:2px solid black; border-bottom:2px solid black; border-right:2px solid black;}

/* barre menu */
#menu {top:510px; left:0px; width:920; height:90;}
#menuA {top:0px; left:320px; width:130; height:90; }
#menuATitre {top:0px; left:0px; width:130; height:20; }
#ssmenuA {top:20px; left:20px; width:120; height:80; border-left:1px solid black; visibility:hidden;}
#ssmenuATitreA {top:0px; left:10px; width:110; height:20;}
#ssmenuATitreB {top:20px; left:10px; width:110; height:20;}
#ssmenuATitreC {top:40px; left:10px; width:110; height:20;}
#ssmenuATitreD {top:60px; left:10px; width:110; height:20;}

#menuB {top:0px; left:490px; width:140; height:110;}
#menuBTitre {top:0px; left:0px; width:140; height:20;}
#ssmenuB {top:20px; left:20px; width:120; height:35; border-left:1px solid black; visibility:hidden;}
#ssmenuBTitreA {top:0px; left:10px; width:120; height:20;}
#ssmenuBTitreB {top:20px; left:10px; width:120; height:20;}

#menuC {top:0px; left:690px; width:50; height:60;}
#menuCTitre {top:0px; left:0px; width:50; height:20;}
#ssmenuC {top:20px; left:10px; width:120; height:55; border-left:1px solid black; visibility:hidden;}
#ssmenuCTitreA {top:0px; left:10px; width:110; height:20;}
#ssmenuCTitreB {top:20px; left:10px; width:110; height:20;}
#ssmenuCTitreC {top:40px; left:10px; width:110; height:20;}

#menuE {top:0px; left:830px; width:50; height:20;}
#menuETitre {top:0px; left:0px; width:50; height:20;}
#signature {position: absolute; top:60px; left:760px; width:130; height:10; visibility:hidden;}
#chil {position: absolute; top:50px; left:900px; width:20; height:20;}

#titre {top:10px; left:10px; width:500px; height:40px;}
#colonneA {top:60px; left:0px; width:280px; height:500px;}
#colonneB {top:60px; left:150px; width:250px; height:500px;}

#invit-texte {top:20px; left:0px; width:620px; height:270px;}
#invit-titre1 {top:20px; left:0px; width:610px; height:80px;}
#invit-titre2 {top:120px; left:0px; width:600px; height:70px;}
#invit-titre3 {top:190px; left:0px; width:600px; height:40px;}
#invit-titre4 {top:230px; left:0px; width:600px; height:50px;}
#invit-photo {top:290px; left:0px; width:620px; height:150px;}



img{
border: 0px;
}
h1,h2,h3,h4,h5,td,a,p,li,
{
font-family: Century gothic;
}
h1 { margin-top:20px; margin-bottom:20px; margin-left : 20px; font-size: 16px; color:#9B1A1B; text-align: left; font-family: Century gothic; }

p
{
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:10px;
font-size: 12px;
text-align:justify;
font-family: Century gothic;
}

p.home1 { margin-top:0px; margin-bottom:20px; margin-left : 0px; font-size: 10px; color:#9B1A1B; text-align: left; font-family: Century gothic; }
p.home2 { margin-top:0px; margin-bottom:20px; margin-right : 100px; font-size: 50px; color:#FFFFFF; text-align: right; font-family: Century gothic; }
p.home3 { margin-top:0px; margin-bottom:20px; margin-right : 130px; font-size: 14px; color:#8A97B3; text-align: right; font-family: Century gothic; }
p.home4 { margin-top:0px; margin-bottom:20px; margin-right : 130px; font-size: 14px; color:#FFFFFF; text-align: right; font-family: Century gothic; }
h2
{
font-family: Century gothic;
margin-left : 40px;
font-size: 14px;
color:black;
text-align: left;
}
h2.tele
{
font-family: Century gothic;
margin-left : 0px;
font-size: 14px;
color:black;
text-align: left;
}
h3.menu
{
color:black;
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
font-size: 20px;
text-align: left;
font-family: Century gothic;
}
h2.title
{
font-family: Century gothic;
color:black;
margin-bottom:0px;
margin-top:30px;
margin-right:0px;
margin-left:0px;
font-size: 16px;
text-align: right;
}

h4
{
font-family: Century gothic;
margin : 20px;
font-size: 12px;
color:white;
}


p.signature
{
text-align:right;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
font-weight: bold;
color:#CCCCCC;
font-family: Century gothic;
font-size: 10px;
}


p.liste
{
color:black;
font-size: 12px;
margin-right:20px;
margin-left:60px;
margin-bottom:10px;
text-align:justify;
font-family: Century gothic;
}

p.colgauche
{
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
font-size: 12px;
text-align:left;
font-family: Century gothic;
}

p.coldroite
{
color:#9B1A1B;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:10px;
font-size: 14px;
text-align:right;
font-family: Century gothic;
}

table{
border-collapse: collapse;
}

a
{
align:center;
font-size: 14px;
color:black;
text-decoration : none;
font-family: Century gothic;
}
a:hover { color: #9B1A1B;}

p.title
{
margin-top:10px;
margin-right:20px;
margin-bottom:20px;
margin-left : 20px;
font-size: 35px;
color:#CCCCCC;
text-align: right;
font-family: Century gothic;
}

a.title
{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left : 0px;
font-size: 35px;
color:#CCCCCC;
font-family: Century gothic;
}
a.title:hover { color: #CCCCCC; }

a.menu { align:center; font-size: 14px; color:black; text-decoration : none; font-family: Century gothic; }
a.menu:hover { color: #9B1A1B; }

a.ssmenu { align:center; font-size: 12px; color:#999999; text-decoration : none; font-family: Century gothic; }
a.ssmenu:hover { color: #8A97B3; }

a.mail
{
margin :40px;
font-size: 12px;
color: black;
text-decoration : none;
font-family: Century gothic;
}

a.mail:hover
{
color:#9B1A1B;}

a.eskapad
{
margin :0px;
font-size: 12px;
color: #9B1A1B;
text-decoration : none;
font-family: Century gothic;
}

a.eskapad:hover
{
color:black;}

a.coldroite
{
color:#8A97B3;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
font-size: 14px;
text-align:right;
font-family: Century gothic;
}

a.coldroite:hover
{
color: black;}
A voir également:

10 réponses

Réponse 1 / 10
Profil bloqué
13 janv. 2010 à 15:24
lesm ots souligné sont les mot écrie sur le site dans le menu( j'ai commencer mais pas termnier, tu va comprendre.) 
<html> 
<head> 
<title>Aboriginal Way</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link href="site/ref/style/general.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript"> 

function change(imagechoisie) 
{ 
//	 document.getElementById('menu1').fontcolor("Red") 
document.getElementById('visuel').src = imagechoisie 
} 
function showmenu(elmnt) 
{ 
document.getElementById(elmnt).style.visibility="visible" 
} 
function hidemenu(elmnt) 
{ 
document.getElementById(elmnt).style.visibility="hidden" 
} 
</script> 
</head> 

<body> 
<div id=container>	
<div id=logo class=ligne><p class="title"><a href=index.html target="_self" class="title">Aboriginal Way</a></p> 
</div> 


<div id=image class=ligne><img width=280 height=420 border=0 src=site/ref/image/Bhgrand.jpg id="visuel"> 

</div> 
<div id=bodytexte class=ligne> 

<iframe width=100% height=100% frameborder=0 style=width:100%;height:100%;background-color:ffffff name=texte src=site/ref/documents/home.html></iframe> 
</div> 

<div id=menu class=ligne> 
<div onMouseOver="showmenu('ssmenuA')" onmouseout="hidemenu('ssmenuA')" id=menuA class=ligne> 
<div id=menuATitre class="ligne"> 
<a id="menu1" href=site/ref/documents/entree.html target=texte class=menu onclick="change('site/ref/image/Gecko.jpg')">exposition</a> 

</div> 
<div id=ssmenuA class=ligne> 
<div id=ssmenuATitreA class="ligne"><a href=site/ref/documents/entree.html target=texte class=ssmenu onclick="change('site/ref/image/Gecko.jpg')">présentation</a> 
</div> 
<div id=ssmenuATitreB class="ligne"><a href=site/ref/documents/photo.html target=texte class=ssmenu onclick="change('site/ref/image/Gecko.jpg')">photos</a> 
</div> 
<div id=ssmenuATitreC class="ligne"><a href=site/ref/documents/artistes.html target=texte class=ssmenu onclick="change('site/ref/image/Gecko.jpg')">les artistes</a> 

</div> 
<div id=ssmenuATitreD class="ligne"><a href=site/ref/documents/lieu.html target=texte class=ssmenu onclick="change('site/ref/image/Gecko.jpg')">chemin et lieu</a> 
</div> 
</div> 
</div> 
<div id=menuB onMouseOver="showmenu('ssmenuB')" onmouseout="hidemenu('ssmenuB')" class=ligne> 
<div id=menuBTitre class="ligne"> 
<a href=site/ref/documents/temps.html target=texte class=menu onclick="change('site/ref/image/Serpent.jpg')">l'art aborigène</a> 

</div> 
<div id=ssmenuB class=ligne> 
<div id=ssmenuBTitreA class="ligne"><a href=site/ref/documents/temps.html target=texte class=ssmenu onclick="change('site/ref/image/Serpent.jpg')">le temps du rêve</a> 
</div> 
<div id=ssmenuBTitreB class="ligne"><a href=site/ref/documents/peinture.html target=texte class=ssmenu onclick="change('site/ref/image/Serpent.jpg')">la peinture</a> 
</div> 
</div> 
</div> 

<div id=menuC onMouseOver="showmenu('ssmenuC')" onmouseout="hidemenu('ssmenuC')" class=ligne> 
<div id=menuCTitre class="ligne"> 
<a href=site/ref/documents/liens.html class=menu target=texte onclick="change('site/ref/image/Libellule.jpg')">liens</a> 
</div> 
<div id=ssmenuC class=ligne> 
<div id=ssmenuCTitreA class="ligne"><a href=site/ref/documents/liens.html target=texte class=ssmenu onclick="change('site/ref/image/Libellule.jpg')">partenaires</a> 
</div> 
<div id=ssmenuCTitreB class="ligne"><a href=site/ref/documents/presse.html target=texte class=ssmenu onclick="change('site/ref/image/Libellule.jpg')">presse</a> 

</div> 
<div id=ssmenuCTitreC class="ligne"><a href=site/ref/documents/telechargement.html target=texte class=ssmenu onclick="change('site/ref/image/Libellule.jpg')">téléchargements</a> 
</div> 
</div> 
</div> 
<div id=menuE class=ligne> 
<div id=menuETitre class="ligne">	
<a href=site/ref/documents/contact.html class=menu target=texte onclick="change('site/ref/image/Bhpetit.jpg')">contact</a> 

</div> 
</div> 
<div id=signature class=ligne><p class=signature>designed by Chil</p> 
</div> 
<div id=chil onMouseOver="showmenu('signature')" onmouseout="hidemenu('signature')" class=ligne><img width=20 height=20 border=0 src=site/ref/image/Chil.jpg></div> 
</div> 
</div>	
</body> 
</html>
1
Réponse 2 / 10
Profil bloqué
12 janv. 2010 à 19:24
certain intituler ?!
0
Réponse 3 / 10
Benjahpieds
12 janv. 2010 à 19:28
Oui j'ai oublié l'exemple: Exposition ou encore lien et certain sous menu comme artistes etc...
0
Réponse 4 / 10
Profil bloqué
12 janv. 2010 à 19:36
tu veut simplement remplacer des mots ??!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 10
Benjahpieds
12 janv. 2010 à 19:45
Oui, j'aimerai bien!
0
Réponse 6 / 10
Profil bloqué
12 janv. 2010 à 19:50
bah alors, c'est pas dans le css qui est écrit ton texte, c'est dans les codes HTML.
0
Réponse 7 / 10
Benjahpieds
12 janv. 2010 à 19:58
le probléme est que je n'ai accés que à ce qu'il y a dans la fenetre avec la bordure noire mais pas l'extérieur.
Une idée?
0
Réponse 8 / 10
Profil bloqué
12 janv. 2010 à 20:03
heiin ??!
Si tu veut prendre le code source, fait clique droit sur la page et: afficher le code source et envoi ici.
0
Réponse 9 / 10
Benjahpieds
12 janv. 2010 à 20:05
<html>
<head>
<title>Aboriginal Way</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="site/ref/style/general.css" rel="stylesheet" type="text/css">
<script type="text/javascript">

function change(imagechoisie)
{
// document.getElementById('menu1').fontcolor("Red")
document.getElementById('visuel').src = imagechoisie
}
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
</head>

<body>
<div id=container>
<div id=logo class=ligne><p class="title"><a href=index.html target="_self" class="title">Aboriginal Way</a></p>
</div>


<div id=image class=ligne><img width=280 height=420 border=0 src=site/ref/image/Bhgrand.jpg id="visuel">

</div>
<div id=bodytexte class=ligne>

<iframe width=100% height=100% frameborder=0 style=width:100%;height:100%;background-color:ffffff name=texte src=site/ref/documents/home.html></iframe>
</div>

<div id=menu class=ligne>
<div onMouseOver="showmenu('ssmenuA')" onmouseout="hidemenu('ssmenuA')" id=menuA class=ligne>
<div id=menuATitre class="ligne">
<a id="menu1" href=site/ref/documents/entree.html target=texte class=menu onclick="change('site/ref/image/Gecko.jpg')">exposition</a>

</div>
<div id=ssmenuA class=ligne>
<div id=ssmenuATitreA class="ligne"><a href=site/ref/documents/entree.html target=texte class=ssmenu onclick="change('site/ref/image/Gecko.jpg')">présentation</a>
</div>
<div id=ssmenuATitreB class="ligne"><a href=site/ref/documents/photo.html target=texte class=ssmenu onclick="change('site/ref/image/Gecko.jpg')">photos</a>
</div>
<div id=ssmenuATitreC class="ligne"><a href=site/ref/documents/artistes.html target=texte class=ssmenu onclick="change('site/ref/image/Gecko.jpg')">les artistes</a>

</div>
<div id=ssmenuATitreD class="ligne"><a href=site/ref/documents/lieu.html target=texte class=ssmenu onclick="change('site/ref/image/Gecko.jpg')">chemin et lieu</a>
</div>
</div>
</div>
<div id=menuB onMouseOver="showmenu('ssmenuB')" onmouseout="hidemenu('ssmenuB')" class=ligne>
<div id=menuBTitre class="ligne">
<a href=site/ref/documents/temps.html target=texte class=menu onclick="change('site/ref/image/Serpent.jpg')">l'art aborigène</a>

</div>
<div id=ssmenuB class=ligne>
<div id=ssmenuBTitreA class="ligne"><a href=site/ref/documents/temps.html target=texte class=ssmenu onclick="change('site/ref/image/Serpent.jpg')">le temps du rêve</a>
</div>
<div id=ssmenuBTitreB class="ligne"><a href=site/ref/documents/peinture.html target=texte class=ssmenu onclick="change('site/ref/image/Serpent.jpg')">la peinture</a>
</div>
</div>
</div>

<div id=menuC onMouseOver="showmenu('ssmenuC')" onmouseout="hidemenu('ssmenuC')" class=ligne>
<div id=menuCTitre class="ligne">
<a href=site/ref/documents/liens.html class=menu target=texte onclick="change('site/ref/image/Libellule.jpg')">liens</a>
</div>
<div id=ssmenuC class=ligne>
<div id=ssmenuCTitreA class="ligne"><a href=site/ref/documents/liens.html target=texte class=ssmenu onclick="change('site/ref/image/Libellule.jpg')">partenaires</a>
</div>
<div id=ssmenuCTitreB class="ligne"><a href=site/ref/documents/presse.html target=texte class=ssmenu onclick="change('site/ref/image/Libellule.jpg')">presse</a>

</div>
<div id=ssmenuCTitreC class="ligne"><a href=site/ref/documents/telechargement.html target=texte class=ssmenu onclick="change('site/ref/image/Libellule.jpg')">téléchargements</a>
</div>
</div>
</div>
<div id=menuE class=ligne>
<div id=menuETitre class="ligne">
<a href=site/ref/documents/contact.html class=menu target=texte onclick="change('site/ref/image/Bhpetit.jpg')">contact</a>

</div>
</div>
<div id=signature class=ligne><p class=signature>designed by Chil</p>
</div>
<div id=chil onMouseOver="showmenu('signature')" onmouseout="hidemenu('signature')" class=ligne><img width=20 height=20 border=0 src=site/ref/image/Chil.jpg></div>
</div>
</div>
</body>
</html>
0
Réponse 10 / 10
Benjahpieds
13 janv. 2010 à 23:06
Merci pour tes precisions!
Tu m'avais deja mis sur la voix hier et tu me simplifie encore le travail!
Merci encore!
0

Discussions similaires

Feuille de score belote
nulleeninfo -
brucine -

7 réponses
feuille excel de gestion belote
SiFaSiLa -
frank -

2 réponses
Reporter valeur sur autre feuille avec critere
Otk168 -
via55 -

4 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses