Sujet Précédent Sujet Suivant

Aide création site Dreamweaver

Résolu/Fermé
marygil Messages postés 140 Date d'inscription jeudi 14 juin 2007 Statut Membre Dernière intervention 1 août 2011 - 27 déc. 2007 à 15:19
marygil Messages postés 140 Date d'inscription jeudi 14 juin 2007 Statut Membre Dernière intervention 1 août 2011 - 4 janv. 2008 à 08:27
Bonjour,
Je viens de commencer un site avec Dreamweaver et je souhaite et espére que vous pourriez me donner un coup de main.
1° J'ai mon bandeau et menu à l'interrieur d'un calque sur ma page index et je voudrais les inclure dans ma feuille de style externe pour qu'ils apparaissent dans toute mes pages.
Merci beaucoup
Voici les codes

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenue sur le site de la Clique de Cruet</title>
<link href="Feuille_de_style/externe.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="bandeau"><img src="images/cle_de_sol.gif" width="50" height="65" /><img src="images/la_clique_de_cruet.gif" width="961" height="50" /><img src="images/cle_de_sol.gif" width="50" height="65" /></div>
<div id="menu">ACCUEIL GALERIE NOS PRESTATIONS MUSICIENS INFORMATIONS NOS LIENS CONTACTS </div>
<p> </p>
<p> </p>
<p> </p>
</p>
<p align="center"><img src="images/bienvenue.gif" width="578" height="72" /></p>
<p align="center"><img src="images/ecusson.gif" width="333" height="347" /></p>
</body>
</html>

CSS

/*Logo Clique de Cruet*/
div#bandeau{
position:absolute;
left:30px;
top:10px;
width:1073px;
height:61px;
z-index:1;
}
/* Menu */
div#menu{
position:absolute;
left:30px;
top:85px;
width:1073px;
height:20px;
z-index:2;
}
A voir également:

7 réponses

Réponse 1 / 7
ncx94
27 déc. 2007 à 16:29
Franchement je te conseille d'aller sur le site du zero, d'aprendre a coder car dreamweaver c pas top comme logiciel mais bon
0
Réponse 2 / 7
marygil Messages postés 140 Date d'inscription jeudi 14 juin 2007 Statut Membre Dernière intervention 1 août 2011
27 déc. 2007 à 16:36
Merci pour ta réponse, mais sur le site zero j'ai déjà très bien parcouru mais aucune réponse à mon problème.
Merci encore à toutes celles ou tous ceux qui voudrons bien m'aider.
0
Réponse 3 / 7
mlle-anna Messages postés 21 Date d'inscription mardi 25 décembre 2007 Statut Membre Dernière intervention 29 décembre 2007 1
27 déc. 2007 à 20:10
Pour que ta feuille de style puisse être lue depuis n'importe quel fichier situé n'importe ou dans l'arborescence de ton site, il suffirait simplement que tu commences l'appel au fichier par un "/" comme dans :
<link rel="stylesheet" type="text/css" href="/css/mafeuille.css" />
0
Réponse 4 / 7
mlle-anna Messages postés 21 Date d'inscription mardi 25 décembre 2007 Statut Membre Dernière intervention 29 décembre 2007 1
27 déc. 2007 à 20:14
Cela fonctionnera toujours dans la mesure ou ton répertoire est effectivement à la racine du serveur, qu'il s'appelle bien css et qu'il contient bien une feuille de style qui s'appelle bien mafeuille.css ^_^
Ton répertoire Css est bien à la racine du site ?
Si c'est vraiment le cas alors ce code ci devrait marcher
CODE
<link rel="stylesheet" type="text/css" href="/Css/majeur.css" />
0

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

Posez votre question
Réponse 5 / 7
marygil Messages postés 140 Date d'inscription jeudi 14 juin 2007 Statut Membre Dernière intervention 1 août 2011
27 déc. 2007 à 21:25
Merci pour ta réponse
Voici mon code
<link href="fichier.css" rel="stylesheet" type="text/css" />

En fait je ne comprend pas "l'appel d'un fichier par "/" il faut y mettre ou?
Dis moi si c'est bon 1° disque dur
2° dossier mon site
dedans 2 dossiers mes images et mes pages
et fichier css
et index.html
Dis moi si c'est bon
je te remercie pour ton aide
0
Réponse 6 / 7
marygil Messages postés 140 Date d'inscription jeudi 14 juin 2007 Statut Membre Dernière intervention 1 août 2011
30 déc. 2007 à 13:42
Bonjour à tous,
Je cherche désespérément de l'aide sur ma feuille de style externe elle fonctionne pour la police, le fond de page mais pas pour mon bandeau, que je souhaiterai ne pas recopier sur chaque page. Cela fait 3 jours que ça me prends la tête je cherche sur beaucoup de forum rien trouvé.
Alors peutêtre quelques chose qui m'a échappé??
Je vous redonne mon code HTML et CSS
Merci à tous ceux qui pourrons m'aider
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenue sur le site de la Clique de Cruet</title>
<link href="fichier.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="images/ecusson.ico" />

