alignement à gauche

**Prisss** · 02/11/2010, 11h56

Bonjour,

j'ai un problème tout bête, j'aimerai que le titre de ma page s'aligne à gauche à coté de mon sommaire mais je n'arrive pas à le placer ou j'aimerai. quand je change des parties de mon code cela ne change absolument rien.

j'ai testé :

Code :

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

1
2
3
4
5
6
<table>
	<tr>
		<td valign="left"><font color="#0061C9"><h1>Notre Savoir-Faire</h1></font></align>
		</td>
	</tr>
</table>

mais cela ne fonctionne pas

et j'ai également aussi essayé :

Code :

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

<align="left"><font color="#0061C9"><h1>Notre Savoir-Faire</h1></font></align>

mais quand je modifie un truc dans le code (je ne sais plus quoi avec tout les essais que j'ai fais) cela bouge tout le texte. voici le code qui permet de positionner le texte :

Code :

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

<div id="Contenu" style="position:absolute; width:790px; height:365px; z-index:5; left: -200px; top: 230px">

merci =)
Qu'est ce que j'aurai dû faire ?

**Bisûnûrs** · 02/11/2010, 12h24

Envoyé par Prisss

Qu'est ce que j'aurai dû faire ?

Apprendre à coder correctement et non pas :
1. Bidouiller avec des balises qui n'existent que dans ton imagination
2. Pondre du code vieux de 10 ans

Je te conseille de lire ça :
http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

Et si tu dis ne pas avoir le temps, crois-moi, tu passeras moins de temps à lire et à comprendre ce tuto plutôt que de passer ton temps à poser des questions sur le forum parce que ton code rustique et tes bidouilles ne fonctionnent pas.

**Prisss** · 02/11/2010, 13h53

en même temps je suis qu'étudiante j'ai pas 10 ans d'info derrière moi et vu que je comprend pas grand chose je fais ce que je peux et pi un des 2 codes que j'ai mis je l'ai trouvé sur un site internet dont l'article date d'y a pas longtemps donc je vois pas ou y a du code vieux de 10 ans.

et en même temps si on vient ici c'est pour se faire aider dans nos problèmes pas ce faire "envoyer bouler"

mais merci pour le tuto je vais essayer de le comprendre !!

mais j'ai réussi plus ou moins avec mon code "vieux de 10 ans" et avec mes bidouilles !!

**Bisûnûrs** · 02/11/2010, 14h26

Vraiment désolé si mon message a pu te paraître agressif, ce n'est pas le but voulu et je n'ai pas voulu que tu croies que je t'envoie bouler.

Le fait est que tu utilises du code obsolète et que j'ai voulu te mettre en garde contre ce genre de code. Je ne sais pas sur quel site tu as pu trouver un code aussi archaïque, mais de tout évidence ils ne se sont pas mis à la page et continuent à propager une façon de coder en HTML qui ne se fait plus depuis des temps immémoriaux.

L'article suivant est peut-être un peu long à digérer, donc sans doute à lire en plusieurs fois, mais il décrit bien le rôle des éléments les plus utilisés et met en garde contre leur mauvaise utilisation :
http://j-willette.developpez.com/tut...bases-du-html/

Je suis bien conscient que lorsque l'on débute on ait un peu de mal, on est tous passés par là.

C'est pour ça qu'il faut dès le départ se forcer à utiliser les bonnes manières de codage, et c'est ce qu'on essaie d'inculquer ici, ne pas aider pour aider, mais aider pour faire évoluer les débutants dans le droit chemin. Donc encore désolé si mes manières ont été un peu brutales.

**Bisûnûrs** · 02/11/2010, 14h31

Et pour répondre à ta question initiale, le mieux serait que tu nous montres le code complet, qu'on puisse te dire ce qui va et ce qui ne va pas.

**Prisss** · 02/11/2010, 14h43

pas grave

mais bon vu que j'ai beaucoup de mal j'arrive à rien -_-

enfin voici tout mon code :

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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<html>
	<head>
		<title>blabla</title>
				<style type="text/css">
                                        #Tableau_gauche
                                                {
                                                position:absolute;
                                                text-align:left;
                                                border-width:3px;
                                                border-style:double;
                                                border-color:black;                                              
                                                } 
                                        #Tableau_droite
                                                {
                                                left:30%;
                                                text-align:left;
                                                position:absolute;                      
                                                }
                                </style>
	</head>
 
	<body>
<!--image en bannière-->
		<center><img src="ban\ban_savfaire.jpg" height=200 width=1250/></center>
 
<!--tableau pour le sommaire-->
	<div id="Tableau_gauche">
		<center><h4>Sommaire</h4></center>
			<center><image src="images\logo_emb.jpg" width="135" height="90" alt="logo de l'entreprise"></center><p>
				<align="right"><b><a href="nv_accueil.html" class=bouton>Accueil</a></b><p>
				<align="right"><b><a href="savfaire.html" class=bouton>Notre savoir-faire</a></b><p>
				<align="left"><b><li><a href="telephonie.html" class=bouton>Téléphonie</a></b><p>
				<align="left"><b><li><a href="donnee.html" class=bouton>Données</a></b><p>
				<align="left"><b><li><a href="image.html" class=bouton>Images</a></b><p>
				<align="left"><b><li><a href="controle_acces.html" class=bouton>Contrôle d'accès</a></b><p>
				<align="left"><b><li><a href="electricite.html" class=bouton>Electricité</a></b><p>
				<align="right"><b><a href="exp_ana.html" class=bouton>Expertise/Analyse</a></b><p>
				<align="right"><b><a href="moyen.html" class=bouton>Nos moyens</a></b><p>
				<align="right"><a href="ref.html" class=bouton><b>Nos r&eacute;f&eacute;rences</b></a><p> 
				<align="right"><b><a href="contact.php" class=bouton>Contactez-nous</a></b><p>
				<u><b>Pour nous contacter</u> :<br />
				<align="left"><b><font color="#0061C9">EMB Normandie<br>
 
    </font>
	</div>
 
<!--tableau pour le corps du site-->
	<div id="Tableau_droite"> 
<!--titre de la page-->
<font color="#0061C9"><h1>Notre Savoir-Faire</h1></font>	
<!--position du corps du tableau droit-->
	<div id="Contenu" style="position:absolute; width:790px; height:365px; z-index:1; left: -200px; top: 230px"> 
 
 
<!--paragraphe "Aide à la décision-->
		<p>bla<br />
		bla
 
<!--Titre du paragraphe "les domaines couverts..."-->
<table width="778" border="0" cellspacing="0" cellpadding="5">
    <tr class="arial12"> 
		<td width="26" height="20" valign="top" bgcolor="#66CCCC"><b><img src="images/puces/puce02.gif" width="26" height="26"></b></td>
		<td width="732" valign="middle" bgcolor="#EEFFFF">
			<p> <b>Les domaines couverts par les r&eacute;seaux informatiques sont 
			multiples, ils n&eacute;cessitent des connaissances sp&eacute;cifiques 
			pour chacun d'eux :</b>
		</td>
    </tr>
</table>
 
<!--corps du paragraphe-->
	bla<p>
	bla<p>
 
<!--cadre performance/coût-->
<table width="34%" border="0">
    <tr> 
		<td rowspan="2" width="126">au meilleur rapport :</td>
		<td rowspan="2" width="133"> 
			<table width="100%" border="1" bordercolor="#000000" bordercolordark="#000000">
				<tr> 
					<td> 
						<div align="center">Performance</div>
					</td>
				</tr>
				<tr> 
					<td> 
						<div align="center">Co&ucirc;t</div>
					</td>
				</tr>
			</table>
		</td>
    </tr>
</table>
	</div>
	</body>
</html>

les 3/4 de ce qui est à été fait par une autre personne (celui qui à déjà fait le site je dois le remettre à jour et le rendre plus lisible)

et mon problème se situe au début du tableau gauche, le titre de la page se met sous la photo alors que je veux le contraire. et dans le code que je viens de mettre le titre est bien à gauche mais du coup le titre est sous la photo -_-

et merci pour ton aide =)

alignement à gauche

HTML

Vue hybride

Discussions similaires

Partager

Partager