Il y a actuellement 418 visiteurs
Vendredi 05 Décembre 2025
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 / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...
Répondre

Probleme mise en ligne CSS !

Message le 28 Aoû 2013 14: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 14:41
 
Haut

Re: Probleme mise en ligne CSS !

Message le 28 Aoû 2013 17: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
mcuser
Expert(e)
Expert(e)
 
Messages: 598
Inscription: 23 Mar 2013 17:16
Localisation: Haute Normandie
 
Haut

Re: Probleme mise en ligne CSS !

Message le 28 Aoû 2013 18: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 14:41
 
Haut

Re: Probleme mise en ligne CSS !

Message le 28 Aoû 2013 20: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
mcuser
Expert(e)
Expert(e)
 
Messages: 598
Inscription: 23 Mar 2013 17:16
Localisation: Haute Normandie
 
Haut

Re: Probleme mise en ligne CSS !

Message le 28 Aoû 2013 21: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 14:41
 
Haut

Re: Probleme mise en ligne CSS !

Message le 29 Aoû 2013 05: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
mcuser
Expert(e)
Expert(e)
 
Messages: 598
Inscription: 23 Mar 2013 17:16
Localisation: Haute Normandie
 
Haut

Re: Probleme mise en ligne CSS !

Message le 29 Aoû 2013 13:22

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

Re: Probleme mise en ligne CSS !

Message le 30 Aoû 2013 15: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
mcuser
Expert(e)
Expert(e)
 
Messages: 598
Inscription: 23 Mar 2013 17:16
Localisation: Haute Normandie
 
Haut
Répondre

Sujets similaires

Message [Réglé] mise en route carte mère
Bonjour,Dans ma tour, j'ai installé une carte Asrock A520M- HDV, (j'ai un DVD asrock que je n'ai pas mis dedans). Le ventirad Arctic alpine 23co,Le disque Crucial BX500 SATA SSD?Le processeur AMD Rysen 5 5500,J'ai ajouter une Ram 8go,Et j'ai gardé la carte graphique Geforce GT 710 1go.J'ai mis le p ...
Réponses: 22

Message Probleme d'affichage : haut de l'écran qui apparait en bas
Bonjour/BonsoirJ'ai un probleme lorsque mes jeux sont lancés (pas tous en meme temps, je rassure)Lorsque j'allume minecraft ou Hogwards Legacy que j'utilise en ce moment, j'ai un bug d'affichage qui est le suivant ... Le haut de mon écran apparait en bas en sautant. Peu importe que je suis en plein ...
Réponses: 1

Message [Réglé] Problème sur écran neuf
Bonjour,j'ai encore un souci suite au sujet de mon écran ICI. Etant donné qu'il est noté réglé, peut-être qu'il n'est plus trop "visible".Mon ancien écran ayant rendu l'âme après 17 ans, j'ai acheté un écran Acer 24 pouces cba242yabir trouvé en solde à 109? chez Leclerc. Je le trouve franc ...
Réponses: 14

Message [Résolu]probleme Ads by Images+
Depuis quelque jours avec mon moteur de recherche Google sur Firefox, c'est ajouté Ads by Images+merci
Réponses: 16

Message AVS Video Converter problème
Bonsoir à tous, J'esaie d'installer AVS Video COnverter, un vieux programme sont je stockais le dossier compressé .rar, mais Win 10 (ou 11 mnt je sais même plus lol) refuse de l'ouvrir. Il m'indique en rouge le message suivant : ''Cette application a été bloqué pour ma protection, un administrateur ...
Réponses: 4

Message problème d'installation Windows 11 sur pc Asus
Bonjour,Pourriez-vous m'aider pour effectuer l'installation de Windows 11 sur un pc gamer " Asus G11 CD K" acheté en 2018 car je n'arrive pas à la finaliser car à 77 %, il redémarre et ensuite cela m'affiche "reboot and select proper boot device or insert boot media in selected boot ...
Réponses: 5

Message [Réglé] Téléchargement Windows 11 : mise à jour Bios ?
Bonjour à tous, la date limite pour le transfert de W10 vers W11 approche. Que voulez-vous, je traine... 1 - Il n'y a pas de question bête mais quand même: faudra-t-il réinstaller tous les programmes après W11? Tous mes documents sont sauvegardés sur un disque différent (externe).2 - La méthode su ...
Réponses: 29

Haut

Qui est en ligne

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

Forum Informatique aide pour le matériel sous Windows, Linux, Logiciels et Jeux Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group

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