Les calques avec dreamweaver

Les calques avec dreamweaver - HTML/CSS - Programmation

Marsh Posté le 20-07-2006 à 17:23:49    

Bonjour,
je débute sous dw et je voudrai savoir comment bien travailler avec les calques ? Parce que non seulement l'interprétation par ff et ie est differente et le résultat est dégueulasse dans les 2 cas.
Cf mon site http://raphanaud.jb.free.fr >> Ossature bois.
Faut il eviter les calques ou faut il travailler en mode code plutot qu'en mode création avec eux ?
(le premier qui crie au loup sur ma première page en flash je lui propose de me la refaire sans, je suis preneur. :kaola: )
D'ailleur au passage comment faire pour qu'IE ne leve pas son bouclier sur mes swf ? (barre jaune)
Merci

Reply

Marsh Posté le 20-07-2006 à 17:23:49   

Reply

Marsh Posté le 20-07-2006 à 17:26:09    

quelque part à côté de ton bureau, il doit y avoir une poubelle.
 
tu la rapproches de toi.
 
tu prends ta boîte de dwl.
 
tu la lâche à la verticale de la poubelle.
 
tu remet la poubelle là où elle était.
 
et après, tu vas pouvoir commencer à travailler proprement, et parler de balises plutôt que de calques.
 
pour le swf, je suis tenté de te dire la même chose : le swf, c'est cool. 80% des gens aujourd'hui en chient pour le voir.
 
tu reprends ta poubelle et... t'as compris où je voulais en venir;

Reply

Marsh Posté le 20-07-2006 à 17:31:13    

j'utilise deja des balises div mais comme c'est vrai que les calques me parrassait sympa a l'utilisation ...Quoi utiliser a la place pour positionner mes images et mes textes dans ma balise "page" ?  
Et pr le swf pourquoi beaucoup de site marche avec des animations flash et pas le mien ( a moins que ca ne marche pas (jutilise ff) mais j'en vois quand mme beaucoup (pub, jeux, etc) ?

Reply

Marsh Posté le 20-07-2006 à 17:37:34    

"calques", ça veut rien dire.
au mieux, une allusion à la balise <layer> de Netscape 4 qui est déprecated depuis lasortie de la version suivante, et qui n'a jamais été supportée par autrechose que cette version précise de Netscape.
 
"page", c'est pas un nom de balise.
 
dw c'est mal :o

Reply

Marsh Posté le 20-07-2006 à 17:45:20    

oui je sais mais j'utilisait le voc DW. Et pr page je m'en doutais aussi mais je connais pas bien le voc.c'est en tout ca le nom que j'ai donné quand j'ai inséré la balise div.
Reprenons.  
Je veux placer mes images et mes textes sur ma pages. Quel balise j'utilise. Si j'ai bien compris les balises div ne sont pas fait pour des divisions verticales. ca m'ttonne mais bon...
Et puis si vous pouviez etre moins arrogant.j'ai vu d'autres topic qui sont assez désolant et accablant pour leur créateur. c'est triste. Beaucoup d'entre vous sont des pros. Soit.Mais je suis pas sur que la posture de certains soit la plus intelligente et ouverte qui soit ...

Reply

Marsh Posté le 20-07-2006 à 17:51:01    

Le HTML n'est pas fait pour mettre en forme mais pour structurer le contenu. Après il te faut positionner / styler tes éléments dans une CSS.
 
Mais pour faire un truc un tant soi peu propre il te faudra laisser tomber le mode création de DW, et mettre les mains dans le code.
 
Donc... si tu veux apprendre :
 
http://css.alsacreations.com
http://openweb.eu.org
http://pompage.net


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 20-07-2006 à 19:20:43    

relisys500 a écrit :

Bonjour,
je débute sous dw et je voudrai savoir comment bien travailler avec les calques ? Parce que non seulement l'interprétation par ff et ie est differente et le résultat est dégueulasse dans les 2 cas.
Cf mon site http://raphanaud.jb.free.fr >> Ossature bois.
Faut il eviter les calques ou faut il travailler en mode code plutot qu'en mode création avec eux ?
(le premier qui crie au loup sur ma première page en flash je lui propose de me la refaire sans, je suis preneur. :kaola: )
D'ailleur au passage comment faire pour qu'IE ne leve pas son bouclier sur mes swf ? (barre jaune)
Merci


 
Va falloir te rendre à l'évidence : faire un site internet qui tienne un tant soit peu la route demande du temps et surtout des connaissances. [:spamafote]
 
Si tu as cru que le fait d'utiliser dreamweaver allait te permettre de faire un vrai site sans rien connaitre au code, ben, tu t'es trompé. DW est (au mieux) un outil pour des gens qui savent déjà ce qu'ils font et donc n'en ont pas réellement besoin.
 
Ensuite, l'utilisation de flash dans ton cas ne rime strictement à rien. On utilise flash pour faire des animations infaisables autrement, des cartes interactives, des players audio ou video etc... On utilise pas flash pour un simple survol d'image ou pour un menu. [:spamafote]
 
 

Reply

Marsh Posté le 20-07-2006 à 22:21:30    

Mais c'est fou ca... tu sais j'ai mon temps et il m'en faudra moins que tu le pense pour savoir faire ce que je veux faire. Je reviendrai posté ici dans quelques jours.

Reply

Marsh Posté le 21-07-2006 à 08:36:32    

Et au lieu de prendre des calques pourquoi ne pas te faire un tableau tout simplement (mode création) et place tes images et textes ou tu ve ????
 
PS : en fait j'y connai rien mais moi je fait des tableau pour tout et la pas de problème ...


---------------
Games-Flash : Jeux en Flash avec Scores ==> http://www.games-flash.fr
Reply

Marsh Posté le 21-07-2006 à 08:39:27    

macfleid a écrit :

Et au lieu de prendre des calques pourquoi ne pas te faire un tableau tout simplement (mode création) et place tes images et textes ou tu ve ????
 
PS : en fait j'y connai rien mais moi je fait des tableau pour tout et la pas de problème ...


 
ça se voit, donc arrête de proposer des conseils débiles et lit les topics de ceux qui en savent plus que toi


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 21-07-2006 à 08:39:27   

Reply

Marsh Posté le 21-07-2006 à 08:52:13    

esox_ch vient pas te la jouer tu parles a macfleid la
l homme au pr4
le jour ou tu seras capable de coder un truc comme ca tu pourras peut etre [:aloy] avoir l autorisation de lui parler  
 

Code :
  1. <TR>
  2.                             <TD background="imagess/menu_03.gif">
  3.                               <p align="left"><span class="Style18"><em><font face="Arial"><em><font face="Arial"><strong>&nbsp; <a href="prochainement.htm" target="cadre1">Prochainement</a></strong></font></em><br>
  4.                                       <em><font face="Arial"><strong><em><font face="Arial"><em><span style=""><strong><em><font face="Arial"><strong><em><font face="Arial"><span style=""><em>&nbsp;</em></span><em><span style=""> <a href="progtv.htm" target="cadre1">Programme TV</a></span></em></font></em></strong></font></em></strong></span></em><br>
  5.                                       <em><font face="Arial"><em><font face="Arial"><strong><em><font face="Arial"><em><font face="Arial"><strong><em><font face="Arial"><em><font face="Arial"><strong><em><font face="Arial"><em><font face="Arial"><em><font face="Arial"><em><font face="Arial"><strong>&nbsp; <a href="sortiecine.php" target="cadre1">Sorties Cin&eacute;ma</a></strong></font></em></font></em></font></em></font></em></strong></font></em></font></em></strong></font></em></font></em></strong></font></em></font></em><img src="jpgbmp/gifs%20anime/web92.gif" width="31" height="12"><br>
  6.                                       <em><font face="Arial"><em><font face="Arial"><em><font face="Arial"><strong>&nbsp; <a href="cours/cours2.htm" target="cadre1">Cours BTS IG</a></strong></font></em></font></em><strong><br>
  7. &nbsp;&nbsp;<a href="http://www.golfe-infos.com/meteo/monde.htm" target="_blank">M&eacute;t&eacute;o Monde</a><br>
  8. <em><font face="Arial"><em><font face="Arial"><em><font face="Arial"><strong><em><font face="Arial"><em><font face="Arial"><strong>&nbsp;&nbsp;<a href="http://meteodirect.meteoconsult.fr/vignette/md_vignette.php?" target="cadre1">M&eacute;t&eacute;o Ville</a></strong></font></em></font></em></strong></font></em></font></em><br>
  9. <em><font face="Arial"><strong><em><font face="Arial"><em><span style=""><strong><em><font face="Arial"><strong><em><font face="Arial"><span style=""><em>&nbsp;</em></span><em><span style=""> <a href="http://www.asiaflash.com/parjour2001.html" target="cadre1">Horoscope</a></span></em></font></em></strong></font></em></strong></span></em><br>
  10. <em><font face="Arial"><em><font face="Arial"><em><font face="Arial"><strong>&nbsp; <a href="webtv1.htm" target="cadre1">Web TV1<br>
  11. </a></strong></font></em></font></em><strong>
  12. <em><font face="Arial"><em><font face="Arial"><strong>&nbsp; <a href="http://www.ecarteweb.com/carte/selection.php?n=9399&nc=AFjMO4cyE4Ovc" target="cadre1">E-Carte</a></strong></font></em><br>
  13. <em><font face="Arial"><strong><em><font face="Arial"><em><span style=""><strong><em><font face="Arial"><strong><em><font face="Arial"><span style=""><em>&nbsp;</em></span><em><span style=""> <a href="divers/divers.htm" target="cadre1">Divers</a></span></em></font></em></strong></font></em></strong></span></em><br>
  14. <em><font face="Arial"><em><font face="Arial"><em><font face="Arial"><strong>&nbsp; <a href="http://trivia-quizz.com/plugins/radio/radio.php?lng=fr" target="_blank">Radio</a></strong></font></em></font></em><strong><br>
  15. <em><font face="Arial"><em><font face="Arial"><strong>&nbsp; <a href="infos/outils.htm" target="cadre1">Outils</a></strong></font></em><br>
  16. <em><font face="Arial"><strong><em><font face="Arial"><em><span style=""><strong><em><font face="Arial"><strong><em><font face="Arial"><span style=""><em>&nbsp;</em></span><em><span style=""> <a href="jeux%20en%20ligne/jeuxenligne.htm" target="cadre1">Jeux En Ligne</a></span></em></font></em></strong></font></em></strong></span></em><br>
  17. <em><font face="Arial"><em><font face="Arial"><em><font face="Arial"><strong>&nbsp;&nbsp;<a href="jeux/jeux.htm" target="cadre1">Jeux</a></strong></font></em></font></em></font></em></font></em></strong></font></em></font></em></strong></font></em></font></em></strong></font></em></font></em></strong></font></em></font></em></strong></font></em></font></em></strong></font></em></font></em></strong></font></em></font></em></span></p></TD>
  18.                           </TR>


 
edit :
je pensais qu'avec un quote y aurait un retour a la ligne automatique :'(


Message édité par mIRROR le 21-07-2006 à 08:53:11
Reply

Marsh Posté le 21-07-2006 à 09:31:30    

Jésus-Marie-Joseph ... Quel site [:pingouino]


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 21-07-2006 à 09:44:01    

c'est bô :love:

Reply

Marsh Posté le 22-07-2006 à 00:03:29    

Bon je vois pas trop le rapport entre la question de relisys500 et mon site ou son PR.
 
Par contre je trouve un peu simple de critiquer des site alors que le votre n'est pas visible ...
Sauf celui de Arjuna qui apparement est très loin d'être terminé (j'espere) et qui forcément est validé CSS et tout ce qu'on veux vu qu'il n'y a que du texte. (une secraitaire ferai pas le même avec Front page MDRRrr)
 
Voila j'ai posté ca histoire que vous continuiez a vous marrez sur mon site.
 
Et essayez de pense à aider relisys500 parsque la vous faites rien pour (surtout que vous êtes expert) c'est dommage de lui donner la solution non ??? Vu qu'elle vous parait évidente ...
 
PS : le code est pourri OK mais vous connaissez beaucoup de monde qui surfent sur la source d'un site ?? moi j'en connai surtout qui passent par IE ou FF donc le code ... m'en fou completement

Message cité 2 fois
Message édité par macfleid le 22-07-2006 à 00:06:13

---------------
Games-Flash : Jeux en Flash avec Scores ==> http://www.games-flash.fr
Reply

Marsh Posté le 22-07-2006 à 00:24:04    

macfleid a écrit :

OK mais vous connaissez beaucoup de monde qui surfent sur la source d'un site ?? moi j'en connai surtout qui passent par IE ou FF donc le code ... m'en fou completement[/b]


Ben ecoute, ton site il serait 4x moins lourd en enelevant toute la tonne de cochonnerie [:petrus75]
et puis un site web c'est pas en mode wysiwyg qu'on le fait [:petrus75]


Message édité par gatsu35 le 22-07-2006 à 00:24:35
Reply

Marsh Posté le 22-07-2006 à 00:39:45    

macfleid a écrit :

Bon je vois pas trop le rapport entre la question de relisys500 et mon site ou son PR.
 
juste qu une fois on  t a dit que ton code etait infame et tas repondu "rien a foutre j ai un pr4"
donc tu me permets d en rire [:itm]

 
Par contre je trouve un peu simple de critiquer des site alors que le votre n'est pas visible ...
 
oui le contenu de la plupart de mes sites ne te regardent pas  [:itm]  
 
 
 
Voila j'ai posté ca histoire que vous continuiez a vous marrez sur mon site.
 
bah t as vu on s ets pas genes ca tombe bien hein ? [:itm]  
 
Et essayez de pense à aider relisys500 parsque la vous faites rien pour (surtout que vous êtes expert) c'est dommage de lui donner la solution non ??? Vu qu'elle vous parait évidente ...
 
il a recu nombre de conseils judicieux
libre a lui de les suivre ou pas
en tout cas tu n es pas placé pour juger de la pertinence des conseils qui lui ont été donnés

 
PS : le code est pourri OK mais vous connaissez beaucoup de monde qui surfent sur la source d'un site ?? moi j'en connai surtout qui passent par IE ou FF donc le code ... m'en fou completement
 
je crois que tu te fous des visiteurs en général  [:itm]  


 
juste pour rire  parce que je m ennuyais ce soir
exactement le meme affichage sur tous les navigateurs sans bug [:aloy]
(ton site est buggé sur firefox donc tu dis que "j'en connai surtout qui passent par IE ou FF" donc ca me fait rire)
voila
 
 
En HTML:
 

Code :
  1. <tr><td><img src="menu_01.gif" />
  2. <h2>< <span>Mes Selections</span> ></h2>
  3. <ul>
  4. <li><a href="prochainement.htm" target="cadre1">Prochainement</a></li>
  5. <li><a href="progtv.htm" target="cadre1">Programme TV</a></li>
  6. <li><a href="sortiecine.php" target="cadre1">Sorties Cin&eacute;ma</a><img src="web92.gif" /></li>
  7. <li><a href="cours/cours2.htm" target="cadre1">Cours BTS IG</a></li>
  8. <li><a href="http://www.golfe-infos.com/meteo/monde.htm" target="_blank">M&eacute;t&eacute;o Monde</a></li>
  9. <li><a href="http://meteodirect.meteoconsult.fr/vignette/md_vignette.php?" target="cadre1">M&eacute;t&eacute;o Ville</a></li>
  10. <li><a href="http://www.asiaflash.com/parjour2001.html" target="cadre1">Horoscope</a></li>
  11. <li><a href="webtv1.htm" target="cadre1">Web TV1</a></li>
  12. <li><a href="http://www.ecarteweb.com/carte/selection.php?n=9399&nc=AFjMO4cyE4Ovc" target="cadre1">E-Carte</a></li>
  13. <li><a href="divers/divers.htm" target="cadre1">Divers</a></li>
  14. <li><a href="http://trivia-quizz.com/plugins/radio/radio.php?lng=fr" target="_blank">Radio</a></li>
  15. <li><a href="infos/outils.htm" target="cadre1">Outils</a></li>
  16. <li><a href="jeux%20en%20ligne/jeuxenligne.htm" target="cadre1">Jeux En Ligne</a></li>
  17. <li><a href="jeux/jeux.htm" target="cadre1">Jeux</a></li>
  18. </ul>
  19. <img src="menu_04.gif" /></td></tr>


 
 
 
En CSS :

Code :
  1. * {
  2. font-family:arial, sans-serif;
  3. font-weight:bold;
  4. font-size:small;
  5. margin:0;
  6. padding:0;
  7. }
  8. td {
  9. background: url('menu_03.gif') repeat-y;
  10. width:135px;
  11. }
  12. h2 {
  13. color:#cf0;
  14. position:relative;
  15. top:-30px;
  16. left:7px;
  17. }
  18. h2 span {text-decoration:underline;}
  19. li {
  20. list-style-type:none;
  21. margin-left:0;
  22. display:block;
  23. padding-left:10px;
  24. }
  25. a, a:hover {
  26. color:white;
  27. font-weight:bold;
  28. text-decoration:none;
  29. }


 
y a encore quelques trucs qui me font mal aux yeux comme les frames
l interet a brule poupoint c est que meme si ca change rien a ton pr ( :sweat: )
si tu veux changer un lien tu le retrouves tout de suite
alors que la dans ton paté de balises c est infame
le jour ou tu te debarraseras de tes frames (et t as interet a faire ca au plus vite :o) tu pourras une fois de plus faire ca vite fait en 5 minutes
tu veux changer la couleurs des liens, la police n importe quoi c est ton site tu fais ce que tu veux
tu fais tout en 5 minutes chrono les yeux bandés en equilibre sur la main gauche par pleine canicule avec villepin qui fait le mariole devant toi
alors qu avec ton code actuel t es pratiquement obligé de tout refaire :/
 
le referencement c est souvent un truc qu on agite aux decideurs pour qu ils passent aux normes  
mais ce n est pas la seule raison pour apprendre a coder proprement  
je t en ai deja donné un bon paquet et n importe qui d autre pourra te donner encore autant d arguments differents :/
la ton site est bloqué figé il ne peut pas evoluer a moins de perdre des heures a retrouver une balise perdue entre trois kilos de  <em><strong><font face> mal imbriqués et inutiles
c est surtout pour ca que ton code est laid ...
tu te rends meme pas compte que ces balises ne changenet meme pas ta presentation :sweat:
 


Message édité par mIRROR le 22-07-2006 à 02:05:08
Reply

Marsh Posté le 22-07-2006 à 13:33:47    

Enfin une critique bien construite avec explication, exemple et argument. Merci mIRROR
 
Par contre je n'ai jamais eu de probleme en voulant changer la couleur d'un lien ou n'importe quoi d'autre.
 
La frame n'été pas d'origine. Je l'ai mise à cause de l'affichage trop lent à cause du compteur et d'ancienne chose que j'avais avant. Donc ca permettai de ne plus afficher tout le tour du site.
 
Comment je peut connaitre tout le code innutil pour l'enlever y a des moyen de le trouver facilement ??
PS : si le moyen que vous trouvez de mieu à me répondre est d'apprendre le html ou autre (on me la déjà dit alors ca va lol)


---------------
Games-Flash : Jeux en Flash avec Scores ==> http://www.games-flash.fr
Reply

Marsh Posté le 22-07-2006 à 13:43:53    

bah pourtant il faudra bien passer par la :/
tu vas sur ce site
http://www.w3schools.com/tags/default.asp
 
tu cliques sur les balises que tu trouves dans ton code
et tu te demandes si c est utile ou pas
par exemple deux <strong> ne rendent pas ton texte plus gras qu un seul
 
dreamweaver est un outil professionnel il faut apprendre le html avant :/

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed