Problème codage

22-03-2013 18:03:50

Bonjour,

Alors voilà j'ai un problème ma page html ne se "fusionne" pas avec mon css j'ai tout essayer voici mes textes (j'ai mis n'importe quoi dans mes textes) :

Mon html :

<html>

<head>
<title> Bonjour </title>
</head>

<body>

<h1> Bonjour </h1>

<p> Salut </p>

<h2> Lol </h2>

</body>

</html>

Mon css :

body
{
background-color: black; /* Le fond de la page sera noir */
color: white; /* Le texte de la page sera blanc */
}

Et voici ce que ça donne :

Bonjour

Salut

Lol

Merci,cordialement boune00

22-03-2013 18:20:20

Ton css est dans une page séparée ?

Si oui, il faut que tu mette dans le head "<link rel="stylesheet" type="text/css" href="emplacementdetoncss">

Code:

<link rel="stylesheet" type="text/css" href="">

Dernière modification par BlackRaven (22-03-2013 18:21:36)

22-03-2013 18:21:41

[quote=boune00]Bonjour,

Alors voilà j'ai un problème ma page html ne se "fusionne" pas avec mon css j'ai tout essayer voici mes textes (j'ai mis n'importe quoi dans mes textes) :

Mon html :

<html>

<head>
<title> Bonjour </title>
</head>

<body>

<h1> Bonjour </h1>

<p> Salut </p>

<h2> Lol </h2>

</body>

</html>

Mon css :

body
{
background-color: black; /* Le fond de la page sera noir */
color: white; /* Le texte de la page sera blanc */
}

Et voici ce que ça donne :

Bonjour

Salut

Lol

Merci,cordialement boune00 :)[/quote]
Salut, pour commencer tu devrais déclarer que c'est une page html donc fait comme ça :

Code:

<!DOCTYPE html >
<html>
<head>

</head>

<body>

</body>
</html>

Ensuite le code css doit se trouver soit entre les balises <head> et </head> comme ceci :

Code:

<head>

<style type="text/css">
Ton code css ici
</style>
</head>

Soit dans une autre page avec l'extension .css et pour faire appel à cette page tu fais comme ceci :

Code:

<head>
<link rel="stylesheet" type="text/css" href="lenomdetapage.css">
</head>

Déconseillé : soit tu le mets dans une balise comme ceci :

Code:

<p style="color:blue;">Ton texte ici</p>

Dernière modification par tSoN (22-03-2013 18:22:24)

22-03-2013 18:23:58

Merci je vous kiffe je suis bloquer il le dise pas ça x)

[spoil]Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]

10-04-2013 12:06:48

Me revoilà j'arrive à la fin de mes leçon de html on est obliger d'apprendre le php pour un site car sa a l'air long x) ?

[spoil]Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]

10-04-2013 12:09:40

[quote=boune00]Me revoilà j'arrive à la fin de mes leçon de html on est obliger d'apprendre le php pour un site car sa a l'air long x) ?

[spoil]Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]
[/quote]
Ca dépend si tu veux créer un site "dynamique" ou pas. Un site dynamique contient un espace membre, etc ...

L'html et le css c'est juste pour faire la mise en page mais si tu veux faire un formulaire d'inscription, etc ... il faut apprendre le php.

Si tu as un doute sur un de tes projets et que tu ne sais pas quoi utiliser, mp moi je te dirai.

10-04-2013 12:14:21

Le php honnêtement est dure est long ou pas ?

[spoil]argu argu argu argu argu argu argu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu argu argu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu argu[/spoil]

10-04-2013 12:17:43

[quote=boune00]Le php honnêtement est dure est long ou pas ?

[spoil]argu argu argu argu argu argu argu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu argu argu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu arguargu argu argu argu argu argu[/spoil]
[/quote]
Ca dépend de toi. Si t'as une bonne mémoire et que tu exerces souvent, c'est vite fait. Sinon je sais pas.

Moi je retiens facilement et j'essayais de faire des trucs seul à partir de ce que j'avais apprit.

Et quand il te donne un code tout fait, le copie/colle pas. Réécrit le, ça va t'aider pour mémoriser.

Essaye aussi de faire des trucs toi même, prend pas que ce qu'il y a sur le tutoriel.

17-04-2013 15:53:45

Me revoilà pour d'autres questions est-ce que les média queris sont utiles car je ne comprend pas tout ?

[spoil]Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]

17-04-2013 16:03:13

[quote=boune00]Me revoilà pour d'autres questions est-ce que les média queris sont utiles car je ne comprend pas tout ?

[spoil]Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]
[/quote]
enfaite c'est utile mais pas indispensable, tu prend won, les média queries ne sont pas utilisé, pour le vérifier tu n'a qu'a y aller avec ton téléphone et tu verra que le site ne s'adapte pas a ton écran. Pour être plus précis ces techniques servent à faire un seul et même site mais qui s'adapte a tous écran (ordinateur, comme tablette ou encore téléphone portable). Pour un premier site cela n'est pas nécessaire, ce n'est qu'un "plus". De plus ces techniques permettent a ne pas faire plusieur site car tu peux avoir 2 site où il y aura le même contenu mais avant on te demandera "accédez a la version portable ou sur le site" . Si cela n'est pas très claire je te redirige sur le site du zéro ou cela est superbement bien expliqué ! au faite , Média Queries= Responsive design :

