[Table] Organiser un en-tête

**GLDavid** · 03/07/2006, 11h54

Bonjour

Il y a un petit point de détail que je n'arrive pas à régler.
En en-tête, je veux pouvoir disposer à gauche d'une image (avec un lien) et au centre d'un titre.
Voilà mon code :

Code :

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

1
2
3
4
 
<div class="logo">
<table><tr><td align="left" width="50%"><a href="http://www.super.com" target="_blank"><img src="./img/minilogo.jpg" alt="super" border="0"></td><td align="center" width="50%"><b><u>Submission form</u></b></td></tr></table>
</div>

Seulement, tout est placé à gauche.
Comment mieux disposer mes deux éléments ?

Merci d'avance.

@++

**Freed0** · 03/07/2006, 12h06

Y'a moyen de faire ceci :

Code :

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

1
2
3
4
<div id="header">
  <img src="logo.png" alt="Mon Logo" />
  Mon Titre
</div>

Code :

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

1
2
3
4
5
6
7
8
9
#header {
  width: 1000px;
  margin: auto;
  text-align: center;
}
 
#header img {
  float: left;
}

Mais bon le centre, c'est par rapport à l'espace restant (1000 - la largeur de l'image)...

A mon avis, pour avoir le centre complet, faut fait avec une position absolue ou qque chose dans le style

**GLDavid** · 03/07/2006, 12h26

Hello Freed0

Le problème est qu'avec cette solution, mon image n'est plus intégrée dans le div.
Voici mon code HTML:

Code :

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

1
2
3
4
 
<div class="logo">
<a href="http://www.super.com" target="_blank"><img src="./img/minilogo.jpg" alt="super"></a><b><u>Super</u></b>
</div>

Et ma feuille de style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
.logo {
	border: 1px solid blue;
	background-color: white;
  	margin: auto;
  	text-align: center;
}
 
img {
  float: left;
  border: 0;
}