Il y a actuellement 42 visiteurs
Mercredi 25 Avril 2018
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

Probleme mise en ligne CSS !

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS 1 , 2 / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

Probleme mise en ligne CSS !

Message le 28 Aoû 2013 15:42

Bonjour,
Aujourd'hui j'ai finit mon site web en HTML et je l'ai mis en ligne.
Mais le CSS ne s'affiche pas le fond, caractère gras, images...
Je ne comprends pas mon erreur je l'ai bien upload pourtant elle doit sûrement
être dans le code mais vu que je suis pas un expert en code et que je viens de commencer
l'apprentissage j'aimerai quelque conseil :
em
{
color: brown;font-size: 16px
}
.stream
{
color: red;font-size: 20px
}
H1
{
text-align: center;font-weight: bold;color: white; font-size: 60px
}
p
{
text-align: center;
font-size: 18px

}
p
{
color: white;
}
body
{
background-color: black;
color: black;
}
body{
background-image: url(site.jpg); {background-repeat: no-repeat}
}
H2
{
text-align: center;font-weight: bold;color: white; font-size: 50px
}
H3
{
text-align: center;font-weight: bold;color: red; font-size: 25px
}
H5
{
font-weight: bold;color: maroon; font-size: 60px
}
H6
{
font-weight: bold;color: blue; font-size: 60px
}

Merci de votre aide. :D

Cdt
waramere
Visiteur
Visiteur
 
Messages: 4
Inscription: 28 Aoû 2013 15:41
 


Re: Probleme mise en ligne CSS !

Message le 28 Aoû 2013 18:34

Bonjour waramere et Bienvenue sur PC InfoPratique

Je viens de revoir un peu le CSS, alors tu oublies à chaque fois les fin d'instruction ; avant les fermetures accolades. Tu avais des accolades dans des accolades, tu avais plusieurs Body et P, bien que ce ne soit pas gênant en soit au niveau du fonctionnement, mais cela ne respect pas les normes W3C. Et au niveau du Body, tu avais mis un fond noir avec des écritures noires.

Voilà :wink:


Code: Tout sélectionner
em{
color: brown;
font-size: 16px;
}

.stream{
color: red;
font-size: 20px;
}

H1{
text-align: center;
font-weight: bold;
color: white;
font-size: 60px;
}

p{
text-align: center;
font-size: 18px;
color: white;
}

body{
background-color: black;
color: white;
background-image: url('site.jpg');
background-repeat: no-repeat;
}

H2{
text-align: center;
font-weight: bold;
color: white;
font-size: 50px;
}

H3{
text-align: center;
font-weight: bold
color: red;
font-size: 25px;
}

H5{
font-weight: bold;
color: maroon;
font-size: 60px;
}

H6{
font-weight: bold;
color: blue;
font-size: 60px;
}


Si après ces modifications, il n'y a toujours pas de CSS, regardes du côté du code HTML si le chemin vers la feuille de style est correcte.

@ Bientôt :P
Image
mcuser
Expert(e)
Expert(e)
 
Messages: 604
Inscription: 23 Mar 2013 18:16
Localisation: Haute Normandie
 

Re: Probleme mise en ligne CSS !

Message le 28 Aoû 2013 19:34

Bonjour et merci de m'avoir répondu,
Malgré vos effort, le fichier css ne marche pas sur le web mais quand je le lance en mode hors connexion (non héberge par un site) tous marche a merveille ... Drôle de coïncidences pourtant j'ai belle et bien upload tous mes fichier grâce a filezilla.

Voici mon code de redirection vers style.css : <link rel="stylesheet" type="text/css" href="style.css">

Merci de votre aide
Cdt
waramere
Visiteur
Visiteur
 
Messages: 4
Inscription: 28 Aoû 2013 15:41
 

Re: Probleme mise en ligne CSS !

Message le 28 Aoû 2013 21:17

Re,

Hum ... ton code pour appeler la feuille de style est bien dans le HEAD ?
En gros tu as ceci :

Code: Tout sélectionner
<!DOCTYPE html>
<html>
    <head>
        ...
        ...
        ...
        <link rel="stylesheet" type="text/css" href="style.css" />
        ...
        ...
        ...
    </head>
 
    <body>
        ...
        ...
        ...
    </body>
</html>


Attention dans ton code tu as oublié le / juste avant de fermer la balise, comme ce que j'ai mis au dessus ;)

Sinon comme il s'agit d'un petit site, tu peux faire ceci :

Code: Tout sélectionner
<!DOCTYPE html>
<html>
    <head>
        ...
        ...
        ...
        <style>
                em{
                    color: brown;
                    font-size: 16px;
                    }

                    .stream{
                    color: red;
                    font-size: 20px;
                    }

                    H1{
                    text-align: center;
                    font-weight: bold;
                    color: white;
                    font-size: 60px;
                    }

                    p{
                    text-align: center;
                    font-size: 18px;
                    color: white;
                    }

                    body{
                    background-color: black;
                    color: white;
                    background-image: url('site.jpg');
                    background-repeat: no-repeat;
                    }

                    H2{
                    text-align: center;
                    font-weight: bold;
                    color: white;
                    font-size: 50px;
                    }

                    H3{
                    text-align: center;
                    font-weight: bold
                    color: red;
                    font-size: 25px;
                    }

                    H5{
                    font-weight: bold;
                    color: maroon;
                    font-size: 60px;
                    }

                    H6{
                    font-weight: bold;
                    color: blue;
                    font-size: 60px;
                    }
        </style>
        ...
        ...
        ...
    </head>
 
    <body>
        ...
        ...
        ...
    </body>
</html>



@ bientôt
Image
mcuser
Expert(e)
Expert(e)
 
Messages: 604
Inscription: 23 Mar 2013 18:16
Localisation: Haute Normandie
 

Re: Probleme mise en ligne CSS !

Message le 28 Aoû 2013 22:27

Merci Mille et une fois de m'avoir aider
cela a permis de résoudre mon problème :D
Je n'avais pas pensé a mettre le css dans le HTML a vrai dire je savais pas que l'on pouvais faire cela.
Si je pourrais te demander une dernière chose mon image n’apparaît pas : <img src="tn_1.PNG" height="250" width="400" >

Merci Cdt :)
waramere
Visiteur
Visiteur
 
Messages: 4
Inscription: 28 Aoû 2013 15:41
 

Re: Probleme mise en ligne CSS !

Message le 29 Aoû 2013 06:56

Bonjour,

De la même manière il manque le / avant la fermeture de la balise :

Code: Tout sélectionner
<img src="tn_1.PNG" height="250" width="400" />


Rappelle toi bien qu'il faut toujours fermer tes balises correctement, soit :

<balise> ... </balise>

ou

<balise />

Sinon je ne vois pas de souci dans ce code, mais vérifies que l'image est bien à la racine de ton site et vérifie également si les minuscules et majuscules sont bien respectés au niveau de ceci tn_1.PNG car si le serveur qui héberge ton site est sous Linux ce qui est probable alors il très important de respecter la casse.

@ Bientôt
Image
mcuser
Expert(e)
Expert(e)
 
Messages: 604
Inscription: 23 Mar 2013 18:16
Localisation: Haute Normandie
 

Re: Probleme mise en ligne CSS !

Message le 29 Aoû 2013 14:22

L'image ne fonctionne toujours pas :S malgré le code donné
waramere
Visiteur
Visiteur
 
Messages: 4
Inscription: 28 Aoû 2013 15:41
 

Re: Probleme mise en ligne CSS !

Message le 30 Aoû 2013 16:57

Bonjour,

Avec un peu de retard :roll:
Je ne vais pas pourvoir d'aider plus que cela avec si peu d'élément, si ton image est bien au même niveau que ta page HTML alors il n'y a pas de raison pour que cela ne fonctionne pas (vérifie bien les minuscules et majuscules, c'est super important). Ce code :

Code: Tout sélectionner
<img src="tn_1.PNG" height="250" width="400" />


Est correcte, l'erreur ne vient de là.

@ Bientôt et bon weekend
Image
mcuser
Expert(e)
Expert(e)
 
Messages: 604
Inscription: 23 Mar 2013 18:16
Localisation: Haute Normandie
 



Sujets similaires

Message problème avec le groupe résidentiel
Bonjour,J'ai créée un réseau avec 4 pc sous Windows 10 dans un groupe résidentiel mais est-ce normal de pouvoir accéder uniquement du premier pc qui m'a permis de créer le groupe mais pas de le voir sur les autres pc ?Dans la partie "réseau", je ne vois que les "périphériques médias& ...
Réponses: 18

Message Votre avis sur un problème d'écran PC portable
Bonjour à tous,Je vous sollicite suite à un problème concernant un vieux PC portable (un Toshiba Satellite A200-2BV).Comme il traîne depuis un moment sans servir, j'aimerais le revendre.Mais avant je souhaite résoudre le problème de l'écran.Comme vous pourrez le voir sur la photo, il y a des lignes ...
Réponses: 3

Message Problème Installation Chrome
BonjourJ'ai un petit problème. Google Chrome avait tendance à se planter tout seul sur mon PC. J'ai donc décidé de le désinstaller et de le réinstaller sur mon ordi. Petit problème, je n'arrive pas à l'installer. Il me met erreur 0Xa0430721Je n'arrive pas à trouver la solution. Quelqu'un peut-il m'a ...
Réponses: 2

Message Problème triple écran
Bonjour, J'ai un problème qui arrive très souvent : j'ai 3 écrans G-Sync en 144 Hz branché sur ma 1080 et quand j'ai des streams twitch ouvert cela bug comme si mon pc beugé et je ne sais pas pourquoi. Pour information j'ai 2 écrans branchés en Display et 1 en HDMI. Voici les modèles de mes écrans: ...
Réponses: 1

Message Problème casque commande vocale f1 2017
Bonjour je voudrais de l'aide, car j'ai un problème avec mon casque steelseries arctis 5 car dans le jeux f1 2017, quand je veut utilisé la commande vocal pour demander des infos à mon ingénieur, ça marche pas alors que le micro marche parfaitement avec Skype, discord et même cordana, alors je voudr ...
Réponses: 1

Message Probleme routeur Dlink
Bonjour, Voila depuis ce matin je ne sais plus me connecter à mon routeur.Donc j'ai reconfiguré mon routeur et il m'est impossible de m'y reconnecter Meme à partir d'un pc qui est connecté par cable ethernet directement sur le routeur(sans utiliser le sans fil) Quelles seraient les solutions? Mer ...
Réponses: 7

Message Microsoft office starter problème
BonjourJ'ai téléchargé Microsoft office starter 2010 avec Microsoft office démarrer en 1 clic 2010 pour faire mon CV et mes lettres de motivations.Je viens de finir ma formation employée administratif et j'ai besoin de celui-ci.Le soucis est qu'il s'ouvre et me note impossible d'ouvrir réparer ou ré ...
Réponses: 7


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités


.: Nous contacter :: Flux RSS :: Données personnelles :.