Image largeur ecran [Résolu]

oni13 · 16/08/2011, 16h55

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

David55 · 16/08/2011, 17h02

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

oni13 · 16/08/2011, 17h09

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 ?)

David55 · 16/08/2011, 17h14

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

Comme ca pas de tableau

oni13 · 16/08/2011, 17h18

je fais ca mais ça ne fait rien:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

, c'était ça ta solution?

David55 · 16/08/2011, 17h21

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

oni13 · 16/08/2011, 17h32

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

fonctionne

mais pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 ! ^^

Bovino · 16/08/2011, 17h37

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

bgcolor="#2f0c24"

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

16/08/2011, 17h14	#4
David55 Rédacteur/Modérateur David S. Etudiant en alternance Inscription : août 2010 Messages : 1 167 Détails du profil Informations personnelles : Nom : David S. Âge : 22 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Etudiant en alternance Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : août 2010 Messages : 1 167 Points : 2 304 Points : 2 304	Qu'est ce qu'il t'empêche d'afficher ton image puis une div avec comme background violet? Comme ca pas de tableau __________________ Vous trouverez ma page perso avec des tutoriels sur Android et BIRT au lien suivant : http://dsilvera.developpez.com N'oubliez pas de voter pour les messages dont la réponse est pertinente (en bas à droite du cadrant) Vous voulez afficher du code : Votre problème est résolu : Pas de question technique par MP ! David55
	00

16/08/2011, 17h32	#7
oni13 Candidat au titre de Membre du Club Inscription : décembre 2010 Messages : 45 Détails du profil Informations forums : Inscription : décembre 2010 Messages : 45 Points : 10 Points : 10	Ah oui ça marche. Du coup mettre une image ne me sert à rien, c'est juste qu'apparemment Code : Sélectionner tout - Visualiser dans une fenêtre à part <div style="background-color:#2f0c24; width:100%"> fonctionne mais pas Code : Sélectionner tout - Visualiser dans une fenêtre à part <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 ! ^^
	00

16/08/2011, 17h02	#2
David55 Rédacteur/Modérateur David S. Etudiant en alternance Inscription : août 2010 Messages : 1 167 Détails du profil Informations personnelles : Nom : David S. Âge : 22 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Etudiant en alternance Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : août 2010 Messages : 1 167 Points : 2 304 Points : 2 304	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 __________________ Vous trouverez ma page perso avec des tutoriels sur Android et BIRT au lien suivant : http://dsilvera.developpez.com N'oubliez pas de voter pour les messages dont la réponse est pertinente (en bas à droite du cadrant) Vous voulez afficher du code : Votre problème est résolu : Pas de question technique par MP ! David55
	10

16/08/2011, 17h09	#3
oni13 Candidat au titre de Membre du Club Inscription : décembre 2010 Messages : 45 Détails du profil Informations forums : Inscription : décembre 2010 Messages : 45 Points : 10 Points : 10	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 ?)
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email