[résolu] CSS-HTML - texte surligné !???

CSS-HTML - texte surligné !??? [résolu] - HTML/CSS - Programmation

Marsh Posté le 17-04-2008 à 16:55:20    

Bonjour, je tente la programmation sous PHP et voici mon problème :
je suis sous Dreamweaver 8 et IE7.
 
Voici le code de la page index.php:
 

Citation :

<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<title><?php include("titredusite/titre.txt" )?></title>
 
<link href="CSS/style.css" rel="stylesheet" type="text/css" media="all" />
 
</head>
 
<h1 class="Style1">
<?php include("entetes/titredepage.txt" )?>
</h1>
 
<p class="Style2">
<?php include("entetes/soustitre.txt" )?>
</p>
 
<br>
<br/>
 
<p class="Style5">
<?php include("entetes/texteaccueil.txt" )?>
</p>
 
</body>
 
</html>


 
et celui de la feuille de style CSS :
 

Citation :

/* Propriétés de la Page */
 
* {
 padding: 0;
 margin: 0;
 background-image: url(../fond/fond.jpg);
 background-position: center;
 background-position: center;
 background-repeat: no-repeat;  
 }
 
body {
 text-align:center;
 font-size: 16px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-left: 100px;
 margin-right: 100px;
 margin-top: 50px;
 margin-bottom: 50px;
 }
 
a:link {
    text-decoration: none;
 color: #FFFFFF;
 }
 
a:visited {
 text-decoration: none;
 color: #FFFFFF;
 }
 
a:hover {
 text-decoration: underline;
 color: #FFFFFF;
 }
 
a:active {
 text-decoration: none;
 color: #FFFFFF;
 }
 
/* Propriétés Styles */
 
.Style1 {
 font-size: 36px;
 font-weight: bold;
 background-color: none;
 color:#000000;
 
 }
 
.Style2 {
 font-size: 24px;
 font-weight: bold;
 }
 
.Style3 {
 font-size: 20px;
 font-weight: bold;
 }
 
.Style4 {
 font-size: 18px;
 font-weight: bold;
 }
 
.Style5 {
 font-size: 14px;
 font-weight: bold;
 }
 
.Style6 {
 font-size: 12px;
 font-weight: bold;
 }
 
.Style1Colore {
 color: #FFFFFF;
 font-size: 36px;
 font-weight: bold;
 }
 
.Style2Colore {
 color: #FFFFFF;
 font-size: 24px;
 font-weight: bold;
 }
 
.Style3Colore {
 color: #FFFFFF;
 font-size: 18px;
 font-weight: bold;
 }


 
et voici le résultat, de vilains surlignements :
 
http://axelwinz.free.fr/Blue/pb.jpg
 
Quel est le problème ???

Message cité 1 fois
Message édité par alx067 le 17-04-2008 à 18:15:33
Reply

Marsh Posté le 17-04-2008 à 16:55:20   

Reply

Marsh Posté le 17-04-2008 à 17:06:37    

alx067 a écrit :


Quel est le problème ???


 
tu m'enlève les mots de la bouche...
 
Quel est le problème ?  
 
D'abord mis à part des balises <?php ?> je ne vois aucun code php là dedans, donc j'imagine que le soucis que tu rencontres (peut-être l'absence de surlignement ?) n'a aucun rapport avec le php.
 
Si c'est un soucis de mise en page (surlignement), le problème doit plutot se situé du côté du CSS, voir du html + CSS
 
Précise un peu ce que tu veux obtenir et ce qui est différend de ce que tu veux faire, ensuite change le titre qui n'est aps explicite (surtout que le PHP n'a rien à voir avec le surlignement)


Message édité par uncle buzz le 17-04-2008 à 17:07:18
Reply

Marsh Posté le 17-04-2008 à 17:11:03    

Supprimer ce vilain surlignement...
C'est ce que je souhaite faire...
 
Avoir un fond, avec un texte par dessus, sans surlignement...


Message édité par alx067 le 17-04-2008 à 17:12:13
Reply

Marsh Posté le 17-04-2008 à 17:29:23    

si tu regardes bien, tu as un point lumineux au centre de ton texte, celui-là même qui est au centre de ton background.
 
En fait ton background est répété sous chaque bloc de texte (h1 p ... ) aligné de façon à ce que le centre de ton image soit au centre de ton bloc texte.
 
