28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous. Je viens d'aller faire un tour sur la méthodologie, mais j'ai vraiment du mal à adapter celle-ci à mon problème.
Je maîtrise très bien Photoshop, mais pour la création de sites, une fois les images insérées, les problèmes sont pas résolus pour autant.
J'ai créé un site au moyen de Dreamweaver ce qui m'évite d'apprendre un langage contraignant d'édition de sites. Malheureusement, l'affichage sur les différents écrans des personnes qui consultent, n'est pas adapté.

vous pouvez en avoir un aperçu ici : www.cheptaindirtcamp.com.

Auriez vous une solution simple à insérer dans le code de ma page afin d'adapter la résolution à l'écran hôte ???
Perso, je ne me sers que de la version design... mais s'il faut juste insérer des modifs, je pourrais peut-être arriver à m'en sortir... merci d'avance !!! Mais je veux bien essayer de comprendre la logique aussi !!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body background="../images/fond/fond%20menu.jpg" link="#FF3300" vlink="#FF0000" alink="#FF0000">
<div id="Layer2" style="position:absolute; width:625px; height:313px; z-index:2; left: 288px; top: 172px;">
<p align="justify"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">Le
Spot du &quot;Crew du Cul&quot; est d&eacute;sormais ouvert au public sous
la forme d'une association g&eacute;r&eacute;e par les Locaux de la premi&egrave;re
heure. Tout le monde peut venir y rouler &agrave; condition de contacter les
locaux sur
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="76" height="17">
<param name="movie" value="text8.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#333333">
<param name="scale" value="exactfit">
<embed src="text8.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="76" height="17" bgcolor="#333333"></embed>
</object>
. L'entr&eacute;e est de 10 euros &agrave; la journ&eacute;e pour les visiteurs
occasionnels, mais la cotisation annuelle est fix&eacute;e &agrave; 50 euros
pour en profiter jusqu'&agrave; &ecirc;tre raide-def'. </font></strong></p>
<p align="justify"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">Pour
vous inscrire rendez vous sur le lien suivant : <a href="formulaire%20d%27inscription.htm">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="167" height="19">
<param name="movie" value="text9.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#333333">
<param name="scale" value="exactfit">
<embed src="text9.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="167" height="19" bgcolor="#333333"></embed>
</object>
</a></font></strong></p>
<p align="justify"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">Par
contre n'oubliez pas de lire la charte du Spot qui reste en vigueur. </font></strong></p>
<p align="justify"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">Des
contests type Slip-sta&iuml;le et Dh seront organis&eacute;s r&eacute;guli&egrave;rement
o&ugrave; tout le monde sera convi&eacute; avec lots pour les plus barges.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="76" height="17">
<param name="movie" value="text8.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#333333">
<param name="scale" value="exactfit">
<embed src="text8.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="76" height="17" bgcolor="#333333"></embed>
</object>
du site reste le meilleur endroit pour se tenir au courant.</font></strong></p>
<p align="justify"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">Merci
aux premiers sponsors qui ont particip&eacute; avec passion, plus par int&eacute;r&ecirc;t
&agrave; sauver le spot de la destruction. Merci David de
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="155" height="17">
<param name="movie" value="text10.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#333333">
<param name="scale" value="exactfit">
<embed src="text10.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="155" height="17" bgcolor="#333333"></embed>
</object>
, et
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="64" height="17">
<param name="movie" value="text11.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#333333">
<param name="scale" value="exactfit">
<embed src="text11.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="64" height="17" bgcolor="#333333"></embed>
</object>
</font></strong></p>
<p align="justify"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">Sur
le site, vous trouverez essentiellement des photos de toutes les traces du
spot ainsi que les vid&eacute;os en cam' embarqu&eacute;e pour vous faire
d&eacute;couvrir les lieux. Pour les photos des sessions, rendez-vous sur
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="76" height="17">
<param name="movie" value="text8.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#333333">
<param name="scale" value="exactfit">
<embed src="text8.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="76" height="17" bgcolor="#333333"></embed>
</object>
!</font></strong></p>
<p align="right"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">
- Bon ride !!!!!!!!</font></strong></p>
</div>
<div id="Layer4" style="position:absolute; width:200px; height:325px; z-index:4; left: 40px; top: 312px;">
<p><strong><font color="#00CC00" size="3"></font></strong></p>
<p><strong><font color="#FFFFFF"> *
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="107" height="20">
<param name="BASE" value=".">
<param name="BGCOLOR" value="#000000">
<param name="movie" value="text1.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<embed src="text1.swf" width="107" height="20" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" base="." bgcolor="#000000" ></embed>
</object>
</font></strong></p>
<p><strong><font color="#FFFFFF">*
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="67" height="16">
<param name="movie" value="text2.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="scale" value="exactfit">
<embed src="text2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="67" height="16" bgcolor="#000000"></embed>
</object>
</font></strong></p>
<p><strong><font color="#FFFFFF">*
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="46" height="16">
<param name="BASE" value=".">
<param name="movie" value="text3.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="scale" value="exactfit">
<embed src="text3.swf" width="46" height="16" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#000000" base="."></embed>
</object>
</font></strong></p>
<p><strong><font color="#FFFFFF">*
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="46" height="16">
<param name="movie" value="text14.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#000000">
<param name="scale" value="exactfit">
<embed src="text14.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="46" height="16" bgcolor="#000000"></embed>
</object>
</font></strong></p>
<p><strong><font color="#00CC00" size="3"></font></strong></p>
<p><font color="#FFFFFF">*
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="60" height="19">
<param name="BASE" value=".">
<param name="movie" value="text5.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="scale" value="exactfit">
<embed src="text5.swf" width="60" height="19" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#000000" base="."></embed>
</object>
</font></p>
<p><font color="#FFFFFF">*
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="94" height="19">
<param name="BGCOLOR" value="#000000">
<param name="movie" value="text6.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="scale" value="exactfit">
<embed src="text6.swf" width="94" height="19" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#000000" ></embed>
</object>
</font></p>
<p><font color="#00CC00" size="3"><strong><em>CONTACT</em></strong></font></p>
<p><em><strong> <a href="mailto:jamburgers@hotmail.com">Mail moi pour les niounouz</a>
</strong></em></p>
</div>
<div id="Layer1" style="position:absolute; width:56px; height:24px; z-index:5; left: 536px; top: 77px;"><a href="mailto:jamburgers@hotmail.com">Contact</a></div>
</body>
</html>
[code]
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif

EDIT : comment arrêter l'animation (ou au-moins le son) qui s'affiche sur ton lien ? Smiley sweatdrop
Modifié par Raphael (24 Oct 2006 - 18:57)
dsl, j'avais essayé une première fois, je n'ai pas réussi... après ton message, non plus. Il me dit qu'il y a une erreur, et que le message ne peut être modifié.

J'ai lu votre charte, et fait une recherche. Mais me suis permis de refaire un message, car les tutos que j'ai pu trouver utilisent des termes que je ne comprends pas. J'espérais juste qu'il existait une explication plus simple au problème. Je peux t'assurer que je suis allé voir les renseignements qui existaient avant de poster...

Quant au son. ben à priori on ne peut pas, puisqu'il s'agit d'un flash. Comme il s'agit de la page d'index... le fait de se rendre au menu d'accueil suffit à passer l'intro.