Problème style.css

Thomz Messages postés 25 Statut Membre -  
math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Mon livre d'or est prit dans mon css, je ne sais pas comment le mettre en taille réelle.

http://thomz.olympe-network.com/livredor/index.php

Merci d'avance pour votre aide.
Configuration: Windows XP
Firefox 3.0.8

30 réponses

  • 1
  • 2
Résumé de la discussion

Un livre d'or intégré via une inclusion PHP présente une police trop petite et un affichage incohérent, avec deux entêtes HTML (head) apparents après l’inclusion du code. La correction passe par la suppression du head en double et par un DOCTYPE unique pour garantir une structure HTML valide. En outre, il est conseillé de vérifier le CSS notamment pour le bloc du livre d’or et de régler le font-size (par exemple via #alexguestbook) afin d’obtenir une taille lisible. Enfin, l’usage des validateurs HTML/CSS est utile pour éviter les doublons et les chargements CSS éventuels, et s’assurer qu’un seul fichier HTML et CSS est chargé.

Bobot (l'IA à votre service)
  1. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    c'est quoi ce doctype en plein milieu de page change le div contenu d'id
    0
  2. Utilisateur anonyme
     
    Je suis aller voir, si j'ai bien compris, c'est le texte qui est trop petit ?
    Sinon, j'ai regardé ton code source de ta 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" lang="fr">
   <head>

        <title>Livre d'Or</title>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Content-Language" content="fr" />
           <meta http-equiv="Content-Script-Type" content="text/javascript"/>
           <meta http-equiv="Content-Style-Type" content="text/css"/>

        <meta name="DC.Language" scheme="RFC3066" content="fr"/>

        <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Normal" />

   </head>
<head><link rel="icon" type="image/gif" href="animated_favicon1.gif"></head>
<body>
<div id="page">
	<div id="header">
		<h1>Thomz</h1>

		<ul>	
	        <li><a href="http://thomz.o-n.fr/">Acceuil</a></li>
		</ul>
	</div>
	
	<div id="contenu">

		<h2>Livre d'Or</h2>
			<div class="bloc">

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="fr" lang="fr" dir="">

<head>
<title>Livre d'Or</title>
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="./templates/skins/AguestNew/alex_livre.css" />
<script language="javascript" type="text/javascript">
<!--
function donner_focus(champs){
	document.getElementById(champs).focus();
}
//-->
</script>
</head>

<body    >


    Je comprend pas pourquoi tu as 2 entête ?? </head><head>
    --
    Lucas
    0
  3. Thomz Messages postés 25 Statut Membre
     
    <div id="contenu">


    Il faudrais que je mette combien?
    0
  4. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    non en fait dans ton css tu supprime ça
    #alexguestbook {
    background-color: rgb(255, 255, 255);
    font-family: Verdana,Helvetica,
    sans-serif;
    color: rgb(0, 0, 0);
    font-size: 0.7em; }

    attent mais pon dirait que tu as mis 2 page en une seule pagtu as 2 boby ?passe ton html et ton css au html et css validator stp

    c'est le font size à mon avis qui fait ça
    0

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

    Posez votre question
  6. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    lucas 34 il y a pas que 2head mais aussi 2 body il y 2 pages pour le pris d'une
    0
  7. Thomz Messages postés 25 Statut Membre
     
    [quote]passe ton html et ton css au html et css validator stp[/quote]

    Oula je suis plus là!
    0
  8. Thomz Messages postés 25 Statut Membre
     
    head supprimé, par contre les body il n'y en a qu'un!
    0
  9. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    http://validator.w3.org/...

    sinon je t'ai dis d'où venait le pb il vient de ton font-size: 0.7em; dans le css
    0
  10. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    body {
    background:#000 url('fond.png') repeat-x scroll 0 0;
    font-family:"Trebuchet MS",Verdana,Sans-Serif;
    font-size:75%;
    color:#fff;
    margin:0;
    }

    p {
    padding:5px;
    }

    #page {
    width:745px;
    margin:0 auto;
    }

    #header {
    background:transparent url('header.jpg') no-repeat scroll center top;
    width:745px;
    height:337px;
    margin:0;
    }

    #header h1 {
    display:none;
    margin:0;
    }

    #header a {
    color:#fff;
    text-decoration:none;
    }

    #header a:hover {
    text-decoration:underline;
    }

    #header ul {
    list-style-type:none;
    margin:0;
    }

    #header li {
    background:transparent url('f_menu.png') no-repeat scroll 0 0;
    display:inline;
    float:right;
    width:90px;
    height:17px;
    text-align:center;
    margin:6px;
    }

    #contenu {
    background:transparent url('fond_c.jpg') no-repeat scroll 0 0;
    text-align:justify;
    width:746px;
    color:#000;
    padding:0 5px;
    }

    #contenu h2 {
    border-bottom:1px dotted #fff;
    font-size:115%;
    width:200px;
    color:#fff;
    font-weight:400;
    margin:0 10px 10px 0;
    }

    .bas_bloc {
    background:transparent url('foot_b.png') no-repeat scroll center bottom;
    width:730px;
    height:31px;
    }

    .bloc {
    background:#fff url('haut_b.png') no-repeat scroll center top;
    width:730px;
    margin-bottom:30px;
    margin-left:2px;
    }

    #footer {
    text-align:center;
    font-size:90%;
    }

    #footer a {
    text-decoration:none;
    color:#fff;
    }

    #footer a:hover {
    text-decoration:underline;
    color:#fff;
    }

    #alexguestbook .body_txt {
    width:750px;
    margin-left:auto;
    margin-right:auto;
    }

    #alexguestbook a,#alexguestbook img,#alexguestbook abbr,#alexguestbook acronym,#alexguestbook frame {
    border:medium none;
    }

    #alexguestbook a:hover {
    text-decoration:underline;
    color:#c30;
    }

    #alexguestbook a.a_info_code:hover {
    text-decoration:underline;
    color:#3a3a3a;
    }

    #alexguestbook a.a_copyright:hover {
    text-decoration:underline;
    color:#737373;
    }

    #alexguestbook input,#alexguestbook textarea,#alexguestbook select {
    border:1px solid #757575;
    font-family:Verdana,Helvetica,sans-serif;
    font-size:1em;
    }

    #alexguestbook input.i_text {
    border:1px solid #757575;
    font-family:Verdana,Helvetica,sans-serif;
    font-size:1em;
    width:200px;
    }

    #alexguestbook input.i_focus {
    padding-left:2px;
    background-color:#ebffeb;
    width:200px;
    border-color:#007e00;
    border-style:solid;
    border-width:1px 1px 1px 3px;
    }

    #alexguestbook input.btn_add {
    font-size:1em;
    cursor:pointer;
    font-weight:700;
    color:#373737;
    }

    #alexguestbook input.btn_search {
    cursor:pointer;
    font-weight:700;
    color:#373737;
    }

    #alexguestbook input.i_nbre_car {
    border:0 none;
    font-size:1em;
    background-color:transparent;
    font-weight:700;
    color:#c30;
    }

    #alexguestbook input.i_nbre_car_focus {
    border:0 none;
    font-size:1em;
    background-color:#ebffeb;
    font-weight:700;
    color:#c30;
    }

    #alexguestbook textarea.i_comment {
    border:1px solid #757575;
    font-family:Verdana,Helvetica,sans-serif;
    font-size:1em;
    width:430px;
    }

    #alexguestbook textarea.i_comment_focus {
    padding-left:2px;
    background-color:#ebffeb;
    width:430px;
    border-color:#007e00;
    border-style:solid;
    border-width:1px 1px 1px 3px;
    }

    #alexguestbook img.img_left {
    float:left;
    }

    #alexguestbook .d_title {
    font-family:Arial,Helvetica,sans-serif;
    font-weight:700;
    color:#c30;
    font-size:2em;
    text-align:center;
    }

    #alexguestbook .d_note {
    font-family:Verdana,Helvetica,sans-serif;
    color:#000;
    font-size:1em;
    text-align:center;
    }

    #alexguestbook .d_f_add_msg {
    background:#f3f3f3 url('background_add_msg.png') repeat scroll 0 0;
    margin-left:auto;
    margin-right:auto;
    width:450px;
    padding-top:4px;
    padding-bottom:4px;
    color:#3a3a3a;
    }

    #alexguestbook .d_add_msg_h {
    background:#f3f3f3 url('border_h.png') no-repeat scroll 0 0;
    margin-left:auto;
    margin-right:auto;
    width:450px;
    height:4px;
    }

    #alexguestbook .d_add_msg_b {
    background:#f3f3f3 url('border_b.png') no-repeat scroll 0 0;
    margin-left:auto;
    margin-right:auto;
    width:450px;
    height:4px;
    }

    #alexguestbook .add_msg_left {
    float:left;
    width:170px;
    text-align:left;
    margin-top:2px;
    padding-left:10px;
    height:23px;
    clear:both;
    }

    #alexguestbook .add_msg_right {
    text-align:left;
    height:25px;
    }

    #alexguestbook .reponse {
    border:1px solid #b4b4b4;
    background-color:#fff;
    padding:5px;
    }

    #alexguestbook .code_sec {
    font-family:Courier New;
    font-size:1.1em;
    text-align:center;
    }

    #alexguestbook .copyright {
    color:#444;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    text-align:center;
    }

    #alexguestbook .d_nbre_car {
    text-align:left;
    margin:-18px 0 0 16px;
    }

    #alexguestbook .d_smileys {
    text-align:center;
    padding:3px;
    }

    #alexguestbook .d_nb_mess_page {
    background-color:#4a7dac;
    font-weight:700;
    height:15px;
    padding:1px;
    }

    #alexguestbook span.color_d_nb_mess_page1 {
    color:#ddd;
    }

    #alexguestbook span.color_d_nb_mess_page2 {
    color:#fff;
    }

    #alexguestbook .three1 {
    float:left;
    width:35%;
    text-align:left;
    padding-left:3px;
    }

    #alexguestbook .three2 {
    float:left;
    width:29%;
    text-align:center;
    }

    #alexguestbook .three3 {
    float:right;
    width:35%;
    text-align:right;
    padding-right:3px;
    }

    #alexguestbook .d_liste_page {
    height:15px;
    padding:1px;
    }

    #alexguestbook .three1_2 {
    float:left;
    width:25%;
    text-align:left;
    }

    #alexguestbook .three2_2 {
    float:left;
    width:49%;
    text-align:center;
    }

    #alexguestbook .three3_2 {
    float:right;
    width:25%;
    text-align:right;
    }

    #alexguestbook span.Gris_prec_suiv {
    color:silver;
    }

    #alexguestbook .d_corps_msg {
    border:1px solid #757575;
    background-color:#f3f3f3;
    text-align:left;
    padding:4px;
    }

    #alexguestbook .d_pseudo {
    color:#c30;
    font-weight:700;
    }

    #alexguestbook .d_date {
    color:#c30;
    float:right;
    width:145px;
    text-align:right;
    }

    #alexguestbook .d_code1 {
    display:inline;
    float:left;
    text-align:right;
    height:20px;
    width:238px;
    }

    #alexguestbook .d_code2 {
    display:inline;
    float:left;
    text-align:left;
    height:20px;
    }

    #alexguestbook .d_submit_msg {
    text-align:center;
    clear:both;
    }

    #alexguestbook .d_note_user {
    font-weight:700;
    color:#878787;
    text-align:left;
    }

    #alexguestbook #lien_accueil a:link,#alexguestbook #lien_accueil a:hover,#alexguestbook #lien_accueil a:visited,#alexguestbook #lien_administration a:link,#alexguestbook #lien_administration a:hover,#alexguestbook #lien_administration a:visited {
    text-decoration:underline;
    color:#4a7dac;
    }

    #alexguestbook #lien_accueil img,#alexguestbook #lien_administration img {
    border:0 none;
    vertical-align:text-bottom;
    width:16px;
    height:16px;
    margin:0 2px 0 0;
    }

    #alexguestbook #lien_administration {
    text-align:center;
    margin-top:10px;
    }

    #alexguestbook .symbole_champ_obligatoire {
    color:red;
    }

    #alexguestbook .symbole_champ_prive {
    color:#6264fa;
    }

    #footer p,#alexguestbook form {
    margin:0;
    padding:0;
    }

    #alexguestbook a:link,#alexguestbook a:visited {
    text-decoration:none;
    color:#000;
    }

    #alexguestbook a.a_info_code:link,#alexguestbook a.a_info_code:visited {
    text-decoration:none;
    color:#3a3a3a;
    }

    #alexguestbook a.a_copyright:link,#alexguestbook a.a_copyright:visited {
    text-decoration:none;
    color:#737373;
    }

    #alexguestbook .d_add_msg,#alexguestbook .d_center,#alexguestbook .body_all {
    text-align:center;
    }
    0
  11. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    je t'ai mis le css propre tu es sur que tu as besoin de tout ça ?
    0
  12. Thomz Messages postés 25 Statut Membre
     
    Moi j'ai besoin juste de mon css 

    /* CSS par Dig pour http://www.kits-gratuits.net - Tous droits réservés - */

