nul en htmlFermé

Question

Bonjour, j'essaie de creer mon site internet (du moins de le refaire a l'identique en html au lieu de flash) je suis le truc du zerodunet et des le debut je comprend pas! juste un fond pour commencer et ca s'affiche pas ! voila mon code si on peut me dire pkoi... merci d'avance.. BRK Online

marc1306 · Answer

http://brk-lacompagnie.com/brkonline/visuels/page1/fond.png

ça pointe sur rien !

avion-f16 · Answer

L'image n'existe pas.
Clique : http://brk-lacompagnie.com/brkonline/visuels/page1/fond.png

JustBrako · Answer

pourtant le fichier est bien hebergé sur mon serveur, je fait copier coller dans le presse papier et j'enleve ftp//u.... pour remplacer par http:// 
ptre mon serveur deconne.. le pire c'est que ca a marché au debut mais j'ai recommencé et là ca marchait plus....

marc1306 · Answer

met l'image dans le meme repertoire que ta page web
et tu met juste : fond.png dans ton background

JustBrako · Answer

okok ca marche merci bien, par contre, je peux centrer le fond comme sur mon site? ( http://brk-online.com )

marc1306 · Answer

tu sais faire tout ça en flash ? mais pas placer une image de fond?

JustBrako · Answer

lol ho non mon ami, je t'explique, un webmaster m'a fait ca en flash et maintenant que c'est l'heure des actulisations le gars a disparu donc je dois tout refaire ne possedant pas le fichier flash... alors que je ne connais rien en html c'est tres difficile pour moi et comme j'ai peu de temps alors que je dois urgemment mettre la mixtape d'un gars assez connu pour me faire un peu de pub ... voila le gars me laisse tomber au pire des moments...

marc1306 · Answer

soit tu te met a apprendre le html a long terme avec patience , ( et encore c rien y'a aussi le php , les base de données etc )

soit tu met un cms ou un blog déja tout prêt , c'est gratuit et évidemment open source

notobe · Answer

JusteBracko : il ne faut pas déclarer l'image de fond de cette façon, il faut passer par les feuilles de styles.
(et de recoller le lien que je viens de mettre dans un autre post.. ;) ) :
http://css.mammouthland.net/image-de-fond-background-css.php

JustBrako · Answer

merci marc1306 mais tu vois j'ai payé une charte graphique c pas pour faire un modele deja tout pret.... mais c'est vrai que ca serait plus simple...

ah cher notobe, tu sais ca me deprime j'arrive a rien j'ai passé 2 jours sur webcreator pour que les fichiers partent en cacahuete 3 fois donc j'ai abandonné ce log, et wé c une galere de tout faire bien..... et je suis obligé de faire du css? je peu pas me contenter du html?

garf · Answer

ton site n'est plus http://brk-online.com/  ??

JustBrako · Answer

si mais j'ai pris un autre domaine pour tester mes mer** sans prendre le risque d"abimer" le site tel qu'il est... comme je dois faire un autre site apres c'est pas perdu...

notobe · Answer

ben... oui, c'est mieux tout de même... Ne cherche pas à brûler les étapes. Les CSS ce n'est vraiment pas compliqué. Bon, dans le code que tu nous as donné tout à l'heure, tu rajoutes ça (la ligne mise en gras) : BRK Online Ensuite tu crées un fichier que tu nommeras style.css que tu enregistras dans le même répertoire que ta page html. Dans ce fichier style.css (qui doit donc être absolument vierge de tout au départ) tu colles ça : body { background:url(images/fond.png) center center no-repeat; } Ton image fond.png, tu l'enregistres dans un répertoire nommé "images". Tu transfères tout ça sur ton serveur : la page html (qui doit s'appeler index.html ou index.php), ton fichier style.css ; ton répertoire "images" avec le fond.png dedans.

marc1306 · Answer

je dirai meme pour mettre dans l'odre :
ca serai HTML , ensuite CSS 

faut deja maitriser les balise et un peu de code
pis meme pour un cms des qu'on veux y retoucher faut avoir les bases

pour ta peur de perdre ton design en prenant un cms  , dans bcp de sms tu peut modifier justement les CSS etc.. mais au moin t'as un truc rapide , sécurisé au minimum et fonctionnel
vu que t'as une contrainte de temps

JustBrako · Answer

merci de ton aide encore, alors j'ai fait ce que tu as ecrit, voila le resultat, c'est pas bon, j'ai mal fait koi ?
http://brk-lacompagnie.com

notobe · Answer

Tu as mis un  \ au lieu d'un / dans le chemin de l'image... (dans la feuille de style)

JustBrako · Answer

merci de tes conseil marc, je vais essayer quand meme de faire ca avec les conseils de notobe, mais si j'y arrive pas bien sur je ferai un truc bateau avec izispot ou koi mais je prendrai ca qu'en derniere soluce vraiment...

marc1306 · Answer

quand-la-rue.png n'existe pas

JustBrako · Answer

mdr j'suis vraiment un cas moi.....

marc1306 · Answer

a se demander si ya pas de la mauvaise volonté oui ^^

JustBrako · Answer

yalla !!!! enfin qqch a voir !!!! lol
bon ok c bon mais le soucis c que ce sal*** de fond est parti un peu trop haut chez moi, chez vous aussi?

JustBrako · Answer

yaaaaaaaaalla enfin qqch a voir !! merci !!!! bon ce sal*** de fond est parti dans les nuages par contre lol ! c chez moi ou c pareil chez vous?

http://brk-lacompagnie.com

notobe · Answer

Euh... ça ne va pas régler le pb, mais vire de ton code html le background="images/fond.png" présent dans le body

JustBrako · Answer

non dsl marc c vraiment pas de la mauvaise volonté je fais ca pour moi tu sais, je m'investi c just une erreur ca arrive...

j'ai viré la partie du code... ca change rien..

JustBrako · Answer

faut ptre que je vire aussi l'image quand-la-rue.png pour le moment?

notobe · Answer

Tu peux virer ton image de titre quand-la-rue ? on y voit rien, elle recouvre tout.

[edit : les grands esprits se rencontrent... ;) ]

JustBrako · Answer

c'est fait

turkishman · Answer

Voilà l' erreur : BRK Online enlève ça stp ( c'est pk ça ? )

écrit ici

Il faut créer un css pour mettre ton image en fond ou t' as d'autre technique ...

JustBrako · Answer

j'ai changé le code depuis turkishman:

http://brl-lacompagnie.com

JustBrako · Answer

http://brk-lacompagnie.com

j'ai fais un css avec l'aide de notobe

notobe · Answer

Bon, pour que ton image se "déroule" en hauteur, il faut que tu mettes du contenu dans ta page html Colle ça :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

et modifie un peu la CSS body { background:black url(images/fond.png) center center no-repeat; color:white; }

JustBrako · Answer

ok bon je vois un peu le truc, c'est bizar quand mm qu'on puisse pas lui dire de se caler... le fond fait la taille pile expres, c dommage... le tuto que tu m'a donné notobe est pas mal explicite je regarde si je trouve pour centrer ma banniere quand-la-rue.png

JustBrako · Answer

ma banniere (et les autres elements d'ailleurs) vont dans le css ou le html?

PhP · Answer

Bsr

un webmaster m'a fait ca en flash et maintenant que c'est l'heure des actulisations le gars a disparu donc je dois tout refaire ne possedant pas le fichier flash...

"Pas sympa" (<- ou autre qualificatif en fonction de ton humeur envers cette personne lol) ton webmaster il devrait qd même te filer les sources !
Si tu as payé tu aurais dû inclure une clause dans le contrat l'obligeant à te fournir les sources dès que celui-ci prend fin.

Enfin maintenant c'est trop tard ... mais sache que pour mettre du son sur ton site tu vas devoir utiliser du Flash !

notobe · Answer

Le problème d'une seule et unique image de fond : tu ne pourras pas t'adapter à toutes les résolutions : ceux qui ont un écran moins large que 1280px ne verront pas les bords de l'image, ceux qui ont des résolutions plus grandes auront des bords noirs.

Normalement... on évite un seule et même image en fond : on préfère faire un petite en répétition.
Mais bon...

Pour ce soir, ce sera tout pour moi : grosse fatigue et debout de bonne heure demain.
Bon courage ! :)

JustBrako · Answer

merci bcp de ton aide notobe, bonne nuit mon pote, PHP sache que le webmaster tkt pas quand je vais le recroiser ca va barder pour son matricule.... donc tu me dis que pour mettre du son je dois mettre du flash mais tu crois que je peux inserer un flashplayer comme pour ceux de myspace? car ca je sais les choper et les balancer dans le space..

PhP · Answer

Yes pour mettre du son tu dois intégrer un player mp3 Flash : celui que tu veux fera l'affaire mais il risque de dénoter avec le look de ton site 

Par contre je ne vois pas où est le problème avec l'image de fond dans la mesure où sur le site d'origine donc celui avec du Flash l'image de fond c'est déjà de l'HTML : y'a plus qu'à recopier le code  ;-)

La preuve : 

http://www.nobodysperfect.freesurf.fr/brk/brk.htm  

Toute ressemblance avec un site déjà existant ne serait que pure coïncidence !lol

Pour la police de caractère DaFont est ton ami : https://www.dafont.com/fr/aaaiight.font


Voilà t'as plus qu'à continuer

JustBrako · Answer

ca fait plaisir la petite remarque sur la page que t'as fait !!!! t'as téléchargé les tapes ou pas?
ah wé t'es un bon toi respect !!! moi j'ai regardé le code source mais j'ai rien capté !! NUL EN HTML !!! mais bon j'ai, je crois, reussi a mettre mon fond... bon maintenant faudrait que je mette une banniere, alors dois-je inserer l'image dans le code html ou css? car si je dois la mettre dans le code html je sais pas la caler ou je veux sans le css...

PhP · Answer

