Parce que la ca commence a m'emmerder c'thistoire.
 
je sais que le code est pas beau, mais je veux un truc fonctionnel avant de le modifier en fond.
 

 
Une idée de pourquoi entre l'image TitleBtnSpacer.gif et HomeBtn.gif j'ai des espaces ?
 
Matez ca  ( les images dans la zone en bleu ) :
 

 
J'ai tout essayé malheureusement, le display block, inline, les HSPACE VSPACE BORDER ... je seche.
 
Une idée ?

http://devedge.netscape.com/viewsource/2002/img-table/

Merci, mais bizarrement, ca rends pas comme je veux.
 
Enfin je veux dire que le coup des images en block j'ai déjà fait, mais je tombe dans le meme cas que cela :
 

 
J'ai essayé aussi avec les DocTypes sans aucun succès, tjs ces espaces.
 
j'avoue, je sèche totalement
 
A l'aide

J'ai réussi a niquer l'espace en dessous avec le vertical align, mais il me reste l'espace entre les images

J'ai réussi en mettant toutes les balises d'images les une derrière les autres...
 
il semblerait que un retour chariot entre des images soit interprété comme un espace entre les images sous IE.
 
Y a moyen de contourner ca ?
 
C'est chiant de tout mettre sur la même ligne... surtout que les images vont devenir boutons, la, ca va etre hard

bah déjà si tu commençais par faire du code correct, tu éviterais tout un tas de crasses, dont celle-ci...

 
Y a quoi qui me permettrai d'éviter une crasse comme ca ?  
 
Quelle est l'erreur dans mon code ?
 
J'en sais rien moi
 
Mon dernier probleme reste le coup des returns dans le code interprété comme un espace, ca fait une jolie ligne de X balises toutes moches...
 
Sinon, voilà le code qui évite le blem :

 
Et je vois pas ce qu'il a de moche ( a part le blem de la ligne de balises... ).

ce qu'il y a de moche? la mise en page avec des tableaux, plus le fait que tu utilise toute une série d'attributs qui n'ont jamais fait partie d'aucune recommendations).
 
Pour faire simple, recommence depuis le début.

ben si tu veux, j'ai quand meme un but, quelque part :
-Que mon site soit visité
-Que mon site soit lisible sur la plupart des browsers.
 
Alors pour ca, je me contrefous des W3C machin, des DIVs avec des positionnements de mairde, des différences que cela génère avec des browsers qui ne les respectent pas encore aujourd'hui.
 
Je fais comme tout le monde :
 
www.clubic.com
www.hardware.fr
www.3dchips-fr.com
 
et des milliers d'autres, utilisent encore les tableaux pour la mise en page.
 
Car c'"est encore ce qui passe le mieux sur la plupart des brosers.
 
parti de la...
 
J'ai fait une version sns tableaux, c magnifique.
 
Ca passe que sur mozilla et IE6. Yay. Vais en avoir des visiteurs sur mon site W3C compliant
 
Quant aux attributs sans recommandation, c'est exactement la meme chose : donne moi un équivalent CSS pour HSPACE et VSPACE, et je serai heureux de l'utiliser. Si il passe sur tous les browsrs encore en circulation.
 
Bref, non va pas réentamer le débat, mais une norme que personne peut voir, c pas une norme.

Désolé, mais depuis que j'ai rencontré MagicBuzz, je ne fais pas dans l'assistanat d'âne bûté ignards. Demande-lui conseil, vous êtes fait pour vous entendre...

 
Bah, je suis pret a suivre les normes W3C moi.
 
J'ai juste deux conditions :
-Que ce soit aussi facile de le voir que des tables dans tous les browsers depuis IE4 et netscape 4 ( celui livré de base avec certaines distrib nux assez vieilles).
-Que ce soit pas trop chiant a coder.
 
Si tu me prouves ces deux points, je me convertirai moi.
 
Je veux des visites, pas d'emmerdes pour les visiteurs, pas les ennuyer car ils ont un vieux browser qui accepte pas une norme qui existait pas quand leur browser est sorti.
 
Si j'ai le choix entre faire une appli version Win95/98/2k/XP au code pas tres respectueux de certains choix X et une appli compatible uniquement W2k/XP mais au code gnifiks normes blabla, je prends la première options.
 
mon but est pas de contenter ceux qui regardent mon code source. Mon but et de contenter celui qui s'intéresse a mon sitepour le site, pas pour le code.
 
Mais bon, a voir le nombre de sites connus et a haute fréquentation ( disons... 99% ? ) qui utilisent encore des tableaux, je m'assois tranquille dans ma chaise
 
Sur ce mon brave, je sentais le hurlement "LES DIVs BORDEL" venir, alors, j'ai réagi un peu vite il est vrai, néanmoins, meme en connaissant les divbs, j'ai choisi de ne pas les utiliser.
 
Choix tout a fait compréhensible, justifié et justifiable comme je viens de le faire.
 

 
Encore toi qui hurle après les divs qui sont visibles que sur IE6 et mozilla de facon correcte ?

pas moua ... ...

et il a quoi de si spécial ce tomic ?

bah lis le

ilé ou ?

 
http://forum.hardware.fr/forum2.ph [...] h=&subcat=  
 
celui là je pense, 3 secondes de recherche kan même

 
Bon, si tu veux vraiment faire un essai, met ici un lien vers une maquette image du site sur laquelle tu indiques les différents objets à placer.

 
OK gizmo, ca roule, je tiens le pari.
 
