Reprise du message précédent :
selfhtml est excellent pour retrouver les references des css, il faut cependant en effet avoir les bases. Il est vrai que ce n'est pas un vrau tuto comme Casteyde

nan c'est pas le pb
le pb c'est que je vais être offline donc j'ai besoin d'une ref que je puisse enmener genre un gros PDF
mais pas pour la base, pour des trucs "un peu avancés" genre les chg de couleur qd le curseur passe et trucs du genre

Tres bon post, petite question, j'ai un tableau dans un cadre <div>

Lorsque je met ce tableau à 100%, il prend tout le cadre nickel sous firefox, mais cet enfxxxé d'IE me décale le cadre sur la droite et ducoup on voit pas la fin du tableau...    
Ya une solution?
Merci.

URL ?

Désolé, je developpe en intranet  

cherche hack de tantek dans google non? tu comprendras vite pkoi ie gere pas comme il faut le width couplé au padding et margin

Ou alors mettre un DOCTYPE Strict pour que IE6 fonctionne en mode "standards" ...

hello
une autre question sur les CSS. Peut-on avec les CSS créer des effet de texte similaires à ceux qu'on trouve dans phosothop dans les options blending?
bon j'imagine que non.. mais quoi on peut rever?  
et puis, on sait jamais p'tre ke c'est possible..
 
en gros, je pose cette question pk j'essaie de faire un site et pour commencer, j'ai travailler l'allure du truc sous photoshop, et me suis amusée pour certains titres avec les options blending.. je jette ou y'a moyen de garder?
 
 

hop.. et une deuxième.
savez-vous si on peut pencher un texte avec les CSS? = faire en sorte qu'un titre ne soit pas à l'horizontale mais sur un plan incliné (disons une petite de pente de 5%   )

petite question : comment faire pour augmenter l'espace entre les puces de la balise <ul> et le texte des balises <li> dans IE6/Win sans passer par la propriété css "list-style-position: outside;" ??? Car en inside, la puce est colée au texte de ma balise li Par contre, sous IE5/win ou Firefox, pas de pb... Je précise que c'est en xhtml1.0 strict

margin / padding?

 
j'ai essayé les 2 dans le <li> et le <ul>, mais rien Mais je m'y suis peut-être mal pris...

Au fait, ceux qui développent des sites XHTML1.0 strict, vous faites comment avec les listes, quand c'est une image qui sert de puce, pour avoir sous IE6 un espace entre celle-ci et le texte de la balise <li>???

text-indent

T'as la technique du background-image pour les listes : http://openweb.eu.org/articles/puces_images/

marche pas Je suis en train de voir avec le outside + text-indent : ça marche pour ie6 mais c'est moche sous ie5 et Firefox...

 
pas mal C'est pas tip-top dans IE5 (mais tout de même correct) et ça marche dasn IE6 et Firefox Merci. Par contre, j'ai aps mis un padding-left comme préconisé, mais un text-indent et la hauteur de la puce à 25% histoire que pour de grand items, le reste du texte passe en-dessous de la puce... Merci en tout cas

sinon, une autre question. J'ai 3 blocs div :
- n°1 : le header qui fait toute la largeur de la page, situé en haut
- n°2 : collé à gauche et complètement en haut en flot:left (il recouvre donc la partie gauche du header). Ce bloc a en background une image dupliquée uniquement verticalement et sur la gauche.
- n°3 : le contenu de ma page, situé en-dessous du header et collé à droite du div n°2.
 
Ma question est : comment faire pour que le bloc div n°2 aille jusqu'en bas de la page visible à l'écran au min, s'allonge si je mets le navigateur en plein écran ou si le contenu du div n°3 est plus long que celui du div n°2?
 
J'ai bein trouvé une méthode sur alsacreations mais c'était avec des backgrounds en couleurs et non avec une image : la méthode ne fonctionne donc pas
 
je précise que j'ais bien mis le height du body à 100%, mais j'ai l'impression que c'est 100%du contenu du doc html et non de l'écran visible...

bon ben j'ai trouvé que ça : http://marcarea.com/tuto/10_astuces_css.php (le conseil n°10). Ca résoud mon pb, mais mettre l'image de background du menu contextuel sur le body et non à sa place normal, c'est bizarre ...

J'ai 2 questions :
1) j'ai le bout de code suivant :

 
Pourquoi, dans ma feuille de styles, la règle p.toto table {...} ne fonctionne pas sous firefox (IE5+, c'est ok)
 
2) je voudrais faire la mise en page suivante en-dessous d'un tableau:

Précédent et suivant sont à gauche et à droite de la page, les 1 2 3 4 5... sont entre précédente et suivant, centré dans la page. Pour l'instant, je l'ai fait avec un tableau, mais je voulais savoir si avec des div ou des span, je pouvais faire pareil???
 
Merci par avance de vos réponses

Allez, une autre petite question pour la route. Comment faire pour espacer un bout de texte d'une même ligne. Ex :

 
En faisant un margin-left et margin-right dans firefox, ça marche mais pas dans IE5 (et + je crois). C'est pas idiot vu que "autre bout espacé" est dans un <span>, une balise inline ; elle n'a donc pas de marges ni de padding ni de dimensions... D'où ma question, comment faire pour que ça marche partout??? Merci.

<pre>Un petit bout de texte         Autre bout espacé     fin du texte.
</pre>

.toto table serait plus correct

 
Je pense avoir trouvé la raison. Dans le validateur du W3C, une erreur s'affiche et me dit que j'ai pas le droit de mettre un <table> dans un bloc <p>...</p>. Ca doit être pour ça que ça marche pas sous Firefox qui est plus rigoureux.

 
<pre> est une balise bloc Donc, ça passe à la ligne... Finalement, je me suis débrouillé avec des float: left; et un display: block;

Bonjour
 
je crains le pire en venant ici, faudra pas être méchant
 
Alors je vous pose le tableau, je connais rien au HTML, mais il y a quelque temps on ma demandé si je veux faire des news pour un site sur Need for Speed (en rapport avec ce que je fais sur mon topic cf signature). Bref, faut codé un minimum les news donc j'ai appris quelques bases.  
Mais on a un problème que le webmaster n'arrive pas à régler sous FireFox  
http://www.nfs-most-wanted.com/index.php
Le texte ne veut pas passer sous les images alors que ça marche très bien sous IE et Opera. De plus quand j'utilise des balises java script pour ouvrir un pop-up on voit pas que l'image est cliquable sous FF  
 
Merci d'avance

c'est possible de mettre plusieur background au meme div? genre un a droite, un a gauche toussa?
 
c koi la maniere la moins crade de faire un contour de div en images (autrement qu'un tableau 3x3 avec les coins toussa...) ?
 
merci

en fait jveux faire dans ce genre la:
http://www.bigbaer.com/css_tutoria [...] styles.htm
 
mais bon.. vu que c'est sur la droite et la gauche sur toute la hauteur d'un site, jvais pas faire une image de 800x1500 px quoi...
 
 
 
edit: en fait si.. fuck..
c pas bien lourd en fin de compte

<a ...><div>plop</div></a>
 
sous ie (6/ win2000), j'ai pas le curseur 'main' qui se met... pourtant je peux cliquer.
ya un truc pour bypasser ca?

Ça doit pas être valide de mettre un élément de type bloc (div) dans un autre de type inline (a), mets un span plutôt qu'un div...

oui en effet c pas valide, mais là c ie qui merde la dessus
 
j'ai essayé span ca marche pas non plus
 
<a href="index.php"><span id="header"></span></a>
 
#header
{
 background-image: url(./images/header.jpg);
 background-repeat: no-repeat;
 background-position: 0 auto 0 auto;
 height: 206px;
 width: 664px;
 display: block;
}

Et ça ?
 
a
{
 background-image: url(./images/header.jpg);
 background-repeat: no-repeat;
 background-position: 0 auto 0 auto;
 height: 206px;
 width: 664px;
 display: block;
}

yes!

 
Ce truc marche niquel mais problème, sous firefox, il m'est alors impossible d'aligner l'image en question dans le td avec un text-align.
L'image reste à gauche à cause de son état de "block".
 
Qq a une idée ?
 
edit: c'est bon, j'ai mis un margin: auto et rulez

 
 
Je ne sais pas si c'est temporaire, mais le site ne repond pas ...

C'était temporaire

inversion collapse et separate (equivalent css aux cellpadding et cellspacing)
Merci !

bonjour
 
Je suis en train de passer mon site en xhtml, mais j'ai un petit probleme:
 
http://www.forum-mp3.com/xhtml.php
 
http://www.forum-mp3.com/
 
Dans la version xhtml, ben quand je met le doctype xhtml, ya les liens de menus (a gauche et a droite) qui change de taille .
 
Ca vient d'ou à votre avis ? le css est interpreté differement ?

ben c'est deja fait:
 
a
{
 font-family:verdana, sans-serif;
 font-size:13;
}
 
etrange comme probleme