Sujet Précédent Sujet Suivant

Sortie fichier CssTabDesigner = css dans html

Fermé
mael.baron Messages postés 57 Date d'inscription mercredi 3 décembre 2008 Statut Membre Dernière intervention 27 août 2011 - Modifié par mael.baron le 27/01/2011 à 21:46
mael.baron Messages postés 57 Date d'inscription mercredi 3 décembre 2008 Statut Membre Dernière intervention 27 août 2011 - 14 févr. 2011 à 17:38
Bonsoir,
J'ai téléchargé le logiciel Css Tab Designer v2.0 qui écrit du code css. Mais j'ai constaté qui mellanger les 2 code (css+html). J'ai lu les leçons sur le site du zéro et ils disent que c'est déconseillé d'utiliser du code css dans du code html, mais de mettre un lien dans le code pour que l'on puisse avoir un design correct. Ce que j'ai fais, mais quand je dissocie le code css du code html, mon site internet ne donne plus du tout le même effet que sur le logiciel cité plus haut.
Merci de votre réponse
Cordialement mael.baron
ps : Voici le code fournir par le logiciel.
le code ::

<!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>Free CSS Vertical Menu Designs at exploding-boy.com</title>
<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}

/*- Menu 8--------------------------- */

#menu8 {
width: 200px;
margin: 10px;
border-style: solid;
border-color: #656556;
border-size: 1px;
border-width: 1px;
}

#menu8 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu8 li a:link, #menu8 li a:visited {
color: #656556;
display: block;
background: url(menu8.gif);
padding: 8px 0 0 20px;
}

#menu8 li a:hover, #menu8 li #current {
color: #474739;
background: url(menu8.gif) 0 -32px;
padding: 8px 0 0 20px;
}
-->
</style>
</head>

<body>
<h2>Tab Menu 8</h2>
<div id="menu8">
<ul>
<!-- CSS Tabs -->
<li><a href="index.html">Accueil</a></li>
<li><a href="ateliers.html">Ateliers</a></li>
<li><a href="animation.html">Animation</a></li>
<li><a href="spectacles.html">Spectacles</a></li>
<li><a href="formations.html">Formations</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contacts.html">Contacts</a></li>

</ul>
</div>
</body>
</html>
A voir également:

2 réponses

Réponse 1 / 2
maaat80 Messages postés 18 Date d'inscription vendredi 31 décembre 2010 Statut Membre Dernière intervention 14 février 2011 1
14 févr. 2011 à 14:09
tu enregistre ton fichier .html par exemple avec le nom : model.html
tu crée le fichier .css (extension importante) et tu l'appelle comme tu veux par exemple design.css

tu mets les deux fichier dans un dossier par exemple "mon site"
donc là on a un architecture comme suit:

mon site
* model.html
* design.css

tu fais un copier coller de toutes les regles css dans ton fichier model dans design et tu les efface (dans model biensur^^)

maintenant, il ne reste plus qu'a lié nos deux fichiers et le tour est joué. donc tu remplace la ligne : 

<style type="text/css">


par: 

<link href="design.css" rel="stylesheet" type="text/css" />
1
Réponse 2 / 2
mael.baron Messages postés 57 Date d'inscription mercredi 3 décembre 2008 Statut Membre Dernière intervention 27 août 2011 1
14 févr. 2011 à 17:38
Bsr maaat80,
Merci d'avoir pris le temps de répondre à ma question. Tout ce que vous m'avez dit a bien marcher. Je vous en remercie d'avance.
Cordialement mael.baron
0

Discussions similaires

comment donner les droits sur fichier partage
ch'ti du 57 -
fil1958 -

2 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses