Sujet Précédent Sujet Suivant

Problème CSS

Fermé
Katsuo49 - 14 févr. 2009 à 10:36
 Katsuo49 - 14 févr. 2009 à 11:27
Bonjour,
j'ai un problème avec mon site, je n'arrive pas a utiliser de CSS externe, je suis obligé de l'intégré à chacune de mes pages, comment faire ?

Merci d'avance

4 réponses

Réponse 1 / 4
Psyk974 Messages postés 551 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 30 mars 2010 51
14 févr. 2009 à 10:39
Salut,

Dirige toi vers le site du zero (http://www.siteduzero.com)
Tu verras que tout est clairement expliqué. Si ça ne fonctionne toujours pas vérifie bien que ton css est placé au bon endroit
0
Réponse 2 / 4
Katsuo49
14 févr. 2009 à 10:48
je sais déjà pour le site du zero, c'est en m'aidant de celui-ci que je me suis mis à mon site. Mais je n'arrive pas à faire comme il dit: ma page fait comme si il n'y avait pas de CSS, je croyais que j'avais mal écrit le code alors le l'ai essayé dans ma page directement et la tous fonctionne.
0
Psyk974 Messages postés 551 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 30 mars 2010 51
14 févr. 2009 à 10:54
Bah montre nous le code alors de page html et de ton css et on te dit tout de suite ce qui va pas
0
Réponse 3 / 4
Katsuo49
14 févr. 2009 à 11:08
ça c'est le code de ma page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Yu-Gi-Oh! Liste Complète des Cartes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body
{
width: 1255;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
font-family: "Comic Sans MS";
background: url("images/arriere_plan.jpg") no-repeat top left fixed;
}
div ul
{
list-style-type: none;
}
li img
{
position: relative;
top: 7px;
}
a
{
color: black;
font style: normal;
text-decoration: none;
font-family: "Comic Sans MS";
}
#menu
{
border: ridge;
width: 290px;
margin-left: 5px;
margin-top: 5px;
}
.sous_titre_menu
{
font-family: "Shanghai";
font-size: 22px;
font-weight: bold;
text-align: center;
color: navy;
text-decoration: blink;
background: url("images/titre_menu2.png") no-repeat center;
}
div h3
{
height: 90px;
}
#pied_de_page
{
text-align: center;
font-size: 10px;
font-weight: bold;
}
</style>
</head>
<body>
<div id="en_tete"><table style="text-align: left; width: 540px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<embed type="application/x-shockwave-flash"
src="images/banniere.swf"
id="banniere" name="banniere" quality="high" width=1240 height=395 </td style="text-align: center; vertical-align: middle;"></td>
</tr>
</tbody>
</table>
</div>
<div id="menu">
<div id="element_menu">
<h3 class="sous_titre_menu"><br />
Deck de Démarrage</h3>
<ul>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_de_yugi.html">Deck de Yugi</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_de_kaiba.html">Deck de Kaiba</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_de_joey.html">Deck de Joey</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_de_yugi_évolution.html">Deck de Yugi évolution</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_de_kaiba_évolution.html">Deck de Kaiba évolution</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_gx.html">Deck de démarrage GX</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_de_jaden.html">Deck de Jaden Yuki</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_de_syrius.html">Deck de Syrius Truesdale</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="deck/deck_5ds.html">Deck de démarrage 5D's</a></li>
</ul>
</div>

<div id="element_menu">
<h3 class="sous_titre_menu"><br />
Deck de Structure</h3>
<ul class="retrait">
<li><img src="images/point-liste.png" alt=" " /><a href="structure/rugissement_des_dragons.html">Rugissement des Dragons</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/folie_zombie.html">Folie Zombie</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/la_fureur_des_profondeurs.html">La Fureur des Profondeurs</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/souffle_de_la_destruction.html">Souffle de la Destruction</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/triomphe_du_guerrier.html">Triomphe du Guerrier</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/le_jugement_des_magiciens.html">Le Jugement du Magicien</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/forteresse_invincible.html">Forteresse Invincible</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/le_seigneur_des_tempetes.html">Le Seigneur des Tempêtes</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/rage_du_dinosaure.html">Rage du Dinosaure</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/re-volt_des_machines.html">Ré-Volt des Machines</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/la_resurection_des_grands_dragons.html">La Résurection des Grands Dragons</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/l_empereur_des_tenebres.html">L'Empereur des Ténèbres</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="structure/le_monde_des_zombies.html">Le Monde des Zombies</a></li>
</ul>
</div>

<div id="element_menu">
<h3 class="sous_titre_menu"><br />
Boosters</h3>
<ul>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/la_legende_du_dragon_blanc_aux_yeux_bleus.html">La Légende du Dragon Blanc<br />
aux Yeux Bleus</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/metal_raider.html">Metal Raider</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/le_maitre_des_magies.html">Le Maître des Magies</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/serviteur_du_pharaon.html">Serviteur du Pharaon</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/labyrinthe_des_cauchemars.html">Labyrinthe des Cauchemars</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/sanctuaire_ancestral.html">Sanctuaire Ancestral</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/avenement_du_destin.html">Avènement du Destin</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/eternite_brulante.html">Eternité Brûlante</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/l_ame_du_duelliste.html">L'Âme du Duelliste</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/le_millenaire_perdu.html">Le Millénaire Perdu</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/revolution_cybernetique.html">Révolution Cybernétique</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/sombre_revelation_1.html">Sombre Révélation 1</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/genese_tenebreuse_2.html">Genèse Ténébreuse 2</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/ sombre_revelation_2.html">Sombre Révélation 2</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/energie_elementaire.html">Energie Elémentaire</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/l'ombre_de_l_infini.html">L'Ombre de l'Infini</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/ennemi_du_bien.html">Ennemi du Bien</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/puissance_du_duelliste.html">Puissance du Duelliste</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/l_impact_des_cybertenebres.html">L'Impact des Cyberténèbres</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/sombre_revelation_3.html">Sombre Révélation 3</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/l_attaque_de_neos.html">L'Attaque de Néos</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/force_du_destructeur.html">Force du Destructeur</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/invasion_des_tenebres.html">Invasion des Ténèbres</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/evolution_tactique.html">Evolution Tactique</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/l_assaut_du_gladiateur.html">L'Assaut du Gladiateur</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/tenebres_fantomes.html">Ténèbres Fantômes</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/lumiere_de_la_destruction.html">Lumière de la Destruction</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/la_genese_du_duelliste.html">La Genèse du Duelliste</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/la_croise_du_chaos.html">La Croisée du Chaos</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="booster/la_crise_ecarlate.html">La Crise Ecarlate</a></li>
</ul>
</div>

<div id="element_menu">
<h3 class="sous_titre_menu"><br />
Packs et Promo</h3>
<ul>
<li><img src="images/point-liste.png" alt=" " /><a href="pack_exculsif.html">Pack Exclusif</a><li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/pack_du_duelliste_jaden_yuki.html">Pack du Duellsite Jaden Yuki</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/pack_du_duelliste_chazz_princeton.html">Pack du Duellsite Chazz Princeton</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/pack_du_duelliste_aster_phoenix.html">Pack du Duelliste Aster Phoenix</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/pack_du_duelliste_jaden_yuki_2.html">Pack du Duelliste Jaden Yuki 2</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_du_champion_1.html">Paquet du Champion 1</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/pack_du_duelliste_zane.html">Pack du Duelliste Zane</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_du_champion_2.html">Paquet du Champion 2</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/pack_du_tournois_8.html">Pack de Tournois 8</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_du_champion_3.html">Paquet du Champion 3</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_premium_1.html">Paquet Premium 1</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_du_champion_4.html">Paquet du Champion 4</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/pack_du_duelliste_jaden_yuki_3.html">Pack du Duelliste Jaden Yuki 3</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/pack_du_duelliste_jessie_anderson.html">Pack du Duelliste Jessie Anderson</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_du_champion_5.html">Paquet du Champion 5</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/gold_series.html">Gold Series</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_du_champion_6.html">Paquet du Champion 6</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/retro_pack.html">Retro Pack</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_premium_2.html">Paquet Premium 2</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack/paquet_du_champion_7.html">Paquet du Champion 7</a></li>
</ul>
</div>

<div id="element_menu">
<h3 class="sous_titre_menu"><br />
Pack Spéciaux</h3>
<ul>
<li><img src="images/point-liste.png" alt=" " /><a href="pack_speciaux/pack_the_duelliste_of_the_rose.html">Pack The Duelliste of the Rose</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack_speciaux/pack_nightmare_troubadour.html">Pack Nightmare Troubadour</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack_speciaux/pack_world_champion_2007.html">Pack World Champion 2007</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack_speciaux/pack_world_champion_2008.html">Pack World Champion 2008</a></li>
<li><img src="images/point-liste.png" alt=" " /><a href="pack_speciaux/pack_jeton_3.html">Pack Jeton 3</a></li>
</ul>
</div>

</div>
<div id="corps">
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
</div>
<div id="pied_de_page">
<p>Produit par Manga Mania 49 (<a href="http://mangamania49.oldiblog.com"><em>http://mangamania49.oldiblog.com</em></a>). Copyright 2009, Tous droits Réservés.<br />
Vous pouvez me contacter à l'adresse suivante <a href="mailto:katsuo49@hotmail.fr"><em>katsuo49@hotmail.fr</em></a></p>
</div>
</body>
</html>

et pour mettre en externe je remplace <style> ... </style> par
<link rel="stylesheet" media="screen" type="text/css" title="Design_1280x1024" href="design_1280x1024.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="Design_800x600" href="design_800x600.css" />

sachant que j'ai essayé avec et sans design alternatif
0
Psyk974 Messages postés 551 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 30 mars 2010 51
14 févr. 2009 à 11:12
<link rel="stylesheet" type="text/css" href="design_1280x1024.css" media="screen">

Tu dois avoir une seule ligne de css

Tu peux pas avoir un css pour le 1280 et un autre pour le 800 en meme temps !

Et vérifie bien que ton fichier design_1280x1024.css est bien dans le même dossier que ton index
0
Réponse 4 / 4
Katsuo49
14 févr. 2009 à 11:27
ok ça fonctionne mais comment je fais si je veux un design alternatif ?
sur le Site du Zero il dit de faire comme j'avais fais

est-ce que c'est possible de faire charger une police autre que celle présente sur l'ordi du visiteur ?
0

Discussions similaires

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

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

8 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Mettre un objet au premier plan
Achillion -
tiran58 -

2 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse