[Table] Organiser un en-tête

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:

---

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.

@++

Y'a moyen de faire ceci :

Code:

---

1 2 3 4

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

---

Code:

---

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

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:

---

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:

---

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; }

---

Merci encore de votre aide.

@++

Bah si, elle est toujours dans le calque :)

Ton .logo équivaut au #header, suffit de lui mettre les mêmes propriétés.

Ok, j'ai arrangé le coup en fixant une taille de height pour mon div dans le css.

@++