Il doit donc y avoir un soucis au niveau de ton code CSS...
 
Au passage, que contient tes fichiers texte que tu utilise pour tes include ? (utilité?)
 
A mon avis, je connais pas bien le CSS, mais ton code

Code :
  1. /* Propriétés de la Page */
  2. * {
  3. padding: 0;
  4. margin: 0;
  5. background-image: url(../fond/fond.jpg);
  6. background-position: center;
  7. background-position: center;
  8. background-repeat: no-repeat; 
  9. }

me parait suspect, tu ne précise aucun type pour ces propriétés, à mon avis ce sont ces propriétés qui sont réutilisées pour chaque classe CSS car elles ne sont rattachées à rien...
 
C'est un avis d'un débutant CSS hein, peut-être que je me trompe.


Message édité par uncle buzz le 17-04-2008 à 17:31:45
Reply

Marsh Posté le 17-04-2008 à 17:31:56    

Salut
 
Dans tous les cas cette demande devrait être dans la partie HTML/CSS, pas dans PHP

Reply

Marsh Posté le 17-04-2008 à 17:41:39    

Résolu, j'ai modifié le fond à partir de la page index.php

Citation :

body {
 background-image: url(fond/fond.jpg);
}


 et non pas à partir de la feuille de style CSS...
 
 
Désolé pour le mauvaise catégorie...
 
Merci !!!

Message cité 1 fois
Message édité par alx067 le 17-04-2008 à 17:43:06
Reply

Marsh Posté le 17-04-2008 à 17:52:48    

alx067 a écrit :

Résolu, j'ai modifié le fond à partir de la page index.php

Citation :

body {
 background-image: url(fond/fond.jpg);
}


 et non pas à partir de la feuille de style CSS...
 
 
Désolé pour le mauvaise catégorie...
 
Merci !!!


 
!!!
 
Tu as déplacé du CSS vers le html alors que tu utilises une feuille CSS ?!
 
en fait il te suffit de déplacer tes propriétés "orphelines" dans ta section body dans ta feuille CSS et ça devrait être bon...
 

Code :
  1. /* Propriétés de la Page */
  2. body {
  3. padding: 0;
  4. margin: 0;
  5. background-image: url(../fond/fond.jpg);
  6. background-position: center;
  7. background-position: center;
  8. background-repeat: no-repeat; 
  9. text-align:center;
  10. font-size: 16px;
  11. font-family: Verdana, Arial, Helvetica, sans-serif;
  12. margin-left: 100px;
  13. margin-right: 100px;
  14. margin-top: 50px;
  15. margin-bottom: 50px;
  16. }


 
Et édite ton titre en enlevant PHP et replace ton sujet dans la bonne section des fois qu'un autre fasse une recherche pour le même sujet mais dans la bonne section puisse trouver ton topic.


Message édité par uncle buzz le 17-04-2008 à 17:54:00
Reply

Marsh Posté le 17-04-2008 à 18:20:11    

un * { background-kekchose} est totalement dangereux, dans le sens ou tu fous un background sur TOUS LES ELEMENTS DU SITE

Reply

Marsh Posté le 17-04-2008 à 18:20:20    

uncle buzz : je n'y avait pas pensais :  
il fallait placer toutes les propriétés de la page dans la balise body{}
 
Thanks !!!

Reply

Marsh Posté le 17-04-2008 à 18:21:08    

Gatsu 35 : c'est ce que je recherchais... un background pour toutes les pages...

Reply

Marsh Posté le 17-04-2008 à 18:21:08   

Reply

Marsh Posté le 17-04-2008 à 18:24:57    

quant il dit tous les éléments du site, en fait il veut dire toute les classes CSS de ta page et pas toutes les pages de ton site.
 
Donc chaque bloc de texte, chaque div, chaque tableau... etc recevais en background l'image de fond avec les attributs que tu avais mis avec...
 
pour avoir le même style sur tous le site, il suffit d'inclure la même feuille de style

Reply

Marsh Posté le 17-04-2008 à 23:29:33    

alx067 a écrit :

Gatsu 35 : c'est ce que je recherchais... un background pour toutes les pages...


nan mais nan, tu n'as rien compris; là tu mets "*", ca veut dire que tu tapes sur toutes les balises de ton sites, et donc toutes les balises de ton site se retrouvent avec un background

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed