Bonsoir,
oui, bien sûr le tableau en %. Pour les polices, problèmes. Les fureteurs ne sont pas tous d'accord avec la définition des %. Par contre tu peux définir les grandeurs des polices en fonction de la grandeur de la fenêtre avec du javascript. C'est compliqué, cependant.

Serge.

Salut,

pour la taille de l'image, je ne suis pas d'accord. si tu appliques des valeurs aux attributs 'height' et 'width' en valeurs relatives, ces valeurs s'expriment par rapport à leur contenant.
"les longueurs exprimées en pourcentages sont fonction de l'espace horizontal et vertical disponible à cet instant, non des dimensions naturelles de l'image"
Spécification HTML 4.01

pour la taille de la police, le '%' est comme le 'em'.
"Une valeur en pourcentage spécifie une taille de police absolue par rapport à celle de l'élément parent"
Spécification CSS 2

cela signifie que si tu codes un lien dans une cellule de tableau :

<table>
[...]
	<tr>
		<td>
			<a href="#">Lien</a>
		</td>
[...]
	</tr>
[...]
</table>

a
{
font-size: 50%;
}

Il y a surement des pandas pour ne dépendre de rien

Voila mon site: www.ateliercalc.com
les onglets, les barres bleues, le logo et le fond noir sont une image que j'ai mise en arrière plan

body {
background-image: url(memo/images/Accueil.gif);
background-repeat: no-repeat;
margin-left: 0%;
margin-top: 0%;
margin-right: 0%;
margin-bottom: 0%;
}

est-ce que avec les css je peux faire la même mise en page pour qu'elle s'adapte à toutes les résolutions?
J'ai pensé mettre les barre bleu en "background-repeat: repeat-x;" en les plaçant en haut et en bas, mais comment je peux changer leur hauteur en fonction de la résolutions? je précise que je ne connais pas le javascript...

Configuration: Windows XP
Internet Explorer 7.0

Oh, très bien, Sandykoala! Très belles mises en pages. Bon, à bien y penser, beaucoup de choses peuvent être extensibles (i.e. proportionel à la résolution, ou la grandeur de la fenêtre) facilement sur ton site. Seule les grandes images centrales de mises en pages sont difficiles.

Tu pourrais donc commencer par faire les onglets, les liens à gauche, le fond noir, etc. en html et css. Puis, l'image centrale peut être un fond de div ou de table (tableau). Si cette image centrale est un peu plus petite, tu pourrais la faire entrer dans à peu près toutes les grandeurs de fenêtres.

Il y a plusieurs autres solutions par la suite pour ajuster l'image centrale en la rendant extensible (en fait non, mais en cachant la partie à droite selon la résolution), ou en ayant plusieurs grandeurs choisies par javascript.

Serge.

Je regarde en ce moment comment je peux faire les onglets en css mais il y aura toujours le problème de la police. Si j'ai bien compris, en mettant la police en %, elle va varié selon la taille de l'onglet (si celui-ci est exprimé en %)??
J'ai trouvé quelques site vraiment bien sur les css:
mamouthland.free.fr/cours/css/
batraciens.net/css-astuces/
openweb.eu.org/css/
www.alsacreations.com
Si vous en connaissez d'autres (en français si possible)...

Configuration: Windows XP
Internet Explorer 7.0

Bonjour Sandykoala,
Je voudrais bien avoir les polices ajustées par % mais ça cause trop d'incertitudes quant aux bugs et aux différences entre fureteurs. Je mets toujours mes polices en pixels pour éviter les problèmes. En pratique, j'utilise un javascript pour détecter la grandeur de la fenêtre et je fais tout ajuster selon. Pratiquement seulement les images ne sont pas ajustées selon, et les images pourraient aussi.

Serge.

En effet ca marche bien, apart que ton image est en mosaïque sur une grande résolution.

Je comprend pas comment ca peut s'adapter si tu as utiliser des px??!!!!

Configuration: Windows XP
Internet Explorer 7.0

Bonjour,

Oui, pas de “px” pour la “width” ou la “height”… dans le HTML.

S'il voulait laisser son image occuper toute la place de son en-tête sans qu'elle se répète MAIS au prix de déformations, 52322 pourrait adapter ça :

  HTML

    <table class="table01" align="center" height="272" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center">
        <img src="http://www.guilde-lbu.fr/images/LBU-sliced-1024_01.gif" id="tete" />
            <h4>LIGUE DES BRASSEURS UNIS</h4>
            <h6>HORDE - CONSEIL DES OMBRES</h6>    <!-- le h6 dans le h4, pas nécessaire (-; -->
        </td>

    #tete {
        position : relative;
        width : 100%;
        height : 100%;
        margin : 0;
        padding : 0;
        border : 0;
        }
    h4, h6 {
        position : absolute;
        width : 100%;
        left : 0;
        margin : 0;
        padding : 0;
        text-align : center;
        }
    h4 {
        top : 104px;
        }
    h6 {
        top : 190px;
        }