Forum Combat Arms France • Communauté Francophone Depuis 2009

Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Rechercher
Résultats par : Messages Sujets
Recherche avancée

Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Le Deal du moment : -14%

Apple MacBook Air (2020) 13,3″ Puce Apple M1 ...

5 participants

Page HTML forumactif (help code)

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°1

Page HTML forumactif (help code)

par IRONLORE Mar 22 Fév - 0:07

Voilà j'ai un petit soucis, j'ai créer une page html forum actif que vous pouvez voir en cliquent sur ce lien http://jet-hits.kanak.fr/ Le texte et les images, videos etc... ne sont pas fixe. Je veux dire par là, que si vous réduisez la fenêtre, le texte bouge avec image et video pour s'adapter. (réduisez la fenêtre à fond vous comprendrez) Voilà, sauf que moi je ne veux pas que ca bouge, je veux que ca reste figé, en gros si je réduis la fenêtre, je ne verrai plus qu'une partie de se qui est affiché sur la page html.
Je connais que le langage html, et d'après se qu'on ma dit, il existe pas de code html qui fixe la page web.
Donc voilà si vous avez une astuce, merci de me la faire partagé. Crying or Very sad

Crying or Very sad

Cordialement IRONLORE

PotHEdd: Membre Expérimenté; Messages : 992
Date d'inscription : 09/02/2011
Age : 44

Message n°2

Re: Page HTML forumactif (help code)

par PotHEdd Mar 22 Fév - 0:25

Je te conseil ce tuto si tu ne connais pas déjà: sdz-html/css
Puisque apparemment tu connait déjà le html vas direct au chapitre sur le css, c'est facile et tu devrai y trouver la solution à ton problème Wink

Wink

PS: ton lien ne marche pas... en cours de construction.

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°3

Re: Page HTML forumactif (help code)

par IRONLORE Mar 22 Fév - 0:40

je connais très bien même! ^^
Je sais se qu'il faut faire un peut près
Il faut déjà que je rentre les balises par défault. (Couleur font de page, couleur texte etc... réglage dans se genre)
Ensuite je crois qu'il faut rentré une balise de style et indiquer qu'on utilise du css.
On inclut le code pour que la page reste fixe, mais ca reste fixe uniquement pour le css.
Alors je pense qu'il faudrait utiliser un système qui permet ensuite de rentrer du html dans du css pour que le code css s'applique au html.

Tu comprend ou pas?
Et personnellement j'aimerai énormément qu'on me prépare déjà le code tous fait ^^.