http://www.siteduzero.com/informatique/ … ive-design

17-04-2013 16:05:55

Je suis en train d'apprendre sur le site du zéro je te remercie parce que honnêtement je ne comprend pas tout et j'avais un peu peur pour mes futurs site voilà je te remercie

[spoil]Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]

17-04-2013 17:42:19

pour ce qui est du php pour te repondre ca prend du temps a l'apprendre et cela peut etre compliqué mais c'est un langage utile
telecharge des trucs comme easy php qui te permettront de pouvoir visualiser tes pages php
t'auras sans doute besoin de phpmyadmin et de mysql qui sont fournies pour creer ta base de donnees etc
le site du zero est bien fait si tu prends ton temps sur les lecons et que tu piges vites tu pourras yarriver sans souci

18-04-2013 18:10:15

Me revoilà je pense que ce seras ma dernière questions comment faire pour que les accents apparraissent normalement sur la page web ? merci

[spoil]Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]

18-04-2013 18:32:53

Tes pages en utf-8 sans bom et ça devrait être bon.

Dernière modification par Onjü (18-04-2013 18:34:10)

18-04-2013 18:36:45

Bon cette fois c'est la dernières mes images ne s'affiche pas sa me met une petite icone x)

[spoil]Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]

18-04-2013 18:41:34

Les liens de tes images doivent pas être bon.

Dernière modification par Onjü (18-04-2013 18:41:47)

18-04-2013 18:52:59

Ah oui sebon j'ai réussi merci On se retrouveras pour le php
[spoil]Erreurs
Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]

Dernière modification par boune00 (18-04-2013 18:58:53)

29-04-2013 22:16:16

Bonjour alors voilà je suis à la création d'un site en html et css et j'aimerais faires flotter mon texte a côté d'une bordure (qui seras mon menu de navigations) voici le code html :

<html>

<head>

<link rel="stylesheet" href="Page_d'accueil.css">

<meta charset="ISO-8859-1" />

<title> Wiki Mangas </title>

</head>

<body>

<header>

<center><img src="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Les Images/Banniere.png" alt="Bannière Wiki Mangas" / ></center>

<nav><p class="menu">Je veux que tu flotte ! </p></nav>

<h1> Découvront les mangas: </h1>

</header>

<section>

<br />

<h2>Un Manga c'est quoi ? </h2>

<p>Un Manga est un livre qui se lis a l'envers c'est-à-dire de gauche à droite sous forme de B.D; c'est-à-dire avec des bulles pour les dialogues des personnages et des dessin.</P>

<center><img src="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Les Images/manga.png" alt="Un manga" /></center>

<h2>Comment ça se lit ? </h2>

<p> Un Manga se lit de droite à gauche or un livre normal et de gauche à droite. Pour l'intérieur quand on ouvre la page on lit d'abord la "case" situé à droites mais les écritures

dans les bulles restes de gauche à droite.</p>

<center><img src="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Les Images/sens.png" alt="sens de lecture d'un manga numéroté" /></center>

<h2> J'ai lu plusieurs mangas il y a que des combats c'est nul ! </h2>

<p> Il y a différent types de mangas mais la plupart sont des mangas d'action </p>

<center><img src="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Les Images/couverture.png" alt="Couverture du manga Naruto" /></center>

<h2> Mais Qui écrit ces Mangas ? </h2>

<p> C'est des écrivains nommés Mangaka qui sont majoritairement Japonnais </p>

<center><img src="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Les Images/Mangaka.png" alt="Eichiro Oda créateur de One piece" /></center>

<h2> Mais Ils font tout eux même ? </h2>

<p> Pas tous, je m'explique certaines personnes font l'histoire et les dessins ou d'autres sois l'un; sois l'autre. Mais il ont une équipe qui les aides pour chaques mangas.

<h2>Les Principaux Mangas</h2>

<ul>

<li><a href="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Le codages/One piece.html">One piece: Un Manga d'action sur les pirates</a></li>

<br />

<li><a href="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Le codages/Naruto.html">Naruto un manga d'action sur les Ninjas</a></li>

<br />

<li><a href="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Le codages/Hunter X Hunter.html"> Hunter X Hunter: Un manga sur des Hunters </a></li>

<br />

<li><a href="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Le codages/Full Metal Archemist.html"> Full Metal Archemist: un manga sur des alchimistes </a></li>

<br />

<li><a href="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Le codages/Fairy Tail.html"> Fairy Tail: Un manga de magiciens </a></li>

<br />

<li><a href="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Le codages/Death Note.html"> Death Note: Un Livre qui peux tuer va tout changer </a></li>

