[CSS] Adieu tableau, à moi la puissance du css [MAJ]

Adieu tableau, à moi la puissance du css [MAJ] [CSS] - HTML/CSS - Programmation

Marsh Posté le 19-09-2005 à 11:01:20    

coucou tous le monde,
 
Bon voilà j'ai rebosser sur ma page d'accueil pour qu elle soit bien sémantiquement.
Dite moi ce qui ne va pas sur le code, si des choses on mal étais utilisé... :sweat:  
 
Bien sur elle n'est pas encore fini, sur le menu de droite, je compte mettre un logo fixe,la bande verte qui descent jusquen bas...
et pour le truc connection membres
 
mettre le fond en vert..mais là je sais pas trop quoi faire, faire un div ou...dite moi...
 
Voila
 
Aller c'est la rentrée à plus
 
http://southriders.free.fr/design.php
 
Tout est dans le même fichier pour les raisons suivante: pas envie davoir 10000 fichiers pour linstant... ;)  :sarcastic:


Message édité par xtof_83 le 19-09-2005 à 22:54:30
Reply

Marsh Posté le 19-09-2005 à 11:01:20   

Reply

Marsh Posté le 19-09-2005 à 15:15:17    

Citation :

Menbres


 
devant m/b/p le 'n' se transforme en 'm'
 
c'est bien faut de vouloir faire du sémantique correct, mais si le syntaxique est pas respecté on va droit au mur :o
 
sinon chui pas fan du vert et les bordures gauche / droite devraient a mon idée descendre jusqu'en bas de la page

Reply

Marsh Posté le 19-09-2005 à 15:59:38    

Ca a quoi comme valeur sémantique les "<li>&nbsp;</li>".
Vu que t'utilises les css, autant les utiliser aussi pour que les colones vertes soient aussi grande que la page.
 
Attention avec "<hr />", on ne sait pas ce qu'il deviendra vu que c'est une balise dont l'intéré est uniquement graphique. Il vaudrait mieux afficher la bordure basse ou haute d'un des paragraphes si c'est possible. (je sais plus si c'est possible depuis css2 ou css3)
 
Sinon, ca me semble sémantiquement bon au niveau de la page d'acceuil.

Reply

Marsh Posté le 19-09-2005 à 18:43:28    

Non les "<li>&nbsp;</li>" c'étais juste comme ça, pour voir comment sa rendais mieux...menu jusq*uen bas ou pas...
 
<hr /> il va aussi disparaitre...
 
Donc sinon sa va, sématique pas mal....
bon ben je continue et vous montrerais un peu plus évoluer...
 
Thanks

Reply

Marsh Posté le 19-09-2005 à 22:56:53    

Bon voila, même lien, http://southriders.free.fr/design.php
 
j'ai modifié les menu...mais marche pas sous ie, thats shit...
si quelquun peut me dire...
 
ensuite sous FF, logo qui ce ballade, pas sous IE
 
et jarrive pas a faire en sorte que la partie menbre,
soit verte, à partir de menbre, jusqu a la droite de la page (en haut)
 
Style un onglet, si vous voyez ce que je veux dire...
 
Merci d'avance...

Reply

Marsh Posté le 20-09-2005 à 16:44:58    

Personne ?

Reply

Marsh Posté le 20-09-2005 à 16:50:42    

<div id="entete"><img src="/head.jpg" alt="titre"></div>
 
->
 
<h1>Titre</h1>
 
et style CSS dessus pour "virer" le texte (text-indent) et mettre ton image de titre (background-image, backgroun_repeat, ...)
 
----------------------------------------------------------------
 
<div id="pouet">
 <ul>
  <li></li>
  <li></li>
  <li></li>
 </ul>
</div>
 
->
 
 <ul id="pouet">
  <li></li>
  <li></li>
  <li></li>
 </ul>
 
----------------------------------------------------------------
 
L'interet d'un <ul> pour tes 'langues' ????
le form se suffit a lui meme ... (+fieldset)
 
----------------------------------------------------------------
 
<br /><br /> -> nul !!!!! Il faut utiliser marge et padding et non pas <br /> !!!
 
----------------------------------------------------------------
 
<ul>
 <li></li>
 <form>
 </form>
</ul>
 
-> un form dans un ul ... ce n'est pas valide !!! tu aurais pu t'en apercevoir en moulinant ton site au validateur W3C !!!
 
----------------------------------------------------------------
 
&nbsp;&nbsp; -> meme remarque que pour <br /><br /> ... c'est nul !


Message édité par afbilou le 20-09-2005 à 16:57:06
Reply

Marsh Posté le 20-09-2005 à 17:22:46    

Merci, même si c'est cru, c'est bon à savoir... :jap: je ten remerci...
 
Si d'autre on envie de ce défouler...car c'est trés instructif...
 
Bon je fais corriger ces remarques...
juste un truc, pour que mes colonnes sur droite et gauche ce déroule jusqu'en bas avec IE je fais comment?
 
Seul truc que là je coince....
Merci...
 
Aller correction en marche...
 
Thx....
 
 
EDIT:Faut utilser aucun <br \> dans le texte???
    Et javoue ne pas comprendre comment ne pas utiliser quelques fois &nbsp; dans les cas ou j'ai 2 phrases?


Message édité par xtof_83 le 20-09-2005 à 17:33:32
Reply

Marsh Posté le 21-09-2005 à 09:39:51    

<br> c'est fait pour faire un retour a la ligne dans un block de texte. On ne doit pas utiliser des suites de <br> pour simuler un paragraphe ou bien pour espacer verticalement des blocks entre eux : pour cele il faut utiliser les marges (margin) entre les elements.
 
La meme remarque peut etre faite pour les &nbsp;
&nbsp sert a ne pas considerer l'espace comme pouvant etre coupé par un retour a la ligne par exemple. On ne doit donc pas utiliser &nbsp; pour aligner des blocks ou du texte horizontalement : il faut utiliser les marges ou les padding encore une fois.

Reply

Marsh Posté le 21-09-2005 à 10:53:21    

Ha, l'époque de netscape 4.7 contre IE ... et la démocratisation des "&nbsp;" utilisé dans les cases vides pour afficher les bordures dans netscape.
Depuis la quasi disparition de netscape 4, je suis pas sur que ca ai une quelconque utilité graphique de mettre des &nbsp; dans les cases vides.

Reply

Marsh Posté le 21-09-2005 à 10:53:21   

Reply

Marsh Posté le 21-09-2005 à 13:17:57    

Si tu es reduis a mettre des &nbsp; dans des cases vides c'est que ta page HTML n'est pas bien concu :)

Reply

Marsh Posté le 21-09-2005 à 14:05:40    

Netscape 4.7 n'affichait pas les bordures des cases vides d'un tableau, alors ca donait une tête bizare forcant l'utilisation de techniques telles que le &nbsp;
Evidement que maintenant je ne le fait plus et tant pis pour ceux qu'on des trucs trop vieux. :p

Reply

Marsh Posté le 21-09-2005 à 19:34:58    

Merci les gars...;)

Reply

Sujets relatifs:

Leave a Replay

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