Ajouter design sur page HTML/CSS

Ajouter design sur page HTML/CSS - HTML/CSS - Programmation

Marsh Posté le 04-11-2005 à 15:41:22    

Salut la compagny,
 
Bon voilà, suivant les conseils de gat
 
je poste mon probléme...
 
donc...
 
http://southriders.free.fr/index2.php voilà la page ou je mettrais à jours les modifications...
 
Bon alors  
1_ je voudrais savoir si je peux encore améliorer le code sémantiquement parlant.
 
2_ ce sera l'intégration du design dans la page...
 
 
Je fais quoi là...
je vire tous le design ou je laisse comme ça pour l'instant...ou sa va...
 
Sinon gat j'ai bien voulu déjà faire les 2-3 changements demandé...
Mais avec le CSS j'ai pas réussi à bien ordonner la page...
 
Voilà merci d'avance... :)

Reply

Marsh Posté le 04-11-2005 à 15:41:22   

Reply

Marsh Posté le 04-11-2005 à 15:57:24    

le top du top : colle ton code ici entre balise [ code] et [/code]
(sans espace entre le [  et code])
 
Mais d'abord du HTML propre pas de CSS, ensuite on CSS tout ca en fonction d'un design comme tu le sens ou du comment tu veux ordonner tout ca

Message cité 1 fois

---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 04-11-2005 à 16:06:28    

tu as un <br> dans ton code au lieu d'un <br />
Pardon je chipote. Mais j'aime bien ton code alors autant que tout soit ok.


Message édité par dwogsi le 04-11-2005 à 16:07:01

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 04-11-2005 à 16:07:02    

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>South Riders - Vtt Freeride</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <meta name="description" content="Freeride freeride velo vélo janas vtt bike seyne sur mer toulon soleil south rider riders sud france faron" />
  7. <meta name="keywords" content="Site du vtt freeride dans le sud, freerider, freerideuse vous etes les bienvenues pres de toulon et la seyne, pour rouler en velo, sous le soleil sud france et vive le mont faron" />
  8. <meta name="revisit-after" content="10 days" />
  9. <link href="test.css" rel="stylesheet" type="text/css" />
  10. <link rel="shortcut icon" type="image/x-icon" href="/images/preview.ico" />
  11. <script type="text/JavaScript" src="/admin/javascript/controles.js"></script>
  12. </head>
  13. <body>
  14. <div id="messageerr"></div>
  15. <div id="page">
  17.   <h1 id="entete">
  18.     <div id="entetedr"></div>
  19.     <div id="entetega">South Riders</div>
  20.   </h1>
  21.   <ul id="navcontainer">
  22.     <li id="navcontainerfirst"><a href="/index.php" title="Retour à l'accueil">Accueil</a></li>
  23.     <li><a href="/actualites/news.php" title="Toutes les news">News</a></li>
  25.     <li><a href="/modules/annuaire.php" title="Tous les spots de France">Annuaire</a></li>
  26.     <li><a href="/galerie_photo/galerie.php" title="Espace Photos">Photos</a></li>
  27.     <li><a href="/modules/videos.php" title="Espace vid&eacute;os">Vid&eacute;os <strong>new</strong></a></li>
  28.     <li><a href="/site/mountain.php" title="Toutes les ballades Freeride en france">Mountain</a></li>
  29.     <li><a href="/modules/comments.php" title="Tous ce que vous avez à dire">Commentaires</a></li>
  31.     <li><a href="/modules/contact.php" title="Pour nous contacter">Contacts</a></li>
  32.     <li><a href="#" title="">Forum</a></li>
  33.   </ul>
  34.   <ul id="panelangues">
  35.     <li id="fra"><a href="javascript:;">Langue francaise</a></li>
  36.     <li id="ang"><a href="javascript:;">Langue anglaise</a></li>
  37.     <li>Skin :
  38.       <select onChange="skin()" id="skin">
  40.         <option value="/index2.php?skin=original" selected>Original</option>
  41.         <option value="/index2.php?skin=redbull" >Red Bull</option>
  42.         <option value="/index2.php?skin=vertnat" >Vert Nature</option>
  43.       </select>
  44.     </li>
  45.   </ul>
  46.   <form class="langues" action="" method="post" name="form2" onSubmit="MM_validateForm('login','','R','pass','','R');return document.MM_returnValue" >
  48.     <fieldset>
  49.       <label for="login">Membres :</label>
  50.       <input type="text" name="login" value="login" /><br />
  51.       <input type="password" name="pass" value="pass" /><br />
  52.       <input type="hidden" name="membres" value="1" /><br />
  53.       <input type="submit" value="ok" class="bouton" />
  54.     </fieldset>
  55.     <fieldset class="baslangues">
  57.       <a href="/modules/membres.php">&gt;&gt;Créer un compte en 30 sec.</a> 
  58.     </fieldset>
  59.   </form>
  60.    <div id="conteneur">
  61.     <form action="/index.php" method="post" name="form1" onSubmit="MM_validateForm('mailing','','RisEmail');return document.MM_returnValue" >
  62.       <ul class="menu1">
  63.         <li><h1>Mailing Liste :</h1></li>
  64.         <li>Email :</li>
  66.         <li><input type="text" name="mailing" /></li>
  67.         <li><input type="checkbox" name="inscrit" value="1" class="none" />&nbsp;Pour ce d&eacute;sinscrire</li>
  68.         <li id="mailbout"><input type="submit" value="Envoyer" class="bouton" /></li>
  69.         <li class="ssmenugauche"><h1>Statistiques :</h1></li>
  70.         <li>Visiteurs :<img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[southriders].dat&dd=sdgs&ft=0" alt="freecompteur"/></li>
  71.         <li>Membres inscrits:&nbsp;&nbsp;26</li>
  73.         <li><img src="images/menusitebas.jpg" align="bottom" width="200" alt="test"></li>
  74.       </ul>
  75.     </form>
  76.     <ul class="menu2">
  77.       <li class="menu2photos">Photo al&eacute;atoire :</li>
  78.       <li class="menu2photos">
  79.         <a href="riders-unique-freeride-4-janas-0-vtt-2">
  80.         <img src="/images/galerie/thumbs/4.jpg" alt="photo_aleatoire" class="contourphoto"></a>
  82.       </li>
  83.       <li>etc...</li>
  84.       <li>test menu droite</li>
  85.     </ul>
  86.     <div id="centre">
  87.       <div class="newsboxaccueil">
  88.         <ul class="newsbarre">
  89.           <li class="newshautdroite">17/10/05</li>
  91.           <li class="newstitre">Edito</li>
  92.         </ul>
  93.         <div class="newsmess"><p id="centreone">South Riders, le site de toutes les personnes qui veulent faire partager leur passion du freeride.<br /><br/>
  94.         Je ne mentirais pas en disant que ce site répond vraiment aux besoins des freeriders, en un peu plus de 2 mois ce site a
  95.         fait bien du chemin, grace à vous surtout. C'est pour cela que maintenant la section vidéo est ouverte, et bientôt je l'espère
  96.         le forum.<br />
  97.         Je remercie donc encore une fois ceux qui font vivre ce site, continuez ainsi et n'hésitez pas à nous questionner et venir nous voir.<br/>
  98.         Xtof.</p></div>
  100.       </div>
  101.   <div class="newsboxaccueil">
  102.     <ul class="newsbarre">
  103.       <li class="newshautdroite">Actualit&eacute; du 22/10/2005</li>
  104.       <li class="newstitre">Ride To Janas</li>
  105.     </ul>
  106.     <div class="newsmess">
  108.       <div class="newsphoto"><a href="javascript:;" class="newslien"
  109. onClick="openPhoto('../../../../images/actus/24.jpg','450','600','M4110046.JPG','50','50')">
  110. <img src="../../images/actus/24p.jpg" class="none"></a>
  111.       </div>
  112.       Pendant que certain, sans pr&eacute;venir, se font une ride session au Revest, nous, comme pr&eacute;vu, ride &agrave; janas.<br /> Bon, on peut pas dire qu&rsquo;ils aient rat&eacute; quelque chose de bien particulier, mais tous de m&ecirc;me une super aprem, assez ...    </div>
  114.     <div align="right" style="clear:both;"><a href="actualites/news.php?id=24">Lire la suite-->&nbsp;</a></div>
  115.   </div>
  116.   <div class="newsboxaccueil">
  117.     <ul class="newsbarre">
  118.       <li class="newshautdroite">Actualit&eacute; du 17/10/2005</li>
  119.       <li class="newstitre">La south confrerie a besoin de freerideurs</li>
  121.     </ul>
  122.     <div class="newsmess">
  123.       <div class="newsphoto"><a href="javascript:;" class="newslien"
  124. onClick="openPhoto('../../../../images/actus/23.jpg','450','600','P1010005.JPG','50','50')">
  125. <img src="../../images/actus/23p.jpg" class="none"></a>
  126.       </div>
  127.       <p>Cher freerideurs sudistes, en tant que south riders et membre de la south shore confr&eacute;rie, je vous demande quelques secondes d'attention,<br /> <br /> notre spot aim&eacute; et ch&eacute;ri a besoin de vous, ce south shore inspir&eacute; du fameux north ...    </div>
  129.     <div align="right" style="clear:both;"><a href="actualites/news.php?id=23">Lire la suite-->&nbsp;</a></div>
  130.   </div>
  131. <p align="center"><a href="actualites/news.php" class="Lien_vert">Voir toutes les actualitées</a></p>      <div id="xiti">
  132.         <a href="http://www.xiti.com/xiti.asp?s=207617" title="Mesurez votre audience">
  133.         <script type="text/javascript">
  134.         <!--
  135.         Xt_param = 's=207617&p=accueil';
  136.         Xt_r = document.referrer;
  137.         Xt_h = new Date();
  138.         Xt_i = '<img width="39" height="25" border="0" ';
  139.         Xt_i += 'src="http://logv28.xiti.com/hit.xiti?'+Xt_param;
  140.         Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
  141.         if(parseFloat(navigator.appVersion)>=4)
  142.         {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
  143.         document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Analyse d\'audience">');
  144.         //-->
  145.         </script>
  146.         <noscript>
  147.         analyse mesure frequentation internet par <img width="39" height="25" src="http://logv28.xiti.com/hit.xiti?s=207617&amp;p=" alt="Analyse d'audience" />
  149.         </noscript></a>
  150.       </div>
  151.     </div>
  152.   </div>
  153.   <div id="pied">Powered by <a href="mailto:southriders@hotmail.fr">Xtof</a><br />South Riders &reg; all right reserved -<a href="http://arteau.free.fr">Arteau</a>- Copyright 2004-2006&copy;</div>
  155. </div>
  156. <div id="logomenu"><a href="/index.php"><img src="/images/logo.bmp" class="none" alt="logo" width="20" height="215" /></a></div></body>
  157. </html>


Message édité par xtof_83 le 04-11-2005 à 16:10:29
Reply

Marsh Posté le 04-11-2005 à 16:11:37    

gatsusat a écrit :

le top du top : colle ton code ici entre balise [ code] et [/code]


Sincérement je préfére aller voir la source de la page avec FF, coloration syntaxique et pas de retour à la ligne.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 04-11-2005 à 16:13:01    

Bon comme vous voulez, j'essayerais de mettre à jour les 2.. ;)
 
EDIT: plus de <br>  :ange:


Message édité par xtof_83 le 04-11-2005 à 16:13:24
Reply

Marsh Posté le 04-11-2005 à 16:17:55    

lol, encore désolé mais j'aime pas les <br> sans leur /, il sont tout seuls :(
 
Au fait je me demandais un truc, mais je n'e suis pas certain...
Est on obligé de placer un </script> après <script type="text/javascript" src"rep/chose.js">?

Message cité 1 fois
Message édité par dwogsi le 04-11-2005 à 16:18:30

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 04-11-2005 à 16:23:18    

dwogsi a écrit :

lol, encore désolé mais j'aime pas les <br> sans leur /, il sont tout seuls :(
 
Au fait je me demandais un truc, mais je n'e suis pas certain...
Est on obligé de placer un </script> après <script type="text/javascript" src"rep/chose.js">?


 
 
sa n'a pas l'air d'embeter le validateur W3C

Reply

Marsh Posté le 04-11-2005 à 16:25:56    

Oui je sais j'ai fait le contrôle aussi mais des fois que ce soit simplement optionnel...


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 04-11-2005 à 16:28:48    

sur tiens une question il me dis pour les 2 premiers probléme...
 
div n'a rien à faire là...je met quoi à la place...?

Reply

Marsh Posté le 04-11-2005 à 16:28:48   

Reply

Marsh Posté le 04-11-2005 à 16:34:03    

Bon j'ai passé le doctype en transitionnal
 
ce sera peut être un peu mieux...car le strict ne marche pas sous IE si je men rapelle...

Reply

Marsh Posté le 04-11-2005 à 16:42:18    

Le strict fonctionne sous IE. Garde le, mais en xhtml 1.0 pas 1.
1 (car pour ce dernier, le type n'est pas reconnu par IE).


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 04-11-2005 à 16:43:50    

oki ;)

Reply

Marsh Posté le 04-11-2005 à 16:48:24    

Perso je vois plusieurs erreurs dans ton code:
- les divs dans les H1 c'est pas bon
- dans tes liens tu dois remplacer tes & par &amp;  
- enfin y'a 2 img ou il manque les alt
 
Après niveau design l'image qui se repete derrière "langue française" et "langue anglaise" je trouve ça pas top. Un bon no-repeat résoudrait le problème.
 

Message cité 1 fois
Reply

Marsh Posté le 04-11-2005 à 16:53:44    

anapajari a écrit :

Perso je vois plusieurs erreurs dans ton code:
- les divs dans les H1 c'est pas bon
- dans tes liens tu dois remplacer tes & par &amp;  
- enfin y'a 2 img ou il manque les alt
 
Après niveau design l'image qui se repete derrière "langue française" et "langue anglaise" je trouve ça pas top. Un bon no-repeat résoudrait le problème.


 
 
oui oui sur que limage qui se répéte n'est pas ici exprés ;)
 
pour les div dans le H1 je met quoi à la place?
bon je vais changer les 2 autre truc ;)

Reply

Marsh Posté le 04-11-2005 à 17:21:35    

un span a la place du DIV
 
ou sinon tu fais plutot :  
 
<div id="entete">
<h1>titre</h1>
</div>
 
j'ai merdé ce matin dis donc

Message cité 1 fois

---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 04-11-2005 à 17:25:56    

gatsusat a écrit :

un span a la place du DIV
 
ou sinon tu fais plutot :  
 
<div id="entete">
<h1>titre</h1>
</div>
 
j'ai merdé ce matin dis donc


 
Mais si je met comme ça..je pourais plus faire de banniére auto extensible :sol:

Reply

Marsh Posté le 04-11-2005 à 18:01:12    

Code :
  1. <h1 id="entete">
  2.     <span id="entetedr"></span>
  3.     <div id="entetega">South Riders</div>
  4.   </h1>


 
comme ceci sa marche mais avec 2 span..plus vraiment...

Reply

Marsh Posté le 04-11-2005 à 18:48:45    

Autre chose je met &amp;
 
et ils s'effacent???
 
bon et sinon je met quoi à la place des events onClick.etc...

Message cité 1 fois
Reply

Marsh Posté le 04-11-2005 à 19:47:37    

oléééé
 
http://validator.w3.org/check?uri= [...] ype=Inline
 
Bon j'ai droit à un peu plus d'aide now.... ;)

Reply

Marsh Posté le 04-11-2005 à 20:09:25    

xtof_83 a écrit :

Autre chose je met &amp;
 
et ils s'effacent???
 
bon et sinon je met quoi à la place des events onClick.etc...


tout en minuscules :
onclick="" onfocus="" onmouseout="" etc.


---------------
Martin
Reply

Marsh Posté le 04-11-2005 à 22:36:00    

bon aller je remet tous à 0
 
HTML VALIDE XHTML 1.0 strict: http://validator.w3.org/check?uri= [...] ype=Inline

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>South Riders - Vtt Freeride</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <meta name="description" content="Freeride freeride velo vélo janas vtt bike seyne sur mer toulon soleil south rider riders sud france faron" />
  7. <meta name="keywords" content="Site du vtt freeride dans le sud, freerider, freerideuse vous etes les bienvenues pres de toulon et la seyne, pour rouler en velo, sous le soleil sud france et vive le mont faron" />
  8. <meta name="revisit-after" content="10 days" />
  9. <link href="test.css" rel="stylesheet" type="text/css" />
  10. <link rel="shortcut icon" type="image/x-icon" href="/images/preview.ico" />
  11. <script type="text/JavaScript" src="/admin/javascript/controles.js"></script>
  12. </head>
  13. <body>
  14. <div id="messageerr"></div>
  15. <div id="page">
  17.   <div id="entete">
  18.     <span id="entetedr"></span>
  19.     <h1>South Riders</h1>
  20.   </div>
  21.   <ul id="navcontainer">
  22.     <li id="navcontainerfirst"><a href="/index.php" title="Retour à l'accueil">Accueil</a></li>
  23.     <li><a href="/actualites/news.php" title="Toutes les news">News</a></li>
  25.     <li><a href="/modules/annuaire.php" title="Tous les spots de France">Annuaire</a></li>
  26.     <li><a href="/galerie_photo/galerie.php" title="Espace Photos">Photos</a></li>
  27.     <li><a href="/modules/videos.php" title="Espace vid&eacute;os">Vid&eacute;os <strong>new</strong></a></li>
  28.     <li><a href="/site/mountain.php" title="Toutes les ballades Freeride en france">Mountain</a></li>
  29.     <li><a href="/modules/comments.php" title="Tous ce que vous avez à dire">Commentaires</a></li>
  31.     <li><a href="/modules/contact.php" title="Pour nous contacter">Contacts</a></li>
  32.     <li><a href="#" title="">Forum</a></li>
  33.   </ul>
  34.   <ul id="panelangues">
  35.     <li id="fra"><a href="javascript:;">Langue francaise</a></li>
  36.     <li id="ang"><a href="javascript:;">Langue anglaise</a></li>
  37.     <li>Skin :
  38.       <select onchange="skin()" id="skin">
  40.         <option value="/index2.php?skin=original" >Original</option>
  41.         <option value="/index2.php?skin=redbull" >Red Bull</option>
  42.         <option value="/index2.php?skin=vertnat" >Vert Nature</option>
  43.       </select>
  44.     </li>
  45.   </ul>
  46.   <form class="langues" action="" method="post" onsubmit="MM_validateForm('login','','R','pass','','R');return document.MM_returnValue" >
  48.     <fieldset>
  49.       <label>Membres :</label>
  50.       <input type="text" name="login" value="login" />
  51.       <input type="password" name="pass" value="pass" />
  52.       <input type="hidden" name="membres" value="1" />
  53.       <input type="submit" value="ok" class="bouton" />
  54.     </fieldset>
  55.     <fieldset class="baslangues">
  57.       <a href="/modules/membres.php">&gt;&gt;Créer un compte en 30 sec.</a> 
  58.     </fieldset>
  59.   </form>
  60.    <div id="conteneur">
  61.     <form action="/index.php" method="post" onsubmit="MM_validateForm('mailing','','RisEmail');return document.MM_returnValue" >
  62.       <ul class="menu1">
  63.         <li><h1>Mailing Liste :</h1></li>
  64.         <li>Email :</li>
  66.         <li><input type="text" name="mailing" /></li>
  67.         <li><input type="checkbox" name="inscrit" value="1" class="none" />&nbsp;Pour ce d&eacute;sinscrire</li>
  68.         <li id="mailbout"><input type="submit" value="Envoyer" class="bouton" /></li>
  69.         <li class="ssmenugauche"><h1>Statistiques :</h1></li>
  70.         <li>Visiteurs :<img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[southriders].dat&amp;dd=sdgs&amp;ft=0" alt="freecompteur"/></li>
  71.         <li>Membres inscrits:&nbsp;&nbsp;27</li>
  73.         <li><img src="images/menusitebas.jpg" width="200" alt="test"/></li>
  74.       </ul>
  75.     </form>
  76.     <ul class="menu2">
  77.       <li class="menu2photos">Photo al&eacute;atoire :</li>
  78.       <li class="menu2photos">
  79.         <a href="riders-unique-freeride-121-janas-0-vtt-21">
  80.         <img src="/images/galerie/thumbs/121.jpg" alt="photo_aleatoire" class="contourphoto" /></a>
  82.       </li>
  83.       <li>etc...</li>
  84.       <li>test menu droite</li>
  85.     </ul>
  86.     <div id="centre">
  87.       <div class="newsboxaccueil">
  88.         <ul class="newsbarre">
  89.           <li class="newshautdroite">17/10/05</li>
  91.           <li class="newstitre">Edito</li>
  92.         </ul>
  93.         <div class="newsmess">
  94.           <p id="centreone">South Riders, le site de toutes les personnes qui veulent faire partager leur passion du freeride.<br /><br/>
  95.         Je ne mentirais pas en disant que ce site répond vraiment aux besoins des freeriders, en un peu plus de 2 mois ce site a
  96.         fait bien du chemin, grace à vous surtout. C'est pour cela que maintenant la section vidéo est ouverte, et bientôt je l'espère
  97.         le forum.<br />
  98.         Je remercie donc encore une fois ceux qui font vivre ce site, continuez ainsi et n'hésitez pas à nous questionner et venir nous voir.<br/>
  99.         Xtof.</p>        </div>
  101.       </div>
  102.   <div class="newsboxaccueil">
  103.     <ul class="newsbarre">
  104.       <li class="newshautdroite">Actualit&eacute; du 01/11/2005</li>
  105.       <li class="newstitre">Ride to Hyères</li>
  106.     </ul>
  107.     <div class="newsmess">
  109.       <div class="newsphoto"><a href="javascript:;" class="newslien"
  110. onclick="openPhoto('../../../../images/actus/27.jpg','450','600','M4110087.JPG','50','50')">
  111. <img src="../../images/actus/27p.jpg" class="none" alt="photo_news"/></a>
  112.       </div>
  113.         Jour f&eacute;ri&eacute;=journ&eacute;e de ride...logique<br /> <br /> Nous voil&agrave; donc partit pour une session sur le spot d'Hy&egrave;res. Au programme, des sauts, encore des sauts, toujours plus gros, et surtout en y mettant un peu de style.<br /> ...    </div>
  115.     <div style="clear:both;"><a href="actualites/news.php?id=27">Lire la suite-->&nbsp;</a></div>
  116.     <ul class="newsbarre">
  117.       <li class="newshautdroite">Actualit&eacute; du 29/10/2005</li>
  118.       <li class="newstitre">Ride de janas (ajout de 13 photos)</li>
  119.     </ul>
  120.     <div class="newsmess">
  122.       <div class="newsphoto"><a href="javascript:;" class="newslien"
  123. onclick="openPhoto('../../../../images/actus/26.jpg','450','600','M4110063.JPG','50','50')">
  124. <img src="../../images/actus/26p.jpg" class="none" alt="photo_news"/></a>
  125.       </div>
  126.       Voil&agrave; encore une tr&eacute;s jolie sortie &agrave; janas, une de plus mes amis.<br /> <br />  Ben au programme de nombreux sauts, toujours plus long, plus gros, et &agrave; janas c'est pas ce qu'il manque.<br /> Respect &agrave; benoit ...    </div>
  128.     <div style="clear:both;"><a href="actualites/news.php?id=26">Lire la suite-->&nbsp;</a></div>
  129.   </div>
  130. <p id="lien_actu"><a href="actualites/news.php" class="Lien_vert">Voir toutes les actualitées</a></p>      <div id="xiti">
  131.         <a href="http://www.xiti.com/xiti.asp?s=207617" title="Mesurez votre audience">
  132.         <script type="text/javascript">
  133.         <!--
  134.         Xt_param = 's=207617&amp;p=accueil';
  135.         Xt_r = document.referrer;
  136.         Xt_h = new Date();
  137.         Xt_i = '<img width="39" height="25" border="0" ';
  138.         Xt_i += 'src="http://logv28.xiti.com/hit.xiti?'+Xt_param;
  139.         Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
  140.         if(parseFloat(navigator.appVersion)>=4)
  141.         {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
  142.         document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Analyse d\'audience">');
  143.         //-->
  144.         </script>
  145.         </a>
  146.       </div>
  148.     </div>
  149.   </div>
  150.   <div id="pied">Powered by <a href="mailto:southriders@hotmail.fr">Xtof</a><br />South Riders &reg; all right reserved -<a href="http://arteau.free.fr">Arteau</a>- Copyright 2004-2006&copy;</div>
  151. </div>
  152. <div id="logomenu"><a href="/index.php"><img src="/images/logo.bmp" class="none" alt="logo" width="20" height="215" /></a></div></body>
  153. </html>


 
Voilà mainteant reste plus qu'à réusir à faire des fonds "flotant" pour les menus...virer le texte des drapeaux sans que le drapeux par avec..
 
technique du text-indent:-5000px, bien mais aprés j'ai plus rien..
 
Et puis le form/fieldset je peux lui mettre un background??
 
page test:  http://southriders.free.fr/index2.php


Message édité par xtof_83 le 06-11-2005 à 00:20:17
Reply

Marsh Posté le 06-11-2005 à 00:19:50    

Bon une question pour me déboquer svp...
 
les menus sur le coté...
je voudrais qui descende tous en bas et non pas quand le texte se fini...
 
Je veux que les menus s'étende avec la partie centre...et sa jy arrive pas...
 
http://southriders.free.fr/index2.php
 
Merci ;)

Reply

Marsh Posté le 08-11-2005 à 13:28:20    

Someone please......[:alph-one]
 
 
 :ange:  :ange:

Reply

Marsh Posté le 08-11-2005 à 15:01:36    

Css et width: 100%

Reply

Marsh Posté le 08-11-2005 à 16:12:39    

Mais moi c'est en vertical ....

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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