Ajouter design sur page HTML/CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Ajouter design sur page HTML/CSS

xtof_83

Freeride Spirit

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...

Publicité

gatsusat

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

dwogsi

Défaillance cérébrale...

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})/

xtof_83

Freeride Spirit

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>South Riders - Vtt Freeride</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Freeride freeride velo vélo janas vtt bike seyne sur mer toulon soleil south rider riders sud france faron" />
<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" />
<meta name="revisit-after" content="10 days" />
<link href="test.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="/images/preview.ico" />
<script type="text/JavaScript" src="/admin/javascript/controles.js"></script>
</head>
<body>
<div id="messageerr"></div>
<div id="page">
<h1 id="entete">
<div id="entetedr"></div>
<div id="entetega">South Riders</div>
</h1>
<ul id="navcontainer">
<li id="navcontainerfirst"><a href="/index.php" title="Retour à l'accueil">Accueil</a></li>
<li><a href="/actualites/news.php" title="Toutes les news">News</a></li>
<li><a href="/modules/annuaire.php" title="Tous les spots de France">Annuaire</a></li>
<li><a href="/galerie_photo/galerie.php" title="Espace Photos">Photos</a></li>
<li><a href="/modules/videos.php" title="Espace vidéos">Vidéos <strong>new</strong></a></li>
<li><a href="/site/mountain.php" title="Toutes les ballades Freeride en france">Mountain</a></li>
<li><a href="/modules/comments.php" title="Tous ce que vous avez à dire">Commentaires</a></li>
<li><a href="/modules/contact.php" title="Pour nous contacter">Contacts</a></li>
<li><a href="#" title="">Forum</a></li>
</ul>
<ul id="panelangues">
<li id="fra"><a href="javascript:;">Langue francaise</a></li>
<li id="ang"><a href="javascript:;">Langue anglaise</a></li>
<li>Skin :
<select onChange="skin()" id="skin">
<option value="/index2.php?skin=original" selected>Original</option>
<option value="/index2.php?skin=redbull" >Red Bull</option>
<option value="/index2.php?skin=vertnat" >Vert Nature</option>
</select>
</li>
</ul>
<form class="langues" action="" method="post" name="form2" onSubmit="MM_validateForm('login','','R','pass','','R');return document.MM_returnValue" >
<fieldset>
<label for="login">Membres :</label>
<input type="text" name="login" value="login" /><br />
<input type="password" name="pass" value="pass" /><br />
<input type="hidden" name="membres" value="1" /><br />
<input type="submit" value="ok" class="bouton" />
</fieldset>
<fieldset class="baslangues">
<a href="/modules/membres.php">>>Créer un compte en 30 sec.</a>
</fieldset>
</form>
<div id="conteneur">
<form action="/index.php" method="post" name="form1" onSubmit="MM_validateForm('mailing','','RisEmail');return document.MM_returnValue" >
<ul class="menu1">
<li><h1>Mailing Liste :</h1></li>
<li>Email :</li>
<li><input type="text" name="mailing" /></li>
<li><input type="checkbox" name="inscrit" value="1" class="none" /> Pour ce désinscrire</li>
<li id="mailbout"><input type="submit" value="Envoyer" class="bouton" /></li>
<li class="ssmenugauche"><h1>Statistiques :</h1></li>
<li>Visiteurs :<img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[southriders].dat&dd=sdgs&ft=0" alt="freecompteur"/></li>
<li>Membres inscrits:  26</li>
<li><img src="images/menusitebas.jpg" align="bottom" width="200" alt="test"></li>
</ul>
</form>
<ul class="menu2">
<li class="menu2photos">Photo aléatoire :</li>
<li class="menu2photos">
<a href="riders-unique-freeride-4-janas-0-vtt-2">
<img src="/images/galerie/thumbs/4.jpg" alt="photo_aleatoire" class="contourphoto"></a>
</li>
<li>etc...</li>
<li>test menu droite</li>
</ul>
<div id="centre">
<div class="newsboxaccueil">
<ul class="newsbarre">
<li class="newshautdroite">17/10/05</li>
<li class="newstitre">Edito</li>
</ul>
<div class="newsmess"><p id="centreone">South Riders, le site de toutes les personnes qui veulent faire partager leur passion du freeride.<br /><br/>
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
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
le forum.<br />
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/>
Xtof.</p></div>
</div>
<div class="newsboxaccueil">
<ul class="newsbarre">
<li class="newshautdroite">Actualité du 22/10/2005</li>
<li class="newstitre">Ride To Janas</li>
</ul>
<div class="newsmess">
<div class="newsphoto"><a href="javascript:;" class="newslien"
onClick="openPhoto('../../../../images/actus/24.jpg','450','600','M4110046.JPG','50','50')">
<img src="../../images/actus/24p.jpg" class="none"></a>
</div>
Pendant que certain, sans prévenir, se font une ride session au Revest, nous, comme prévu, ride à janas.<br /> Bon, on peut pas dire qu’ils aient raté quelque chose de bien particulier, mais tous de même une super aprem, assez ... </div>
<div align="right" style="clear:both;"><a href="actualites/news.php?id=24">Lire la suite--> </a></div>
</div>
<div class="newsboxaccueil">
<ul class="newsbarre">
<li class="newshautdroite">Actualité du 17/10/2005</li>
<li class="newstitre">La south confrerie a besoin de freerideurs</li>
</ul>
<div class="newsmess">
<div class="newsphoto"><a href="javascript:;" class="newslien"
onClick="openPhoto('../../../../images/actus/23.jpg','450','600','P1010005.JPG','50','50')">
<img src="../../images/actus/23p.jpg" class="none"></a>
</div>
<p>Cher freerideurs sudistes, en tant que south riders et membre de la south shore confrérie, je vous demande quelques secondes d'attention,<br /> <br /> notre spot aimé et chéri a besoin de vous, ce south shore inspiré du fameux north ... </div>
<div align="right" style="clear:both;"><a href="actualites/news.php?id=23">Lire la suite--> </a></div>
</div>
<p align="center"><a href="actualites/news.php" class="Lien_vert">Voir toutes les actualitées</a></p> <div id="xiti">
<a href="http://www.xiti.com/xiti.asp?s=207617" title="Mesurez votre audience">
<script type="text/javascript">
<!--
Xt_param = 's=207617&p=accueil';
Xt_r = document.referrer;
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" ';
Xt_i += 'src="http://logv28.xiti.com/hit.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Analyse d\'audience">');
//-->
</script>
<noscript>
analyse mesure frequentation internet par <img width="39" height="25" src="http://logv28.xiti.com/hit.xiti?s=207617&p=" alt="Analyse d'audience" />
</noscript></a>
</div>
</div>
</div>
<div id="pied">Powered by <a href="mailto:southriders@hotmail.fr">Xtof</a><br />South Riders ® all right reserved -<a href="http://arteau.free.fr">Arteau</a>- Copyright 2004-2006©</div>
</div>
<div id="logomenu"><a href="/index.php"><img src="/images/logo.bmp" class="none" alt="logo" width="20" height="215" /></a></div></body>
</html>

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