une image de fond se place dans le css : elle n'a pas d'existence propre c'est pourquoi on peut facilement écrire par dessus ;-)

tout autre image normalement se place dans le code HTML et se positionne comme tu l'as dit avec le css
sauf qu'en général on ne positionne pas directement l'image mais plutôt son conteneur.

Un conteneur est souvent une balise div. La balise div sert uniquement à délimiter de façon logique un ensemble de balises HTML. Un peu comme si tu dessinais sur une feuille de papier A4 au crayon plusieurs rectangles afin de délimiter l'espace réservé pour l'entête, le pied de page, le corps, le menu etc. A la fin tu te retrouves avec plusieurs rectangles sur ta feuille A4. Et bien en HTML chaque rectangle devient un div et chaque div est positionné via le css
Ensuite tu remplis chaque div avec du contenu c'est-à-dire d'autres balises HTML

Bon c'est simplifié à mort mais on va dire que c'est l'idée  ...

JustBrako · Answer

ok j'ai compris ce que tu m'as expliqué. mais je me pose une question: comment dire au css de tenir compte que d'un rectangle en particulier?

PhP · Answer

Bjr Excellent question ! Et bien en fait c'est facile ... mais comme toujours seulement lorsqu'on sait comment faire ! Pour cibler un élément avec le CSS il existe 2 possibilités : - attribuer une identifiant unique à l'élément via l'attribut id puis définir un sélecteur CSS indépendant pour cet identifiant. - utiliser une classe sur l'élément via l'attribut class puis définir un sélecteur CSS pour cette classe. La première solution est préférable lorsqu'on veut cibler un élément unique car une même classe peut être appliquée à plusieurs éléments HTML. Voici un ex basique avec 3 div qui se suivent représentant une tête de page (header), un contenu (main) et un pied de page (footer). Test DIV

Header

Main

Footer

Rien de révolutionnnaire et le rendu sur un navigateur non plus : ça donne 3 lignes en noir sur fond blanc Maintenant je veux que mon entête fasse 100px de haut, le contenu 200px et le pied de page 40 px. Voici ce que ça donne avec les identifiants "header", "main" et "footer" (l'anglais n'est pas obligatoire lol) et le CSS avec les sélecteurs indépendants. Note les id uniques ne sont finalement que des chaînes de caractères Test DIV

Main

Note que les sélecteurs indépendants ou encore basés sur les identifiants reprennent le nom de chaque identifiant en le préfixant par # Avec les classes : Test DIV

Main

cette fois on utilise l'attribut class dans les balises div. les sélecteurs CSS de classe reprennent le nom de la classe préfixé par un point ou encore "*." ce qui revient au même ;-) Ici la classe peut être appliqué à tous les éléments HTML. Si on est puriste et qu'on veut la réserver qu'aux seuls éléments div, alors on peut ajouter div devant le point div.header { height : 100px; } Naturellement le rendu est le même mais il vaut mieux utiliser la version avec les id plutôt que de multiplier les classes pour les rendre uniques. Maintenant je veux ajouter une bordure rouge à chaque div afin de bien visualiser la région qu'il occupe sur ma page : allez hop CSS in action Test DIV

Main

Ici on pourrait bien sûr ajouter les propriétés des bordures dans chaque sélecteur CSS. Mais y'a plus simple : je définie un style directement pour tous les éléments HTML div et en css il suffit de le nommer div pratique ;-) (ça s'apparente à la notion de sélecteur de classe) Tu noteras que non seulement les formats définis dans le selecteur div sont appliqués mais aussi ceux définis dans les sélecteurs indépendants : hé oui avec le CSS, les formats (ou styles) sont appliqués en cascade : les styles se cumulent ou bien se substituent les uns les autres selon l'ordre dans lequel ils apparaissent dans la page. C'est pas pour rien que ça s'appelle Cascading Style Sheets ! Peut-on mixer sélecteur indépendant et sélecteur de classe ? oui mais ça devient vite complexe ! Pour tout savoir sur les sélecteurs CSS et aller plus loin : http://fr.selfhtml.org/css/formats/global.htm Pour tout savoir sur le positionnement en CSS : https://openweb.eu.org/articles/initiation_absolue

JustBrako · Answer

alors j'ai bien eu ton message mais j'ai pas vraiment compris....j'ai reussi a faire ce que je souhaitais quand meme, si tu peux aller voir le resultat et me dire si tout vas bien ce serait sympa: 

site d'origine: 
http://brk-online.com

site copié:
http://brk-lacompagnie.com

merci

PhP · Answer

Bsr

Hum !

Error 403 - Forbidden

L'accès au fichier requiert une autorisation.


sur ton lien

JustBrako · Answer

hum
c'est certainement parce que je l'ai balancé en ligne !! lol
sur http:brk-online.com c'est le bon mon site fabriqué de mes doigt et de vos cerveaux !! lol  merci a vous et dis moi ce que t'en pense quand meme PhP...

Nul en html

44 réponses

Discussions similaires

Newsletters