Boîte à Pixels - [Design] PersonalWork

[Design] PersonalWork
Aller à la page Précédente 1, 2, 3, 4 Suivante

Boîte à Pixels Index du Forum -> Sous les Pixels, l'Art

Boîte à Pixels

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

Auteur

Message

Aurao
Adepte
Adepte

Inscrit le: 18 Juin 2006
Messages: 907
Localisation: Derrière toi !

Posté le: 18 Aoû 2008 14:52 Sujet du message:

Pour le codage je vois pas trop grand chose à dire (enfin je suis pas un pro non plus mais bon ^^). En titillant un peux, je dirais que tu aurais pu mettre ton background (light.jpg) directement dans le body, plutôt que de créer un div exprès qui ne sert pas à grand chose puisqu'il englobe tout, comme le body quoi ^^ Sinon après le tout est assez nickel _________________ Comme on dit au burkinafaso : qui avale une noix de coco, fait confiance à son anus !

Revenir en haut de page

NiuAge
Accro
Accro

Inscrit le: 20 Avr 2005
Messages: 7881
Localisation: Dans les nuages...

Posté le: 18 Aoû 2008 14:58 Sujet du message:

Ok cool

Faut dire aussi que je copie un peu sur les sites codés par le maître Gros Sourire

Mais genre, des trucs comme

Code:

juste pour faire la ptite ligne de séparation, c'est un peu dégueulasse non ? ^^.

Et j'ai pas encore tout compris avec le positionnement relative et absolute ^^.

Revenir en haut de page

Elandar
VIP
VIP

Inscrit le: 13 Mar 2005
Messages: 3639
Localisation: Rhône-Alpes

Posté le: 18 Aoû 2008 16:10 Sujet du message:

Fidèle à toi même Niuage c'est bien. _________________ Darena, pôle de conception graphique et multimédia

Revenir en haut de page

Aurao
Adepte
Adepte

Inscrit le: 18 Juin 2006
Messages: 907
Localisation: Derrière toi !

Posté le: 18 Aoû 2008 16:19 Sujet du message:

Ben moi en principe j'évite, mais c'est pas toujours évident ^^ Ce que tu peux faire c'est la mettre en background dans ton "<div class="tittle">" avec un background-position pour le placer exactement comme tu veux. Mais je ne sais pas exactement si c'est fesable _________________ Comme on dit au burkinafaso : qui avale une noix de coco, fait confiance à son anus !

Revenir en haut de page

NiuAge
Accro
Accro

Inscrit le: 20 Avr 2005
Messages: 7881
Localisation: Dans les nuages...

Posté le: 18 Aoû 2008 16:44 Sujet du message:

http://www.niuage.fr/design/test/ Re ptite mise à jour, la partie centrale est quasi finie. Finie en fait. Mais après, rajouter la colonne de gauche, je sens que je vais devoir tout refaire ^^. Youhouh c'est ma première moitié de site codée moi même ^^.

Revenir en haut de page

aboul
Adepte
Adepte

Inscrit le: 13 Mai 2007
Messages: 884
Localisation: Arles...bientôt Caen ?

Posté le: 18 Aoû 2008 16:56 Sujet du message:

C'est déjà bien ! Par contre, quand tu veux utiliser plusieurs fois un identifiant, tu dois utiliser "class" et pas "id". _________________ Portfolio DeviantArt

Revenir en haut de page

NiuAge
Accro
Accro

Inscrit le: 20 Avr 2005
Messages: 7881
Localisation: Dans les nuages...

Posté le: 18 Aoû 2008 18:03 Sujet du message:

Ouai, ca je sais ^^ mais j'ai du faire une gaffe quelque part Sinon je sais qu'on est pas chez 2037 mais bon, juste une ptite question : Est-ce qu'on peut faire une div dans une div avec la div contenue sortant de la div la contenant ? Une image vaut mieux que ce piteux discours = (je parle des div violettes sortant de la bleue. Ou sinon, comment coderiez vous les 2 colonnes qui doivent correspondre en hauteur (infos en face exactement du diz correspondant)

Revenir en haut de page

Aurao
Adepte
Adepte

Inscrit le: 18 Juin 2006
Messages: 907
Localisation: Derrière toi !

Posté le: 18 Aoû 2008 18:53 Sujet du message:

En principe tu peux mais je crois que ça chie sous IE 6, m'enfin Gounlaf trouvera certainement une solution qui m'intéresse fortement _________________ Comme on dit au burkinafaso : qui avale une noix de coco, fait confiance à son anus !

Revenir en haut de page

NiuAge
Accro
Accro

Inscrit le: 20 Avr 2005
Messages: 7881
Localisation: Dans les nuages...

Posté le: 18 Aoû 2008 19:23 Sujet du message:

M'en fou de IE6, j'ai décidé de le boycotter maintenant ^^. Le mec qui navigue avec ie6 de toute facon, il l'aura cherché ^^.

Revenir en haut de page

NiuAge
Accro
Accro

Inscrit le: 20 Avr 2005
Messages: 7881
Localisation: Dans les nuages...

Posté le: 19 Aoû 2008 0:23 Sujet du message:

Aurao a écrit:

Ben moi en principe j'évite, mais c'est pas toujours évident ^^ Ce que tu peux faire c'est la mettre en background dans ton "<div class="tittle">" avec un background-position pour le placer exactement comme tu veux. Mais je ne sais pas exactement si c'est fesable Smile

En fait y'a simplement une balise faite exprès pr les séparations ^^ : hr.

Revenir en haut de page

Aurao
Adepte
Adepte

Inscrit le: 18 Juin 2006
Messages: 907
Localisation: Derrière toi !

Posté le: 19 Aoû 2008 0:38 Sujet du message:

Oui je la connais mais j'ai jamais réussi à en faire ce que je voulais Je n'arrive pas à la réduire sur les bords ou même choisir ses dimensions, son background... Elle réagit bizarrement (enfin avec moi xD ) _________________ Comme on dit au burkinafaso : qui avale une noix de coco, fait confiance à son anus !

Revenir en haut de page

Bremen
Insatiable

Inscrit le: 26 Fév 2004
Messages: 3548
Localisation: Mouans-Sartoux / > Montpellier

Posté le: 19 Aoû 2008 6:36 Sujet du message:

et elle réagit différemment sous IE et FF, il faut côté CSS s'assurer de tout régler pour que les hr s'affichent de la même manière sous les 2 navigateurs (pour les autres... euuh ... ^^) _________________ Portfolio multimédia 2008 Face d'bouc\|Espaceuh\|Zikiki

Revenir en haut de page

Kitsune
VIP
VIP

Inscrit le: 14 Déc 2002
Messages: 8821
Localisation: Terrier normand sous ce p***** de crachin

Posté le: 19 Aoû 2008 8:06 Sujet du message:

NiuAge a écrit:

Ouai, ca je sais ^^ mais j'ai du faire une gaffe quelque part clin d'oeil

Sinon je sais qu'on est pas chez 2037 mais bon, juste une ptite question :
Est-ce qu'on peut faire une div dans une div avec la div contenue sortant de la div la contenant ?
Une image vaut mieux que ce piteux discours =
(je parle des div violettes sortant de la bleue.

Ou sinon, comment coderiez vous les 2 colonnes qui doivent correspondre en hauteur (infos en face exactement du diz correspondant)

Pourquoi tu étends pas tout simplement ton cadr bleu en englobant le logo et les cadres violets ?
_________________

Revenir en haut de page

Elandar
VIP
VIP

Inscrit le: 13 Mar 2005
Messages: 3639
Localisation: Rhône-Alpes

Posté le: 19 Aoû 2008 8:59 Sujet du message:

Le css n'est pas top du tout, j'ai pas tout regardé mais pas mal me sautent au yeux Sourire

Si tu fais une absolue ne lui applique pas un float, ou des valeurs relatives.

Code:

#sidebar {
position:absolute;
margin-top:80px;
margin-left:148px;
margin-bottom:100px;
float:left;
width:204px;
}

Mais place là comme tu as envie :

Code:

/* Eléments principaux */
#siteDarena {width:1024px; height:768px; margin:auto; position:absolute; left:50%; top:50%; margin:-384px 0 0 -512px;}

C'est un exemple qui me tombe sous la main, il s'agit là en fait de placer l'élément toujours au centre de la page. Mais tu peux mettre un top:127px;
_________________
Darena, pôle de conception graphique et multimédia

Revenir en haut de page

NiuAge
Accro
Accro

Inscrit le: 20 Avr 2005
Messages: 7881
Localisation: Dans les nuages...

Posté le: 19 Aoû 2008 10:02 Sujet du message:

J'ai lu un truc sur le positionnement hier, j'ai mieux compris, avant c'était un peu de l'artisanat ^^ : "ca rend bien ? ok je laisse".

Revenir en haut de page

Montrer les messages depuis:

	Boîte à Pixels Index du Forum -> Sous les Pixels, l'Art
Page 2 sur 4	Aller à la page Précédente 1, 2, 3, 4 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