dwogsi

Défaillance cérébrale...

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})/

xtof_83

Freeride Spirit

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

dwogsi

Défaillance cérébrale...

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})/

xtof_83

Freeride Spirit

dwogsi a écrit :

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

dwogsi

Défaillance cérébrale...

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})/

xtof_83

Freeride Spirit

sur tiens une question il me dis pour les 2 premiers probléme...

div n'a rien à faire là...je met quoi à la place...?

Publicité

xtof_83

Freeride Spirit

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...

Roane

Pingouino's fan

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

xtof_83

Freeride Spirit

oki

anapajari

s/travail/glanding on hfr/gs;

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 &
- 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

xtof_83

Freeride Spirit

anapajari a écrit :

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

gatsusat

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

xtof_83

Freeride Spirit

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:

xtof_83

Freeride Spirit

Code :

<h1 id="entete">
<span id="entetedr"></span>
<div id="entetega">South Riders</div>
</h1>

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

xtof_83

Freeride Spirit

Autre chose je met &

et ils s'effacent???

bon et sinon je met quoi à la place des events onClick.etc...

Message cité 1 fois

xtof_83

Freeride Spirit

oléééé

http://validator.w3.org/check?uri= [...] ype=Inline

Bon j'ai droit à un peu plus d'aide now....

Martius

il/lui

xtof_83 a écrit :

Autre chose je met &

et ils s'effacent???

bon et sinon je met quoi à la place des events onClick.etc...

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

---------------
Martin

xtof_83

Freeride Spirit

bon aller je remet tous à 0

HTML VALIDE XHTML 1.0 strict: http://validator.w3.org/check?uri= [...] ype=Inline

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>South Riders - Vtt Freeride</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Freeride freeride velo vélo janas vtt bike seyne sur mer toulon soleil south rider riders sud france faron" />
<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" />
<meta name="revisit-after" content="10 days" />
<link href="test.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="/images/preview.ico" />
<script type="text/JavaScript" src="/admin/javascript/controles.js"></script>
</head>
<body>
<div id="messageerr"></div>
<div id="page">
<div id="entete">
<span id="entetedr"></span>
<h1>South Riders</h1>
</div>
<ul id="navcontainer">
<li id="navcontainerfirst"><a href="/index.php" title="Retour à l'accueil">Accueil</a></li>
<li><a href="/actualites/news.php" title="Toutes les news">News</a></li>
<li><a href="/modules/annuaire.php" title="Tous les spots de France">Annuaire</a></li>
<li><a href="/galerie_photo/galerie.php" title="Espace Photos">Photos</a></li>
<li><a href="/modules/videos.php" title="Espace vidéos">Vidéos <strong>new</strong></a></li>
<li><a href="/site/mountain.php" title="Toutes les ballades Freeride en france">Mountain</a></li>
<li><a href="/modules/comments.php" title="Tous ce que vous avez à dire">Commentaires</a></li>
<li><a href="/modules/contact.php" title="Pour nous contacter">Contacts</a></li>
<li><a href="#" title="">Forum</a></li>
</ul>
<ul id="panelangues">
<li id="fra"><a href="javascript:;">Langue francaise</a></li>
<li id="ang"><a href="javascript:;">Langue anglaise</a></li>
<li>Skin :
<select onchange="skin()" id="skin">
<option value="/index2.php?skin=original" >Original</option>
<option value="/index2.php?skin=redbull" >Red Bull</option>
<option value="/index2.php?skin=vertnat" >Vert Nature</option>
</select>
</li>
</ul>
<form class="langues" action="" method="post" onsubmit="MM_validateForm('login','','R','pass','','R');return document.MM_returnValue" >
<fieldset>
<label>Membres :</label>
<input type="text" name="login" value="login" />
<input type="password" name="pass" value="pass" />
<input type="hidden" name="membres" value="1" />
<input type="submit" value="ok" class="bouton" />
</fieldset>
<fieldset class="baslangues">
<a href="/modules/membres.php">>>Créer un compte en 30 sec.</a>
</fieldset>
</form>
<div id="conteneur">
<form action="/index.php" method="post" onsubmit="MM_validateForm('mailing','','RisEmail');return document.MM_returnValue" >
<ul class="menu1">
<li><h1>Mailing Liste :</h1></li>
<li>Email :</li>
<li><input type="text" name="mailing" /></li>
<li><input type="checkbox" name="inscrit" value="1" class="none" /> Pour ce désinscrire</li>
<li id="mailbout"><input type="submit" value="Envoyer" class="bouton" /></li>
<li class="ssmenugauche"><h1>Statistiques :</h1></li>
<li>Visiteurs :<img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[southriders].dat&dd=sdgs&ft=0" alt="freecompteur"/></li>
<li>Membres inscrits:  27</li>
<li><img src="images/menusitebas.jpg" width="200" alt="test"/></li>
</ul>
</form>
<ul class="menu2">
<li class="menu2photos">Photo aléatoire :</li>
<li class="menu2photos">
<a href="riders-unique-freeride-121-janas-0-vtt-21">
<img src="/images/galerie/thumbs/121.jpg" alt="photo_aleatoire" class="contourphoto" /></a>
</li>
<li>etc...</li>
<li>test menu droite</li>
</ul>
<div id="centre">
<div class="newsboxaccueil">
<ul class="newsbarre">
<li class="newshautdroite">17/10/05</li>
<li class="newstitre">Edito</li>
</ul>
<div class="newsmess">
<p id="centreone">South Riders, le site de toutes les personnes qui veulent faire partager leur passion du freeride.<br /><br/>
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
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
le forum.<br />
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/>
Xtof.</p> </div>
</div>
<div class="newsboxaccueil">
<ul class="newsbarre">
<li class="newshautdroite">Actualité du 01/11/2005</li>
<li class="newstitre">Ride to Hyères</li>
</ul>
<div class="newsmess">
<div class="newsphoto"><a href="javascript:;" class="newslien"
onclick="openPhoto('../../../../images/actus/27.jpg','450','600','M4110087.JPG','50','50')">
<img src="../../images/actus/27p.jpg" class="none" alt="photo_news"/></a>
</div>
Jour férié=journée de ride...logique<br /> <br /> Nous voilà donc partit pour une session sur le spot d'Hyères. Au programme, des sauts, encore des sauts, toujours plus gros, et surtout en y mettant un peu de style.<br /> ... </div>
<div style="clear:both;"><a href="actualites/news.php?id=27">Lire la suite--> </a></div>
<ul class="newsbarre">
<li class="newshautdroite">Actualité du 29/10/2005</li>
<li class="newstitre">Ride de janas (ajout de 13 photos)</li>
</ul>
<div class="newsmess">
<div class="newsphoto"><a href="javascript:;" class="newslien"
onclick="openPhoto('../../../../images/actus/26.jpg','450','600','M4110063.JPG','50','50')">
<img src="../../images/actus/26p.jpg" class="none" alt="photo_news"/></a>
</div>
Voilà encore une trés jolie sortie à janas, une de plus mes amis.<br /> <br /> Ben au programme de nombreux sauts, toujours plus long, plus gros, et à janas c'est pas ce qu'il manque.<br /> Respect à benoit ... </div>
<div style="clear:both;"><a href="actualites/news.php?id=26">Lire la suite--> </a></div>
</div>
<p id="lien_actu"><a href="actualites/news.php" class="Lien_vert">Voir toutes les actualitées</a></p> <div id="xiti">
<a href="http://www.xiti.com/xiti.asp?s=207617" title="Mesurez votre audience">
<script type="text/javascript">
<!--
Xt_param = 's=207617&p=accueil';
Xt_r = document.referrer;
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" ';
Xt_i += 'src="http://logv28.xiti.com/hit.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Analyse d\'audience">');
//-->
</script>
</a>
</div>
</div>
</div>
</div>
<div id="logomenu"><a href="/index.php"><img src="/images/logo.bmp" class="none" alt="logo" width="20" height="215" /></a></div></body>
</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

xtof_83

Freeride Spirit

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

xtof_83

Freeride Spirit

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

:ange: :ange:

leflos5

On est ou on est pas :)

Css et width: 100%

xtof_83

Freeride Spirit

Mais moi c'est en vertical ....

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Ajouter design sur page HTML/CSS

Sujets relatifs
" ou ' page qui contient du html et du php	[Php/Html/Decoupe] Propose services (ptite rému.)
Rafraichir une page a partir d'une autre ?	Est il possible de creer ce type de page avec html/javascript/php
Ajouter 2 dates en PL sql + add_years	[CSS] Menu avec fond extensible
ASP pb pour créer un lien qui inclueraient une page dans un tableau	Création fichier html
Plus de sujets relatifs à : Ajouter design sur page HTML/CSS

Page générée en 0.246 secondes