body {
	margin:0;
	background:url('images/interface/fond.png') repeat-x #000;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
	font-size:75%;
	color:#FFF;
}

p {
	padding:5px;
}

#page {
	margin:0 auto 0 auto;
	width:745px;
}

#header {
	margin:0;
	background:url('images/interface/header.jpg') top no-repeat;
	width:745px;
	height:337px;
}

#header h1 {
	display:none;
	margin:0;
}

#header a {
	color:#FFF;
	text-decoration:none;
}

#header a:hover {
	text-decoration:underline;
}

#header ul {
	list-style-type:none;
	margin:0;
}

#header li {
	display:inline;
	float:right;
	margin:6px;
	width:90px;
	height:17px;
	background:url('images/interface/f_menu.png') no-repeat;
	text-align:center;
}

#contenu {
	text-align:justify;
	width:746px;
	background:url('images/interface/fond_c.jpg') no-repeat;
	padding:0 5px 0 5px;
	color:#000;
}

#contenu h2 {
	font-size:115%;
	border-bottom:1px dotted #FFF;
	width:200px;
	color:#FFF;
	font-weight:normal;
	margin:0 10px 10px 0;
}

.bas_bloc {
	width:730px;
	height:31px;
	background:url('images/interface/foot_b.png') bottom no-repeat;
}

.bloc {
	background:url('images/interface/haut_b.png') #FFF top no-repeat;
	width:730px;
	margin-bottom:30px;
	margin-left:2px;
}

#footer {
	text-align:center;
	font-size:90%;
}

#footer p {
	padding:0;margin:0;
}

#footer a { text-decoration:none;color:#FFF; }
#footer a:hover { text-decoration:underline;color:#FFF; }


    Mais sa me le prend en compte avc le livre d'or...
    0
  13. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    oui ben modifie les % et tu saura d'ou ça vient
    0
  14. arthezius Messages postés 3756 Statut Membre 475
     
    Je suppose que tu as inclu une page dans une autre: 
    <div id="contenu">

		<h2>Livre d'Or</h2>
			<div class="bloc">

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="fr" lang="fr" dir="">

<head>
<title>Livre d'Or</title>


    Sur la page du livre d'or qui est inclue dans l'autre tu peux virer tout ce qui est <head><body> etc... Tu ne fait que remettre des info en double et ça sert à rien. Tu as donc bien deux <body>.

    Pour être plus clair,
    Ta page 1: 
    <html>
<head>
</head>
<body>
<?php
include('page2.php');
?>
</body>
</html>


    La page 2 contiendra seulement: 
    <div>
<h1></h1>
<p></p>
</div>

    par exemple.
    Pas la peine de remettre <html><head><body> etc...
    0
  15. Thomz Messages postés 25 Statut Membre
     
    Mias je ne comprend pas, j'ai bien qu'une page!

    Je veut juste mondif mon index.php
    0
  16. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    ha oui mais tu utlise bien des incliude php non sinon pourquoi utlise tu le php bon tu as testé mon css
    ou modifié les %
    mon css à été doublé de valeur car j'ai capturer la page avec scrapbooket il a rien compris avec les 2body et head il m'avaisdtous doyublé donc je l'ai passé au css optimiser mais ç a a pas trop marché
    0
  17. Thomz Messages postés 25 Statut Membre
     
    Voilàç comment doit être normlament le livre d'or.

    http://thomz.olympe-network.com/livredor/index.php
    0
  18. arthezius Messages postés 3756 Statut Membre 475
     
    Peut-on avoir le script de ton livre d'or ?
    (la page index.php)
    0
  19. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    on dirait que c'est résolu même si tu as 2 head si rtu met le head dans le html il ne faut pas le mettre dans le php
    0
  20. arthezius Messages postés 3756 Statut Membre 475
     
    Il a toujours deux DOCTYPE...
    0
  • 1
  • 2

Discussions similaires

Thème Wordpress : "Il manque le fichier style.css"
Jade-clea -
elbufalodugard -

7 réponses
Pas de fichier style.css
Anais24 -
Talia2402 -

3 réponses
"L'archive n'a pas pu être installée. Il manque le fichier style.css à ce
Ivoire -
elgazar -

3 réponses
Probleme de fichier style.css a l'install d'un theme
Fonzyboy -
The Ravenholm Post -

4 réponses