Je veux deux versions de mon site ( ptet 3 m'enfin on en est pas la ). Une seule suffira avec les div ( 800x600 ).
 
De plus, tu aura un screenshot de ce que ca donne une fois finie.
 
Et tu aura un gros mea culpa si tu y arrives.
 
La maquette sera exportée depuis photoshop, donc ce sera du code imageready sclices.
 
Je le fais de suite, tu as le lien d'ici tres peu de temps.

je veux pas la version slicée, je veux l'image complète et unique où tuà entouré grossièrement les différentes zones. Sinon on part sur de mauvaises bases... Le découpage, tu le feras après en fonction des besoins.

Voilà le lien de la version 800x600 :
 
http://www.ocbase.com/gizmo/
 
Il y a deux fichiers :
-Un fichier html qui te montre le placement des objets exportés ( fait par photoshop, donc gueulez pas si c'est des tableaux hein )
-Un shot final de la maquette toshop.
 
Je n'ai que deux contraintes :
-Que la maquette soit centrée, en 800x600 ( je ferai la version1024x768 apres, c pas tres dur, enfin, si vous y arrivez !
-Que les deux barres noires de gauche descendent jusqu'en bas de l'écran. j'avais fait un truc avec une bordure noire a gauche sur des tableaux, mais cela ne marchait que sur IE5.
 
Je considèrerai le pari réussi si :
-Le site passe sur IE5 et 6 ( IE4 serait bien, je sais pas si je dois l'inclure ou pas... gizmo ? )
-Netscape ( je connais pas les versions, mais allez, on va exclure celle de base, le 3... )
-Mozilla ( la ca devrait pas etre dur si IE le supporte.
 
En gros, si le site passe sur la quasi totalité des browsers couramment utilisés actuellement.
 
Voili, voilou, j'attends de voir si vous y arrivez, personellement, je continue la version avec tableaux
 
PS : celui qui y arrivera aura son nom avec un mea culpa dans les remerciements sur le site .

 
OK. J'ai fait un screenshot en gif.
 
Si tu veux, je te file le meme screen en png, histoire que la qualité soit optimale ( sans pertes).
 
les zones sont assez faciles a identifier en fait. le menu du haut est de taille fixe, le menu de gauche est un sous menu dont la taille est appelée a changer dans le temps.
 

voilà, j'ai rajouté un shot de ma maquette au format png.
 
Besoin d'autres choses pour perdre ton pari ?

ok, on va voir. Pour IE4 et NS4, vu que c'est un site pour OC, je vois difficilement des intéressés qui chercheront à le visiter avec ces browsers, mais on va faire en sorte que ca passe assez bien.

 
Ok.
 
Je suis quand meme assez sceptique

question: le texte au milieu, s'il dépasse la taille initiale, y a quoi? agrandissement ou apparition d'un ascenseur interne?

Agrandissement du cadre vers le bas .
 
C pour ca que les barres noires de gauche doivent s'adapter a la taille de la page
 
Le cadre du bas est un bete cadre avec une bordure rouge de 3px.
 
Les barres font 5Px de large il me semble.

ok, alors, pour un premier jet j'arrive à un découpage en 7 objets:
 
- le cadre noir avec la bannière latérale qui forme le *fond*
- le menu supérieur
- le fond central avec les bandes noire
- le menu latéral
- le texte principal
- le titre du texte principal
- la pub
 
Si on travaille en positionnement absolu, ca sera normalement bien visible positionné même avec ns4.7 mais moins adaptable dans le futur.
Si on travail en mixant le tout, on sacrifie un peu la mise en page pour celui-ci (et IE4) mais ca sera plus évolutif.

Qu'entends tu par "sacrifier la mise en page" ?
 

NS4 ne connais pas l'attribut float...

NS4 bon c pas un mega drame.
 
Et IE4 ? ( lui j'hésite, y en a plein qui l'utilisent encore sous w98 )

IE 6.0 - 49.9% IE 5.5 - 18.4% IE 5.0 - 17.8% Other - 8.9% "NS 5" - 2.9% NS 4.x - 1.8% IE 4.0 - 0.8%
 
 
Je viens de tomber la dessus pour Janvier 2003.
 
IE4 c'est pas grave, NS4 non plus. Le reste, si.
 
Ce serait bien, cependant, que le ite s'affiche quand meme meme moche sous IE4.

ok, je fais une première maquette et je te dis ce que tu dois faire pour la modifier et la continuer.

ok. A voir si elle,marche of course

ploum ploum ploum...
 
http://ohubaut.dyndns.org/tetedeiench
 
voila, le découpage m'a pris presque autant de temps que la mise en page. Testé sur IE 5.5+/Moz/Opera7
Nous NS4.7, le CSS est ignoré, ce qui fait qu'il n'affichera que les images-menu et le texte, je suppose que c'est la même chose sur IE4, mais à mon avis, le rendu devrait être meilleur.
 
Ce qu'il te reste à faire:
 
- refaire un découpage propre du fond de "menu" sans les boutons (en cachant les calques sous toshop c'est vite fait)
- découper chaque bouton de "menu" et "menu2" et les rajouter dedans (en jouant avec les margin/padding pour les positionner exactement où tu veux.

Faudrait un feedback pour voir ce que ca donne sous IE4
 
Et je teste la maintenant sous netscape.

Euh en tout cas, rien que pour le code, je te tire mon chapeau, c'est magnifique.

NS4 n'affiche que le contenu ( pas de CSS a priori... )à

sur mozilla firebird c'est nikel et tres bien centré en 1280*1024