<script type="text/javascript">
<!--
window.onload=montre;function montre(id)
{var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}}
if (d) {d.style.display='block';}}
//-->
</script>


</head>

<body>
<div id="bandeau">
<p><img src="images/cle_de_sol.gif" width="50" height="60" /><img src="images/la_clique_de_cruet.gif" width="961" height="50" /><img src="images/cle_de_sol.gif" width="50" height="60" /></p>

</div>
<div id="bienvenue">
<div align="center"><img src="images/bienvenue.gif" width="578" height="72" /></div>
</div>
<p> </p>
<p> </p>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><img src="images/accueil.png" width="138" height="20" /></a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');"><img src="images/galerie.png" width="138" height="20" /></a></dt>
<dd id="smenu1">
<ul>
<li><a href="#">Photos</a></li>
<li><a href="#">Partitheque</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#"></a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu2');"><img src="images/nos_prestations.png" width="138" height="20" /></a></dt>
<dd id="smenu2">
<ul>
<li><a href="#">Inscriptions</a></li>
<li><a href="#">Prestations</a></span></span></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');"><img src="images/musiciens.png" width="138" height="20" /></a></dt>
<dd id="smenu3">
<ul>
<li><a href="pages/pupitres.html">Pupitres</a></li>
<li><a href="#">Membres</a></li>
<li><a href="#">Repertoire</a></li>
<li><a href="#"></a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');"><img src="images/informations.png" width="138" height="20" /></a></dt>
<dd id="smenu4">
<ul>
<li><a href="#">Historique</a></li>
<li><a href="#">Statuts</a></li>
<li><a href="pages/nos_tarifs.html">Nos tarifs</a></li>
<li><a href="#">Formation</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu5');"><img src="images/nos_liens.png" width="138" height="20" /></a></dt>
<dd id="smenu5">
<ul>
<li><a href="#">Federations</a></li>
<li><a href="#">Associations</a></li>
<li><a href="#"></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><img src="images/contacts.png" width="138" height="20" /></a></dt>
</dl>



</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><img src="images/ecusson.gif" width="293" height="320" /></p>
</body>

</html>

CSS
/* Bandeau */
#bandeau {
position: absolute;
left: 30px;
top: 10px;
width: 1070px;
height: 73px;
z-index: 1;
}


/* Arrière plan Site */
body {
background:url(images/arriere_plan.gif);


/* Police et taille du site */
font-size : 14pt;
margin: 0;
padding: 0;
font-family: "Comic Sans MS", Arial, "Times New Roman", sans-serif /* Police des sous menus */
}


/* Bienvenue */
#bienvenue {
position: absolute;
left: 48px;
top: 214px;
width: 1023px;
height: 72px;
z-index: 101;
}


/* Menu et sous menus */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 91px; /* Position par rapport au sommet de la page */
left: 49px; /* Retrait à gauche */
z-index: 100;
width: 1023px; /* Longueur du calque */
height: 115px; /* Hauteur du calque */
font-size: 14px; /* Taille des sous menus */
}
#menu dl {
float: left; /* Position par rapport à gauche idem */
width: auto; /* Largeur des menus automatique */
margin: 0 px; /* Marge du haut */
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #FFFFFF; /* Couleur de fond des menus */
border: #CC3333 solid 4px; /* Couleur & épaisseur & apparence des bordurer des menus */
}
#menu dd {
border: #FF0000 1px solid; /* Epaisseur & Couleur des bordures des sous menu au passage de la souris */
}
#menu li {
text-align: left; /* Positionnement des sous menus à gauche */
background: #FFFFFF; /* Couleur de fond des sous menus */
}
#menu li a, #menu dt a {
color: #0033CC; /* Couleur de la police des sous menus */
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #66FFFF; /* Couleur sur les sous menus au passage de la souris */
}
0
Réponse 7 / 7
marygil Messages postés 140 Date d'inscription jeudi 14 juin 2007 Statut Membre Dernière intervention 1 août 2011
4 janv. 2008 à 08:27
Bonjour
Y a t-il une personne qui puissent m'aider à construire un gabarit pour mon site, je voudrais simplement que mon logo figure sur toutes les pages de mon site automatiquement. (site créé avec dreamweaver)
Merci vraiment pour votre aide, bien entendu j'ai parcouru bon nombre de site pour des recherches mais les explcations sont très pointus pour moi.
0

Discussions similaires

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire
relakztek82 -
Unemeuf -

25 réponses
Colis en cours de transport vers votre site de livraison ?
Ninan_5568 -
senda -

8 réponses