Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2505 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1719305
alx067
Posté le 17-04-2008 à 16:55:20  profilanswer
 

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
mood
Publicité
Posté le 17-04-2008 à 16:55:20  profilanswer
 

n°1719318
uncle buzz
Posté le 17-04-2008 à 17:06:37  profilanswer
 

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
n°1719322
alx067
Posté le 17-04-2008 à 17:11:03  profilanswer
 

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
n°1719330
uncle buzz
Posté le 17-04-2008 à 17:29:23  profilanswer
 

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
n°1719333
Melendril
Posté le 17-04-2008 à 17:31:56  profilanswer
 

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

n°1719343
alx067
Posté le 17-04-2008 à 17:41:39  profilanswer
 

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
n°1719352
uncle buzz
Posté le 17-04-2008 à 17:52:48  profilanswer
 

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
n°1719377
gatsu35
Blablaté par Harko
Posté le 17-04-2008 à 18:20:11  profilanswer
 

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

n°1719378
alx067
Posté le 17-04-2008 à 18:20:20  profilanswer
 

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

n°1719380
alx067
Posté le 17-04-2008 à 18:21:08  profilanswer
 

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

mood
Publicité
Posté le 17-04-2008 à 18:21:08  profilanswer
 

n°1719384
uncle buzz
Posté le 17-04-2008 à 18:24:57  profilanswer
 

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

n°1719549
gatsu35
Blablaté par Harko
Posté le 17-04-2008 à 23:29:33  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
formulaire html /css[Résolu] Problème de récupération
[C#/.NET] Effets de particules sur un texte (feu)Effets de particules sur un texte (flamme)
Fonction qui teste un lien html[RESOLU][MYSQL] variable dans procédure stockée toujours NULL
[CSS] Sur firefox Ok, mais IE NotOk [RESOLU][Resolu] Boite de Saisi avec juste OK
[Résolu] Afficher les 10 dernières lignes d'un fichier 
Plus de sujets relatifs à : [résolu] CSS-HTML - texte surligné !???


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR