Image largeur ecran

Version imprimable

Image largeur ecran

Bonjour,

Cela paraît bénin, mais je n'arrive pas à donner à mon image la taille de l'écran.
Je dois avoir un background noir pour une partie de ma page, violet puis violet foncé pour le bas
http://img12.imageshack.us/img12/3170/exempledf.jpg
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> ... </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div align ="center"> <table border="0" cellpadding="0" cellspacing="0"> ... </table> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img style="width:100%" src ="images/bande.jpg"> </td> </tr> </table> </div> </body> </html>
Insérer un background avec le code couleur sur ma table ou mon td n'a rien changé.
De même en passant par l'id de l'image
Code:

1 2 3 4 #large { width : 100%; }
Est-ce possible sans passer par du JS ?
J'ai trop du oublier le code pendant les vacances dsl :cry:

Edit pour dire que je devrai écrire quelque chose à l'interieur de mon violet clair, donc en fait pas d'image dans un TD mais plutot un background

16/08/2011, 17h02
David55

Pourquoi passes tu par un tableau?

A quoi sert ton CSS "large" si tu ne l'utilise pas pour ton image?

Tu veux mettre ton image sur toute la largeur c'est bien cela? => Enleve le tableau pour commencer ;)
16/08/2011, 17h09
oni13

Le CSS large c'était juste pour dire que j'y avais pensé ^^' (et j'ai testé)

En effet ça marche sans tableau, il me semblait que d'habitude un tableau s'adaptait à l'image à l'interieur si elle était trop grande, apparemment pas toujours...

Je passe par un tableau car je vais devoir insérer du texte dans la partie violet clair, j'ai édité mon post mais trop tard surement désolé :-/ (je m'étais assez mal exprimé)

J'ai toujours la solution d'écrire le texte avec photoshop mais bon, vu que ça sera une adresse mieux vaut que ça soit sélectionnable je pense donc devoir passer par un tableau (non ?)
16/08/2011, 17h14
David55

Qu'est ce qu'il t'empêche d'afficher ton image puis une div avec comme background violet?

Comme ca pas de tableau :)
16/08/2011, 17h18
oni13
je fais ca mais ça ne fait rien:
Code:

1 2 3 <div bgcolor="#2f0c24" style="width:100%"> Salut </div>
A moins de mettre mon image, puis de placer "à la main" une div absolue mais bon... c'est pas pratique :D, c'était ça ta solution?

Code:

1
2
3
4
5
 
<img style="width:100%" src ="images/bande.jpg">
<div style="background-color:#2f0c24; width:100%">
Salut
</div>

Ceci ne fonctionne pas?

16/08/2011, 17h32
oni13

Ah oui ça marche.
Du coup mettre une image ne me sert à rien, c'est juste qu'apparemment

Code:

<div style="background-color:#2f0c24; width:100%">

fonctionne

mais pas

Code:

<div bgcolor="#2f0c24" style="width:100%">

Il faut donc passer par du css pour le background je le saurai !

Je devrai m'en sortir avec les positions

Merci pour ça ! ^^
16/08/2011, 17h37
Bovino

Code:

bgcolor="#2f0c24"

:vomi:

Citation:

Il faut donc passer par du css pour le background je le saurai !

Oui, et pas que pour le background, pour tout ce qui est mise en forme !
Pour info, une balise <div> n'accepte pas l'attribut bgcolor ;)