</ul>

</section>

</body>

</html>

Mon code css :

p

{

color: blue;

font-size: 1.2em;

font-family: Arial;Georgia;Verdana;

font-style: italic;

font-weight: bold;

}

h1

{

color: #ff423b;

font-size: 4.2em;

text-decoration: underline;

text-align: center;

}

h2

{

text-decoration: underline;

color: #00e319;

font-size: 2.2em;

}

a

{

color: black

}

.menu

{

width: 330px;

height: 50px;

border: 1px solid black

}
Normalement il y avait une image mais j'ai pas réussi à l'insérer désolé x)

J'aimerais que ou c'est marquer je veux que tu flotte qu'il y surplombe le côté droit de ma page comment faire ? Quand je met float a la balises .menu la bordure s'efface voilà merci.

P.S: Désolé pour les fautes.

Cordialement boune00

29-04-2013 22:46:51

Déjà, c'est pas pour t'embêter, mais si tu mets tes lien d'image en "absolu", c'est à dire avec le C:/etc, bah tu pourras jamais t'en servir sur le net.
Tu dois bien faire attention à les mettre en relatifs.
Par exemple :

[b]Dossier de base
|____ img[dossier]
|
|____ css[dossier]
|
|____ index.html
[/b]
Immaginons que tu sois dans l'index.html et que tu veuilles appeler ta feuille de style, tu devras faire :

Code:

<link rel="stylesheet" src="css/style.css" />

ET NON PAS :

[s]<link rel="stylesheet" src="C:/USERNAME/css/style.css" />[/s]

Il en va de même pour les images !

Tu appelleras une images de la manière suivante :

Code:

<img src="img/sens.png" alt="sens de lecture d'un manga numéroté" />

ET NON PAS :

[s]<img src="C:\Users\Benjamin\Desktop\Mes Sites\Wiki Mangas\Les Images/sens.png" alt="sens de lecture d'un manga numéroté" />[/s]

Encore une fois, c'est pareil pour les pages que tu appelles.
Si on imagine qu'elles sont toutes dans un seul et même dossier, quand tu fais ton lien, tu dois faire :

Code:

<a href="./Full Metal Archemist.html"> Full Metal Archemist: un manga sur des alchimistes </a>

Fais bien attention à ça, ça peut vite te poser problèmes

Maintenant, pour ce qui est de ton texte qui vol !

Tu peux essayer dans le code, de mettre ton bloc en absolu et de lui donner les coordonnées en pixel de l'emplacement ou il doit être.

Par exemple :

Code:

.menu{
   position : absolute;
   left:30px;
   top:60px;
}

Il y a surement d'autres solutions, mais faudrait avoir un screen de ton résultat pour voir
________________________________________________

En espérant t'avoir été utile !

Bonne continuation

Dernière modification par BlackRaven (29-04-2013 22:47:48)

30-04-2013 08:02:18

[quote=BlackRaven]

Code:

.menu{
   position : absolute;
   left:30px;
   top:60px;
}

[/quote]
En px ? Ça serait pas mieux d'utiliser la taille de police(em) ? Ou les pourcentages?

Code:

.menu{
   position : absolute;
   left:15em;
   top:30em;
}

Dernière modification par Uchiwa Reharl (30-04-2013 08:03:39)

30-04-2013 14:11:10

Si j'ai bien capté le truc, le gars veut coller son menu à droite, c'est bien ça ? Du coup, au lieu de foutre le menu à droite et faire flotter le texte de la page, ne vaut-il mieux pas faire flotter le menu à droite et laisser le texte tel quel ?

Ou c'est moi qui n'ai rien compris ?

[quote=boune00]<meta charset="ISO-8859-1" />[/quote]
Je te souhaite une mort lente et douloureuse.

30-04-2013 14:13:32

Pourquoi qu'elle est le soucis avec ce codage ?
[spoil]Erreurs
Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]
J'arrive plus les images

Dernière modification par boune00 (30-04-2013 14:23:57)

30-04-2013 14:33:42

[quote=Uchiwa Reharl][quote=BlackRaven]

Code:

.menu{
   position : absolute;
   left:30px;
   top:60px;
}

[/quote]
En px ? Ça serait pas mieux d'utiliser la taille de police(em) ? Ou les pourcentages?

Code:

.menu{
   position : absolute;
   left:15em;
   top:30em;
}

[/quote]
En faite c'est plus une histoire de "convention" de codeurs , les px sont le plus souvent utilisés, il sera plus souvent amené a rencontrer des px plutôt que des em donc autant prendre les bonne habitudes maintenant ^^'

Tu n'arrive pas a faire quoi avec les images ?

30-04-2013 14:38:58

[spoil]es erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]
Bah je n'arrive pas à les afficher

30-04-2013 14:41:32

[quote=boune00][spoil]es erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.[/spoil]
Bah je n'arrive pas à les afficher [/quote]
bah envoie ton code on peux pas deviner XD

Forums » Problème codage: