Boîte à Pixels - [Site perso] Mise en ligne, découpage ?

[Site perso] Mise en ligne, découpage ?
Aller à la page Précédente 1, 2, 3, 4, 5, 6 Suivante

Boîte à Pixels Index du Forum -> Apprentissages

Boîte à Pixels

Voir le sujet précédent :: Voir le sujet suivant

Auteur

Message

Salah
VIP
VIP

Inscrit le: 13 Mar 2004
Messages: 5003
Localisation: 91 600!! représente l'Essonne

Posté le: 26 Jan 2006 19:15 Sujet du message:

Tu fais exactement pareil seulement la tu n'as pas a faire de float etant donné qu'il est juste en dessous du header _________________ I am a llama !

Revenir en haut de page

troll des bois
Forcené(e)

Inscrit le: 08 Mai 2004
Messages: 2197

Posté le: 26 Jan 2006 20:04 Sujet du message:

roallala j'ai 1000 questions....

deja c'est tout con mais dans ton tuto tu ajoute des quotes, mais on les place a quel niveau ?

su stle tu dis

Citation:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titre</title>
<link rel="stylesheet" href="./style.css" type="text/css" />
</head>

<body>

<div id="contenu">

</div>

</body>
</html>

et apres

Citation:

body {
background-color:#26333B; /*Couleur de fond de la page Web*/
color:#ADABAC; /*Couleur du texte*/
font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
font-size:11px; /*Taille d’écriture*/
padding:0; /*Pour que la page n’ai aucune marge*/
margin:0; /*Pour que la page n’ai aucune marge*/
}

div#contenu {
width:840px; /*Largeur du design*/
margin:0 auto 0 -420px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
position:absolute;
top:25px; /*25px entre le coin supérieur de l’écran et le design*/
left:50%;/*50% de marge ( cela centrera le design )*/
background-image:url('./images/background.jpg'); /*Motif si il y’en a un*/
background-repeat:repeat; /*Duplication du motif sur les axes x et y*/
border:1px solid #000000; /* Bordure encadrant le design */
}

on ajoute a la suite ??et les explications au bout de chaque ligne faut les effacer ? si oui quoi exactement ^^

dsl si ce sont des questions bateau Géner

edit : meme en copiant texto le premier quote j'ai pas une page blanche ...
_________________
Ma Galerie Da

Revenir en haut de page

::Eiki::
Régulier(ère)

Inscrit le: 23 Jan 2006
Messages: 79
Localisation: sans vrai domicile fixe

Posté le: 26 Jan 2006 20:52 Sujet du message:

Salut ! J'ai un petit lien pour toi, c'est un tuto vraiment super bien fait pour apprendre à créer un site web utilisant le XHTML et le css, et surtout pour apprendre et comprendre tout ce qui touche au code ... si tu vas jusqu'au bout des cours, tu devrais pas mal te débrouiller http://siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html Le seul truc, c'est d'avoir la patience de tout lire ... mais si t'es motivé, tu devrais bien y arriver. En tout cas ça m'a vraiment bien été utile. _________________ Eiki - Fulltime Glandeur ^^

Revenir en haut de page

Salah
VIP
VIP

Inscrit le: 13 Mar 2004
Messages: 5003
Localisation: 91 600!! représente l'Essonne

Posté le: 26 Jan 2006 21:05 Sujet du message:

Ton premier quote représente le contenu de la page html ( index.html par exemple ).
Le deuxieme celui de la page css ( en l'occurence style.css situé dans le même dossier que index.html d'ou la ligne de code : )

Code:

C'est bien normal que la page soit vide pour le moment, la suite de mon tuto permettera justement d'y mettre les éléments clin d'oeil

_________________
I am a llama !

Revenir en haut de page

Feuer Frei
Habitué(e)

Inscrit le: 15 Mar 2005
Messages: 227
Localisation: Valais/Suisse

Posté le: 27 Jan 2006 13:02 Sujet du message:

Eiki-O a écrit:

Salut ! J'ai un petit lien pour toi, c'est un tuto vraiment super bien fait pour apprendre à créer un site web utilisant le XHTML et le css, et surtout pour apprendre et comprendre tout ce qui touche au code ... si tu vas jusqu'au bout des cours, tu devrais pas mal te débrouiller Clin oeil

http://siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html

Le seul truc, c'est d'avoir la patience de tout lire ... Géner

mais si t'es motivé, tu devrais bien y arriver. En tout cas ça m'a vraiment bien été utile. Smile

passe directement au TP,
moi c'est avec ce site que je me suis familiariser avec le code.

Revenir en haut de page

troll des bois
Forcené(e)

Inscrit le: 08 Mai 2004
Messages: 2197

Posté le: 27 Jan 2006 16:01 Sujet du message:

merci pour cette adresse ca ma l'air tres bien expliqué ++ edit: j'ai l'impression d'avancer super vite, enfin je trouve ca génial ^^ ( enfin ca vous ferais vous ^^ ) _________________ Ma Galerie Da

Revenir en haut de page

Gounlaf
Accro
Accro

Inscrit le: 26 Juin 2004
Messages: 7127
Localisation: http://peet.fr

Posté le: 27 Jan 2006 18:22 Sujet du message:

Et le tuto de Salah alors :( Il était bien foutu aussi ... non ? _________________ Intégration xHTML & CSS - Portfolio - www.Gounlaf.com Au Badge Insolent V2 encore plus mieux !

Revenir en haut de page

::Eiki::
Régulier(ère)

Inscrit le: 23 Jan 2006
Messages: 79
Localisation: sans vrai domicile fixe

Posté le: 27 Jan 2006 19:00 Sujet du message:

Il est très bien le tuto de Salah ! Mais apparemment, Troll des bois ne connait pas super bien le xhtml + css, alors le lien que j'ai donné lui permettra de partir sur de bonnes bases pour attaquer le tuto de Salah... (ils ne développent pas vraiment le côté design sur le tuto du Site du Zero) _________________ Eiki - Fulltime Glandeur ^^

Revenir en haut de page

troll des bois
Forcené(e)

Inscrit le: 08 Mai 2004
Messages: 2197

Posté le: 27 Jan 2006 19:09 Sujet du message:

Eiki-O a écrit:

Il est très bien le tuto de Salah !

Mais apparemment, Troll des bois ne connait pas super bien le xhtml + css, alors le lien que j'ai donné lui permettra de partir sur de bonnes bases pour attaquer le tuto de Salah... Clin oeil

(ils ne développent pas vraiment le côté design sur le tuto du Site du Zero)

tout a fait, le tuto de salah requiert un mini de connaissance, tres mini certes mais que je n'ai pas clin d'oeil

_________________
Ma Galerie Da

Revenir en haut de page

Salah
VIP
VIP

Inscrit le: 13 Mar 2004
Messages: 5003
Localisation: 91 600!! représente l'Essonne

Posté le: 27 Jan 2006 19:25 Sujet du message:

Je l'ai même précisé, mon tuto est fait pour ceux qui ont un minimum de connaissance en XHTML qui sont très bien expliquées sur le site du zero _________________ I am a llama !

Revenir en haut de page

troll des bois
Forcené(e)

Inscrit le: 08 Mai 2004
Messages: 2197

Posté le: 27 Jan 2006 19:26 Sujet du message:

Salah a écrit:

Je l'ai même précisé, mon tuto est fait pour ceux qui ont un minimum de connaissance en XHTML qui sont très bien expliquées sur le site du zero Sourire

^^ tinkiet ton tuto ce n'est que partie remise clin d'oeil

_________________
Ma Galerie Da

Revenir en haut de page

troll des bois
Forcené(e)

Inscrit le: 08 Mai 2004
Messages: 2197

Posté le: 27 Jan 2006 19:48 Sujet du message:

voila une page avec des testes xtmlhdfzqjdqz http://perso.wanadoo.fr/trolldesbois/site.html maintenant reste le css, mais demain ca ^^ ps : si qq1 peut m'expliquer l'espace entre le headeur et les "menu" qu'il me fasse signe ^^ _________________ Ma Galerie Da

Revenir en haut de page

Salah
VIP
VIP

Inscrit le: 13 Mar 2004
Messages: 5003
Localisation: 91 600!! représente l'Essonne

Posté le: 27 Jan 2006 23:48 Sujet du message:

J'ai pas bien compris, tu veux qu'on t'explique comment faire un espace entre le header et les menus ?
Si c'est ca et bien il te suffit de faire un

Code:

margin-top:XXpx;

sur le div menu.
_________________
I am a llama !

Revenir en haut de page

troll des bois
Forcené(e)

Inscrit le: 08 Mai 2004
Messages: 2197

Posté le: 28 Jan 2006 17:46 Sujet du message:

bon voila je vais deja essayer de coder cette page. Le design et nul mais bon referais apres^^

codage.jpg

Description:

Taille du fichier:

200.84 Ko

Vu:

919 fois

_________________
Ma Galerie Da

Revenir en haut de page

troll des bois
Forcené(e)

Inscrit le: 08 Mai 2004
Messages: 2197

Posté le: 28 Jan 2006 21:48 Sujet du message:

la je comprends pas

xhtml a écrit:

css a écrit:

#menu
{
margin: auto;
}

et ca centre pas Bougon

_________________
Ma Galerie Da

Revenir en haut de page

Montrer les messages depuis:

	Boîte à Pixels Index du Forum -> Apprentissages
Page 2 sur 6	Aller à la page Précédente 1, 2, 3, 4, 5, 6 Suivante

Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
Vous ne pouvez pas joindre des fichiers
Vous pouvez télécharger des fichiers

[ Association 2037.org, infrastructure & serveur model-fx ] :: [ phpBB © 2001, 2002 phpBB Group ]
[ Guntar Ze Smiley © ZeCorp. Created by Christophe Soudron ]

Crédits