Code:: Page HTML par défault - On rentre un code pour utiliser du CSS - On rentre la balise CSS pour que cela reste fixe (mais problème ca restera fixe uniquement pour tous se qui fait partie de la balise CSS. Donc soit j'utilise du CSS soit je trouve le code pour intégré un code html dans la balise css. - Une fois mon html fini je ferme la balise - Une fois la balise html fermé je ferme la balise CSS - Je peux continué a faire du html mais le html ne sera pas fixé car cela ne lui concerne pas.

Voilà se que je pense, je tiens à dire que c'est théorique ^^

PotHEdd: Membre Expérimenté; Messages : 992
Date d'inscription : 09/02/2011
Age : 44

Message n°4

Re: Page HTML forumactif (help code)

par PotHEdd Mar 22 Fév - 0:55

Normalement si dans ton fichier .html tu identifie un bloc avec des balises

Code:: <div id="monStyle"> </div>

et que dans ton fichier .css tu mets des attributs de hauteur et largeur

Code:: #monStyle { width:800px; height:400px; }

ton bloc ne peut pas se déformer.

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°5

Re: Page HTML forumactif (help code)

par IRONLORE Mar 22 Fév - 1:08

oui on est d'accord, mais je veux dire que si je ne fais pas la construction de ma page web dans se bloc (image, texte etc...) ça ne sera pas fixé. Seront fixé uniquement ceux dans le bloc. Et le problème, dans le bloc c'est du css.
Donc est-ce que je peux indiquer dans ma page html que j'utilise un bloc css et indiquer dans ce bloc que j'utilise un langage html. Tu vois le bordel?

Genre regarde

Code:: <html> // langage par default <div id="css"> // j'indique que je veux utiliser du css (c'est un exemple, je pense pas que ca soit exactement ça.) #css // J'indique se que je veux que fasse mon css (en gros fixé la page) { width:800px; height:400px; } // ensuite je sais pas si c'est possible mais théoriquement je voudrai faire ceci <div id="html"> // je demande de mettre du html dans le bloc css <html> // je fais ma présentation de ma page web en html <TITLE>bla bla bla</TITLE> [...]etc... </div> // une fois fini mon html je le ferme </div> //ensuite je ferme mon css code qui normalement devrait me fixé le css et le html inclut dans son bloc

Dernière édition par IRONLORE le Mar 22 Fév - 1:19, édité 1 fois

PotHEdd: Membre Expérimenté; Messages : 992
Date d'inscription : 09/02/2011
Age : 44

Message n°6

Re: Page HTML forumactif (help code)

par PotHEdd Mar 22 Fév - 2:20

Le css sert à mettre du html en page justement, entre les balises div c'est ton html que tu dois mettre.
Pour que ça soit plus clair je te conseil de créer ton css dans un fichier à part dans un fichier texte que tu renomme avec une extension .css et pas dans ta page html...

Fichier design.css se trouvant dans le même répertoire que ta page html:

Code:: body { background-color: black; } /*le corps de ta page sera noir*/ h1, h2 { color: red; } /*tes titres h1 et h2 seront écrits en rouge*/ #stylePerso { background-color: blue; width:800px; height:400px; } /*tout le code que tu placera entre des balises <div=stylePerso> et </div> sera dans un bloc bleu de 800*400 pixels*/

Fichier .html:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Exemple d'utilisation de CSS externe</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" /> /*tu appel ta feuille de style*/ </head> <body> /*fond noir*/ <h1>Titre</h1> /*écrit en rouge*/ <div id=stylePerso> <h2>Sous-titre</h2> /*écrit en rouge*/ <p>Cette page comporte une feuille de style externe. C'est la meilleure méthode à utiliser quand on fait du CSS.</p> </div> /*ton paragraphe est créé dans un bloc du style stylePerso*/ </body> </html>

Je te conseil vraiment de reprendre le tuto calmement depuis le début, le css est facile à maitriser si on prend un peu son temps au début et permet de faire des mises en page magnifique.

crédits M@teo21 siteduzero

PS: désolé mais je n'aurait pas le temps de te coder ta page j'ai déjà trop de projets en cours Wink

Wink

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°7

Re: Page HTML forumactif (help code)

par IRONLORE Mar 22 Fév - 2:29

Ok je vais mis collé tous de suite

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°8

Re: Page HTML forumactif (help code)

par IRONLORE Mar 22 Fév - 2:30

Tiens mon site en question http://jet-hits.kanak.fr/h2-teste

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°9

Re: Page HTML forumactif (help code)

par IRONLORE Mar 22 Fév - 2:54

d'accord je comprend, j'aurai besoin d'un coup de main par contre, j'utilise un ftp, j'ai supprimé la page index.htm pour mettre une page index.css. le truc, c'est que le fichier index.css je veux que ca s'ouvre comme la 1er page du site. Regarde comment ca fait http://teamspeak2.00fr.com/

et sinon tu aurai pas un gars qui se serait cassé la tête a faire ce genre de site http://werbach.com/barebones/fr_barebone.html#color mais pour le langage css?

PotHEdd: Membre Expérimenté; Messages : 992
Date d'inscription : 09/02/2011
Age : 44

Message n°10

Re: Page HTML forumactif (help code)

par PotHEdd Mar 22 Fév - 3:11

Tu dois garder ton fichier index.html, ajouter un fichier design.css(ou n'importe quel autre nom) et appeler le css en ajoutant la ligne

Code:: <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />

entre les balises head de ton html comme dans l'exemple.

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°11

Re: Page HTML forumactif (help code)

par IRONLORE Mar 22 Fév - 11:04

hein ok! jme sens con je sais même pas si cela va marcher de refaire une page index.htm

PotHEdd: Membre Expérimenté; Messages : 992
Date d'inscription : 09/02/2011
Age : 44

Message n°12

Re: Page HTML forumactif (help code)

par PotHEdd Mar 22 Fév - 12:01

Honnêtement c'est pas pour t'emmerder que je te dis ça mais je le répète quand même, reprends le tuto doucement depuis le début, si tu te précipite tu fera rien de bon, si tu n'arrive pas à faire tout ce qui est expliqué dedans c'est pas la peine d'essayer d'aller plus loin parce que ce ne sont que les bases indispensables à un bon début.

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°13

Re: Page HTML forumactif (help code)

par IRONLORE Mer 23 Fév - 4:01

PotHEdd a écrit:Honnêtement c'est pas pour t'emmerder que je te dis ça mais je le répète quand même, reprends le tuto doucement depuis le début, si tu te précipite tu fera rien de bon, si tu n'arrive pas à faire tout ce qui est expliqué dedans c'est pas la peine d'essayer d'aller plus loin parce que ce ne sont que les bases indispensables à un bon début.

Bin là je me suis pas trop remis dessus, j'ai juste pris la base que tu m'as donné pour affiché ma page css via ma page index avec ton code, j'ai encore rien mis dans la balise style. Je te dirai si je m'en sors, je vais chercher déjà le moyen de personnalisé avec mes propres couleurs personnalisé car black ne m'emballe pas ^^

PotHEdd: Membre Expérimenté; Messages : 992
Date d'inscription : 09/02/2011
Age : 44

Message n°14

Re: Page HTML forumactif (help code)

par PotHEdd Mer 23 Fév - 4:32

C'est bien pour ça que je t'ai conseillé de reprendre du debut, le code que j'ai mis n'est qu'un exemple minimaliste, je me doute bien que ton but n'est pas de créer un rectangle bleu sur fond noir avec des titre rouges^^

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°15

Re: Page HTML forumactif (help code)

par IRONLORE Mer 23 Fév - 10:37

lol c'est clair ^^ une fois que j'aurai commencé vite fait la
présentation, je te demanderai un petit coup de main car forum actif me
fait une crotte! ^^

mike74: Membre; Messages : 45
Date d'inscription : 11/03/2011
Age : 47

Message n°16

Re: Page HTML forumactif (help code)

par mike74 Dim 13 Mar - 7:23

bonjour si cela peu t'aider sur mon site dans les liens j'ai une rubrique " Apprendre et découvrir le codage " .

lekat: Membre; Messages : 135
Date d'inscription : 06/02/2011

Message n°17

Re: Page HTML forumactif (help code)

par lekat Dim 13 Mar - 10:28

PotHEdd a écrit:
Je te conseil vraiment de reprendre le tuto calmement depuis le début, le css est facile à maitriser si on prend un peu son temps au début et permet de faire des mises en page magnifique.

Twisted Evil

Surtout avec CSS3, même plus besoin d'ouvrir Photoshop quasiment Wink

Wink

Sinon le tuto SDZ est idéal pour apprendre, car là clairement, tu souhaites utiliser des langages que tu ne comprends pas. T'es pas prêt de t'en sortir alors que le tuto en 3 jours tu l'as torché et tu auras de bonnes bases.

En tout cas tu m'as bien fait rire avec ton index.css et le coup des balises css et HTML Wink

Wink

Bon courage pour ton projet, mais je suis d'accord avec PotHEdd, prends ton temps, pose toi au lieu de vouloir tout faire trop vite, le résultat n'en sera que meilleur.

floflo001: Vétéran; Messages : 4197
Date d'inscription : 04/11/2009
Age : 29

Message n°18

Re: Page HTML forumactif (help code)

par floflo001 Dim 13 Mar - 21:55

mes amis on répondu avant moi =) va sur le sdz tu apprendra très rapidement Wink

Wink

il t'on donner les principaux conseils Wink

Wink

IRONLORE: Membre Habitué; Messages : 240
Date d'inscription : 10/09/2010
Age : 31

Message n°19

Re: Page HTML forumactif (help code)

par IRONLORE Lun 14 Mar - 4:34

merci, j'ai réglé mes problème via acapella.

Contenu sponsorisé

Contenu sponsorisé

Message n°20

Re: Page HTML forumactif (help code)

par Contenu sponsorisé

La date/heure actuelle est Sam 18 Mai - 21:49