Pb pour une image et une zone de texte

**nicolasdu69** · 17/08/2010, 14h49

Alors voila,

Tout d'abord bonjour a tous,

Je cree ma societe, alors il est clair que les comptes ne me permettent pas de faire appel pour le moment a une societe pour creer mon site alors voila, c'est les vacances et donc j'en profite pour le faire moi meme.

Le code est le suivant :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr-be">
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  <title>accueil</title>
 
 
  <meta content="text/html; charset=iso-8859-15" http-equiv="Content-Type" />
 
  <meta content="text/css" http-equiv="Content-Style-Type" />
 
  <meta content="fr" http-equiv="Content-Language" />
 
  <style type="text/css">
ul#conteneur
{
width: 770px ;
margin: 0 auto ;
text-align: left ;
border: 2px solid #ab4 ;
background: #fff ;
}
ul#menu
{
height: 55px ;
margin: 0 ;
padding: 0 ;
background: transparent ;
list-style-type: none ;
}
ul#menu li
{
float: left ;
text-align: center ;
}
ul#menu li a
{
width: 191px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #fff ;
}
  </style>
</head>
<body style="background-image: url(file:///C:/Documents%20and%20Settings/Admin/Bureau/Nouveau%20dossier/www.design-agencements/Images/fond%20de%20page_2.jpg); height: 768px; margin-left: 8px; width: 968px;">
<meta content="text/html; charset=iso-8859-15" http-equiv="Content-Type" />
<meta content="text/css" http-equiv="Content-Style-Type" />
 
 
<meta content="fr" http-equiv="Content-Language" />
 
<ul style="height: 30px;" id="menu">
 
<li><a href="lasociete.xhtml">La soci&eacute;t&eacute;</a></li>
<li><a href="etatdesprit.xhtml">Etat d'esprit</a></li>
<li><a href="realisersonprojet.xhtml">R&eacute;aliser son projet</a></li>
<li><a href="nosrealisations.xhtml">Nos r&eacute;alisations</a></li>
<li><a href="espacepresse.xhtml">espace presse</a></li>
</ul>
 
</body>
</html>

Mais voila, je veux rajouter une image sur le fond de page, et deuxiement, creer une zone blanche pour y inserer du texte. Mais la impossible, elles ne viennent pas se superposer mais descendent sous la page, autre truc, impossible de gerer la position des images ou autre.

Une aide serait la bienvenue.

Merci d'avance.

Nicolas.

**nicolasdu69** · 17/08/2010, 15h21

Fais sous paint, voila un exemple de ce que je voudaris arriver a faire

Uploaded with ImageShack.us

**Philp974** · 17/08/2010, 19h52

Hello! Le plus simple pour toi c'est d'utilisé à chaque fois un tableau, pour une image+texte ou une image seul et du texte seul, ensuite tu réduit les traits de ton tableau à 0pixel, de cette manière elle seront invisible sur ta page web.

**nicolasdu69** · 17/08/2010, 20h03

Merci a toi,

Je teste ca et je te dis si j'ai reussi.

Je suis parfois nul.

:-)

**Nnay_** · 19/08/2010, 13h17

Envoyé par Philp974

Le plus simple pour toi c'est d'utilisé à chaque fois un tableau

beurkk !

le menu peut etre geré avec des listes <ul>, positionné tout en haut et en ligne.

l'image de fond, tout simplement en mettant un "background-image" à ton <body>

la boite blanche pour le texte, un div avec un "background" blanc et positionné en "absolute" pour qu'elle tombe pile où tu le souhaite dans la page.

attention, dans ta page HTML, il y a 2 petites erreurs :
1. fais bien attention a ce que le chemin vers tes images (comme celle du fond par ex.) soit en relatif (par rapport à la page Web). Une fois sur Internet ton site ne trouvera pas l'image dans C:\Docs & settings\bla blabla\image.jpg !! qui est un chemin absolu sur ton ordi !
2. il y as des lignes <meta .... qui trainent entre <body> et </body>, elles doivent être dans <head> !

sinon, si tu veux tu peux utiliser des outils WYSIWYG (what you see is what you get, ce que tu vois est ce que tu obtiens), qui permettent de travailler directement avec le rendu final de ta page > Kompozer, outils libre.

**nicolasdu69** · 22/08/2010, 23h39

Merci a vous 2. Je n'ai pas repondu car je rentrais de vacances,et mes devoirs ont pris du retard dans l'histoire.

Nnay, ton truc marche parfaitement avec le background et l'absolute. Bon j'avoue j'ai lutté un peu.

Par contre, je ne comprends pas ton histoire de relatif.

Car si mon pc est mon serveur, ou est le pb ???

Ah non, une autre question.

Est il possible, de modifier, en fait étendre la page par excellence. Je m'explique car meme moi, je me trouve pas clair. Mon image de fond mais aussi mon menu tout en haut des pages et qui est centre sur mon image sont en 968 px, et ce pour éviter toutes les barres de défilement en affichage 1024.
Mais voila en testant sur un ordinateur avec un affichage en 1280, l'image de fond est reproduite comme sous les fonds d'écran windows type mosaïque, et mes menus se retrouvent sur le cote de la page.

Donc peut on faire une fonction type "étirer" ??

Excusez moi si la question est stupide ou peut être posée.

Amicalement.

Nicolas

**nicolasdu69** · 23/08/2010, 04h28

Bon ca ne marche pas,mais j'ai trouve.

Mais chez les autres le script marche, donc il y a pas de raison.

Pb pour une image et une zone de texte

HTML

Vue hybride

Discussions similaires

Partager

Partager