marcelman

Bien, En fait je n'avais jamais vraiment pris le temps de lire cette rubrique et je ne crois pas avoir pris le temps de me présenter. Au départ, je suis comédien (de théâtre quasi exclusivement) et je bosse pour une compagnie de théâtre jeune public. Notre site n'était pas joli et très mal référencé. Alors j'ai fait une formation sur les bases de la création d'un site et je me suis lancé en juin 2004 sans avoir la moindre idée du fonctionnement. Et puis voilà. Depuis le site est assez joli, pas mal foutu (pour la partie visible, pour le code, j'y travaille...) et bien référencé dorénavant. Je suis arrivé sur ce forum en mars dernier car je me posais pas mal de questions dont je ne trouvais pas forcément les réponses sur les tutos. D'où mes questions sur ce forum. Comme quoi, le théâtre mène à tout. Félicitations chaleureuses en tout cas à ce site et à ceux qui l'entretiennent, il y a vraiment un gros boulot de fait... et bien en plus. Stéphane

Excellente question. Il m'est arrivé d'avoir, sur une page lien d'un site que j'ai fait, la page qui saute (comme si elle se renouvelait en permanence). Le seul moyen d'arrêter ça a été de diminuer le nombre de liens. Si quelqu'un a la réponse, je suis preneur.

Oups ! , erreur dans le code CSS : colonne2 a une propriété de positionnement left à 0 et non à 154 comme indiqué. Ne sachant pas comment modifier mon message déjà posté, voici la correction.

Y a-t-il moyen de télécharger Safari pour PC ? Que je puisse tester mes pages dessus également ?

OK, J'ai transpiré, mais j'ai quelque chose qui commence à ressembler à une page sans tableau et clean. Le tuto indiqué par slender est tout-à-fait bien, pour peu qu'on prenne la peine de tout remettre à plat sans vouloir partir de ce qu'on a créé avant. Pour les copains qui rameraient comme moi, voici les éléments essentiels du code : Dans la CSS .colonne1{position:absolute;left:0;width:154;height:500;top:0} .colonne2{position:absolute;left:154;width:650;top:0} .flottante { background-color: #ccccff; border: 0px; margin: 0 0 0 0; float: left; text-align: center; } .titres { width: 650; height:40; margin:0 0 0 154; } .spacer { clear: both; height:10; } .iframe { width: 620; height:400; overflow:auto; margin:0 0 0 154; padding:20px; } .conteneur { width: 650; height:130; margin:0 0 0 154; } Et pour le html <div class="colonne1"> <div class="menu"> <ul id="nav> bla bla </ul> </div> </div> <div class="colonne2"> <div class="conteneur"> bla bla </div> <div class="titres"> blabla </div> <div class="iframe"> <p class="flottantes">bli bli</p> </div> Ca a l'air un peu usine à gaz vu comme ça. Mais ça me permet de retrouver exactement la même forme que sur le site existant avec moins de lignes de code et surtout, plus de tableaux casse-pied. Par ailleurs, ça me permet aussi d'économiser pas mal de lignes de spec sur ma page CSS et donc de moins me demander dans quelle classe je dois ranger les éléments constitutifs de ma page. Pour des sites à composante graphique importante, c'est bien. Et surtout, IE, FF et Opéra affichent sensiblement la même chose. Pour Safari, je n'ai pas encore vérifié. Dès que j'ai du temps, je m'y remets pour mettre tout ça en ligne. Définitivement, j'ai bien fait de recommander ce forum et openweb sur mon site. A +

Bien vu, je n'avais pas encore fait le test sous firefox. Bon là j'ai un bébé qui vient de naître, alors j'aurais moins de temps, mais je vais aller voir le tuto dont tu parles rapidement. Pour le reste, des éléments de réponses ?

Bonjour à tous, Je suis en train de revoir mon site en y incluant des CSS et en virant les tableaux qui ont l'avantage de la simplicité pour les béotiens (j'en était il y a peu), mais qui rajoutent des lignes de code de façon parfois grotesque. Petit problème : si je veux, dans une page, avoir des éléments images qui s'affichent proprement les uns en dessous des autres, je suis obligé d'insérer un espaceur ou des lignes balisées par des <p> </p>. Ce qui m'ennnuie un peu. Y a-t-il moyen de positionner ces éléments en colonnes et faire en sorte qu'ils se positionnnent les uns en dessous des autres gentiment ? Pour le code et l'exemple, voir la page sans tableau dudit site Pour info, les adresses des feuilles CSS sont les suivantes contenu.css et structure. Merci pour vos réponses. Autre chose, le menu déroulant que je suis obligé de répéter dans chaque page (c'est lourd !). Y a-t-il moyen de le mutualiser aussi comme un CSS ?

Voici un code qui a l'avantage de pouvoir paramétrer tes popup comme tu veux et où tu veux dans ta page <a href="imageagrandie" onclick="window.open'','popup','height=650,width=650,left=50,top=50, menubar=0,toolbar=0,location=0,status=0,scrollbars=0,directories=0,resizable=0,c pyhistory=0,')" target="popup"><img src="imagepetite" width="140" height="117" border="0" title="Tontitre"></a> J'utilise ça pour mes popup de photos ou dessins sur mon site en bossant sous dreamweaver. C'est un peu laborieux mais ça fonctionne. Donc quand tu as inséré ta petite photo cliquable, au lieu de mettre un lien simple, tu mets ce genre de lien. Le mieux à faire si tu ne maîtrise pas encore bien le code, c'est de définir le lien et de remplacer ensuite le code écrit par dream par celui que je viens de te donner. Cela dit, en cherchant un peu, tu trouves pas mal de sites qui te proposent des générateurs de popup plus ou moins perfectionnés.

Euh... C'est quoi un farm link ? Le sites qui te proposent d'ouvrir 15 pages en même temps que la tienne et qui veulent ressembler à des annuaires ?

Si j'ai bien tout compris, on a intérêt à utiliser les 2 pour les images, alt pour les navigateurs bas débit et title pour les info-bulles. Par ailleurs, j'ai intérêt à mettre des title sur les liens textes également. C'est bien ça ? Pour ce qui est du référencement, j'ai constaté qu'en mettant des alt appropriés sur les photos et images, mon site apparaissait très bien sur Google image, donc ça joue correctement. Je suppose que pour les autres moteurs, c'est utile également, vu que Kartoo nous référence très proprement aussi.

Dreamweaver, par hasard, parce que quand je me suis formé, on m'a fait bosser dessus. Mais il suppose (ce qui est finalement pas mal) de faire pas mal de nettoyage à la mimine. Un bon entrainement pour le débutant que je suis. On finit par mettre les mains dans le cambouis, surtout dès qu'on veut faire des pages un peu jolies et complexes et surtout compatibles tous navigateurs.

Salut à tous, J'ai utilisé pas mal de alt sur mon site pour, d'une part décrire les images, d'autre part améliorer mon référencement. Ca fonctionne très bien puisque le site apparaît correctement sur les différents moteurs et que les annuaires avec aspirateurs apportent une description propre dudit site. Je me demande juste quelles sont les différences majeures (à part l'affichage des barres jaunes de lecture) entre alt et title et s'il est conseillé d'utiliser l'un plutôt que l'autre ou les deux. Dans ce dernier cas, lequel utiliser pour les navigateurs sans images et lequel pour le référencement ? Site et code (pas vraiment nettoyé... désolé) visible sur www.globetrottoirs.com

Ca marche !!!!!!! Trop fort. Je n'ai plus qu'à généraliser le truc et le mettre en ligne. Merci Captain torche. J'y vois plus clair grâce à toi.

Merci pour le conseil. Je vais essayer ça et je te tiens au courant. J'avais bien vu que les déroulants se mettaient derrière le frame, mais pas de soluce. En plus, la commande objet décrite par Xavier dans un autre forum ne fonctionnait pas non plus. A +

Salut à tous, J'ai un petit soucis avec Opéra pour le fonctionnement d'un menu déroulant avec un contenu de page contenant un iframe. Les sous menus ne s'affichent pas. Le menu déroulant sans iframe fonctionne super sur tous les navigateurs, mais quand je veux rajouter un iframe sur la page, opéra m'envoie dans le mur en refusant (sur toute la hauteur du iframe) d'afficher les sous-menus.Tous les autres navigateurs sont contents, sauf Opéra. Quelqu'un a-t-il une idée pour que ça fonctionne proprement ? Pour voir le résultat sans frame et avec frame NB : ledit menu a été fait à partir du site Pompeurs, super bien foutu et ultra simple à comprendre.