Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
793 connectés 

 


 Mot :   Pseudo :  
 
 Page :   1  2  3
Page Suivante
Auteur Sujet :

Est-ce bien de coder une page comme ceci ^^ [O_o] ??

n°1396187
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 28-06-2006 à 00:10:30  profilanswer
 

Reprise du message précédent :

lyneus a écrit :

Mouais, le découpage, j'avais regardé un peu, mais ça n'a pas l'air très simple. Pour les news, j'en ferais pas tellement, en tout cas pour l'instant c'est pas vraiment mon problème car j'ai une petite idée  ;)  par contre le problème actuel c'est la collonne du milieu légèrement décallée vers le bas  :-/
 
 [:_edit] ah, si tu le dit, un petit tuyo...? Mais bon...


Tu vires ton images de fond, je t'ai déjà donné la solution, tu as des blocs, on les voit à l'écran, bah ces div là, dans ta CSS, tu leur mets une background-image, c'est tout.  [:airforceone]

mood
Publicité
Posté le 28-06-2006 à 00:10:30  profilanswer
 

n°1396188
lyneus
Posté le 28-06-2006 à 00:12:38  profilanswer
 

Voilà ce que je vois :
 
-Sous firefox http://img526.imageshack.us/img526/7271/firefoxsite0kp.th.jpg
 
-Sous IE http://img511.imageshack.us/img511/6853/iesite5oh.th.jpg
 
J'ai un écran 17' et la résolution est 1024x768.

n°1396191
afbilou
pouet your life
Posté le 28-06-2006 à 00:14:04  profilanswer
 

Il t'arrive de matter ta page autrement que dans une fenetre maximisée a la taille de ton ecran ?
 
tu t'amuses a faire varier la taille et plus rien n'est cadré comme il faut !

n°1396194
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 28-06-2006 à 00:16:20  profilanswer
 

Voilà ce que je vois.  [:airforceone]  
 
http://img371.imageshack.us/img371/3682/untitled3vc.th.png
 
Tu veux un autre exemple ?  [:at war with emo]

Message cité 1 fois
Message édité par The-Shadow le 28-06-2006 à 00:16:44
n°1396198
lyneus
Posté le 28-06-2006 à 00:21:27  profilanswer
 

The-Shadow a écrit :

Tu vires ton images de fond, je t'ai déjà donné la solution, tu as des blocs, on les voit à l'écran, bah ces div là, dans ta CSS, tu leur mets une background-image, c'est tout.  [:airforceone]


 
Euuh, je suis pas sûr d'avoir tout compris, donc je prend cette image http://img511.imageshack.us/img511/5440/titremenu14ct.png et je la met comme ceci dans le css :
 
.titremenu1
{
  position: absolute;
  top: 8.1em;
  left: 8.7%;
  width: 18%;
  border: 1px;
  border-style: outset;
  background-image: url(titremenu1.PNG);
}
 
???????
 
 

The-Shadow a écrit :

Voilà ce que je vois.  [:airforceone]  
 
http://img371.imageshack.us/img371 [...] 3vc.th.png
 
Tu veux un autre exemple ?  [:at war with emo]


C'est à cause des pourçentages... :fou: et si je met pas de pourçentage, ça fonctionne pas bien sous ie  [:lyneus]


Message édité par lyneus le 28-06-2006 à 00:22:21
n°1396204
afbilou
pouet your life
Posté le 28-06-2006 à 00:29:19  profilanswer
 

Moi je pense que tu ne sais pas faire car tu passes ton temps a bidouiller des valeurs aux hasards plutot que de comprendre comment ca marche en lisant des docs ou des exemples de codes source.
 
Tu n'y arriveras jamais comme ca. Et cesse de dire que IE ne comprends rien : pour un placement aussi basique que celui que tu souhaites mettre en place IE ne pose pas de probleme si tu sais faire correctement des CSS. En un mot : pose toi des questions sur tes competances plutot que de remettre la faute sur les logiciels que tu utilises.

n°1396206
lyneus
Posté le 28-06-2006 à 00:31:48  profilanswer
 

J'utilise notepad++ les tuto sont bizar, enfin je sais pas trop, vous en avez pas un, un peu dans le même style que "lesiteduzéro.com", c'est bien expliqué, avec les exemples...


Message édité par lyneus le 28-06-2006 à 00:42:27
n°1396225
gatsu35
Blablaté par Harko
Posté le 28-06-2006 à 01:28:03  profilanswer
 

http://gatsu.ftp.free.fr/Modele/mu [...] ayout.html
de rien :o
timeline  

Citation :


0h25 : Récupération du bouzin (screenshot du truc sur le net)
0h26 : Découpage
0h41 : Fin découpage propre des images nécessaires à la mise en page,  
0h41 : Début construction HTML
0h49 : Fin creation HTML (ou plutôt conception et définition du HTML
0h50 : Début CSSisation
1h15 : fin CSSisation + mise en ligne


 
Bon on peut bien sur continuer à améliorer le bouzin, mais c'est juste un essai rapide et simple [:petrus75] et normalement cross browser.
 
Mais là tu as un design souple qui te permet des folies (en principe :o)

n°1396238
lyneus
Posté le 28-06-2006 à 07:00:18  profilanswer
 

[O_O]  merci. Je vais réviser entièrrement ton code, je crois que c'est la meilleure chose à faire pour apprendre. Merci encore (c'est désolant de voir une personne qui met 50mn pour tout faire, et super bien en plus. Alors que moi j'ai dût mettre largement plus de 6h à réfléchir et tout et tou au total et au résultat => pas grand chose). Merci encore ça me fera avancer  ;)  Juste un tit truc, les images je peu pas les enregistrer.

n°1396242
gatsu35
Blablaté par Harko
Posté le 28-06-2006 à 07:41:54  profilanswer
 

aller dans le repertoire img
clic droit > enregistrer la cible sous... pour chaque image
ou sinon tu prends le fichier zip que je viens de deposer dans le repertoire

mood
Publicité
Posté le 28-06-2006 à 07:41:54  profilanswer
 

n°1396796
lyneus
Posté le 28-06-2006 à 18:30:31  profilanswer
 

euu tu es sûr que celà fonctionne, je suppose que oui puisque le site fonctionne mais par exemple je met ceci  http://gatsu.ftp.free.fr/img/blk_hd_bkg_leftcnr.png et je voit un "0" ...[O_o]


Message édité par lyneus le 28-06-2006 à 18:32:30
n°1396824
xtof_83
Freeride Spirit
Posté le 28-06-2006 à 19:36:03  profilanswer
 

:heink:

n°1396837
lyneus
Posté le 28-06-2006 à 19:49:36  profilanswer
 

C'est bon j'ai trouvé.


Message édité par lyneus le 28-06-2006 à 19:50:39
n°1396923
gatsu35
Blablaté par Harko
Posté le 28-06-2006 à 22:57:49  profilanswer
 

http://gatsu.ftp.free.fr/Modele/mu [...] etest.html
 
voici une version du layout en largement mieux :D
ici tu n'as pas besoin de spécifier les marges de droite et de gauche pour l'élément du milieu, ca se fait tout seul :D, tu peux agrandir le bloc de gauche ou de droite sans aucun problème :D

n°1397156
afbilou
pouet your life
Posté le 29-06-2006 à 12:53:13  profilanswer
 

T'aimes pas les dl dt dd on dirait ! Pourtant pour ses rubriques a droite et a gauche ca serait tres bien adapté.

n°1397167
IvanleFou
Posté le 29-06-2006 à 13:20:23  profilanswer
 

afbilou a écrit :

Tu as du voir qu'il n'etait pas recommandé d'utiliser l'element table pour faire de la mise en page.


 
Tu préconises quoi a la place des tableaux?

n°1397170
mIRROR
Chevreuillobolchévik
Posté le 29-06-2006 à 13:26:13  profilanswer
 

IvanleFou a écrit :

Tu préconises quoi a la place des tableaux?


 
tout le monde le sait :o
tu fais ton site sur dreamweaver en ouiziouigue
tu fais un screen
et tu postes l image
c est le top du crossbrowser  [:penner]

n°1397171
IvanleFou
Posté le 29-06-2006 à 13:27:09  profilanswer
 

je vais y penser :lol:

n°1397668
gatsu35
Blablaté par Harko
Posté le 30-06-2006 à 08:22:53  profilanswer
 

afbilou a écrit :

T'aimes pas les dl dt dd on dirait ! Pourtant pour ses rubriques a droite et a gauche ca serait tres bien adapté.


En fait j'hésitait mais je suis directement parti sur un système de block réutilisable n'importe où dans le site. C'est plus souple et plus cool pour celui qui va développer le site.
 
1- Ca évite d'avoir 36 déclarations identiques dans la CSS
2- Sémantiquement parlant dl dt dd ne me disait pas forcément quelque chose de bon, donc je les ai évitées.
3- J'ai quand même utilisé un h2 pour les titres :D
4- Avec les 3 mois que je viens de passer j'en ai appris et j'en suis aussi venu à la conclusion que :  
   Il ne sert pas forcément à faire un truc super strictement sémantique, car derrière la personne qui modifie ne va pas forcément y comprendre quoi que ce soit, et le dl dt dd n'est pas forcément sémantiquement fait pour le système de block que j'ai concu.


Message édité par gatsu35 le 30-06-2006 à 08:23:26
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
Fonction pour appeler page phpSeparation de la page
descendre dans la pagela page du site ne s'affiche pas !
Problème : le CSS ne s'applique pas à la page en HTML[JAVASCRIPT] Un pied de page qui ne marche pas...
[PHP] pourquoi ma page généré est tout blanche sans erreur ?[pas résolu] problème d'affichage de page web
affichage d'une page php dans une autreCréer un lien vers une page définie
Plus de sujets relatifs à : Est-ce bien de coder une page comme ceci ^^ [O_o] ??


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR