Téléchargement
illégal
Posez votre question Signaler

Aide Feuille de style Css [Résolu]

Benjahpieds - Dernière réponse le 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;}
Lire la suite 

Aide Feuille de style Css »

10 réponses
Réponse
+1
moins plus
sena-kaitani 1069Messages postés 14 mai 2009Date d'inscription 14 août 2010Dernière intervention 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>

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
sena-kaitani 1069Messages postés 14 mai 2009Date d'inscription 14 août 2010Dernière intervention 12 janv. 2010 à 19:24
certain intituler ?!

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Benjahpieds 12 janv. 2010 à 19:28
Oui j'ai oublié l'exemple: Exposition ou encore lien et certain sous menu comme artistes etc...

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
sena-kaitani 1069Messages postés 14 mai 2009Date d'inscription 14 août 2010Dernière intervention 12 janv. 2010 à 19:36
tu veut simplement remplacer des mots ??!

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Benjahpieds 12 janv. 2010 à 19:45
Oui, j'aimerai bien!

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
sena-kaitani 1069Messages postés 14 mai 2009Date d'inscription 14 août 2010Dernière intervention 12 janv. 2010 à 19:50
bah alors, c'est pas dans le css qui est écrit ton texte, c'est dans les codes HTML.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
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?

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
sena-kaitani 1069Messages postés 14 mai 2009Date d'inscription 14 août 2010Dernière intervention 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.

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
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>

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
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!

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « Aide Feuille de style Css » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?