Mon header ne s'affiche pas comme je veux !

[amazigh25]

Salut Tous le monde,
Je bosse sur un site, je vous demande pas de voir son contenu .
J'ai voulu faire un header qui sois d'une façon "beau" a voir et d'une autre qui m'aide pour le référencement.
Mais selon le navigateur et la résolution (meme firefox) le texte s'affiche à un emplacement différent.
J'avoue que je métrise pas les tables es ce qu'il y'aurait une autre façon pour faire la meme chose ?

Voici mon site :
-http://www.mon-maroc.info/Webmaster/

Je vous prie de pas faire attention à la nature du site (contenu).

Merci d'avance.


J'ai des problemes avec ma connexion c'est pour ça que je ne suis pas là aussi souvent qu'avant mais bon tout le monde s'enffiche :roll:

 

[doic]

<div id="header">

 <tr> 

	<td align="center" valign="top">
      <table width="100%">
        <tr> 
<table width="800" height="197"  cellspacing="0" cellpadding="0">
          
        
<td align="center" valign="top">
				&nbsp;<p>&nbsp;</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</p>
				<p style="margin-top: -75px"><font size="6" align="left">&nbsp;
				<a href="#" title="référencement google maroc" >AB Référencement et Création - Maroc</a></p>
				<p style="margin-top: -px">&nbsp;</p>
				<p style="margin-top: -90px" align="center">
				<a class="ref" title="référencement Google maroc" href="#">Création &amp; Conception et Référencement de sites internet - Maroc</a> </td>
              </tr>
              </table>
				</td>
              </tr>
              </table>
          </td>
        </tr>

Waw...

Dans un <tr> il y'a TOUJOURS un <td> avant de mettre autre chose

<table>
<tr>
<td></td>
</tr>
</table>

Si tu regardes ton code, tu verras que tu ne respectes pas tout le temps ça....

 

[serval2a]

Bonsoir,

Si tu veux vraiement utiliser les tableaux met ton image en fond de page de ta table après l'avoir découpée et utilises <br> au lieu de <p style="margin-top: -90px" align="center">

Ce qui te donneras grosso modo :

<td background="http://www.mon-maroc.info/Webmaster/img/header.jpg">&nbsp;</td>
<p>&nbsp;</p>
<p><font size="6" align="left"><a href="#" title="référencement google aroc" >AB Référencement et Création - Maroc</a></p>
<br>
<p align="center">
<a class="ref" title="référencement Google maroc" href="#">Création  Conception et Référencement de sites internet - Maroc</a></td>

Un code plus propre en somme.

 

[amazigh25]

Salut
Merci a vous deux pour vos réponses.

J'ai utilisé ton code serval2a regarde le resultat :-s

Dsl

Merci

 

[serval2a]

Oui mais la mise en page se fait par div maintenant.

<div id="header">
<p><a href="#" title="référencement google aroc" >AB Référencement et Création - Maroc</a></p> 
<p> 
<a class="ref" title="référencement Google maroc" href="#">Création  Conception et Référencement de sites internet - Maroc</a></p>
 </div>

Le plus simple est d'utiliser ce code et d'indiquer les instructions background directement dans la feuille css
exemple :

background:  url(http://www.mon-maroc.info/Webmaster/img/header.jpg) no-repeat top ;

 

[amazigh25]

Salut
D'habitude j'utilise les div c'est pour ça que je suis embrouié mainetenent.
Le CSS ne t'en fait pas je vais m'en occuper, mais comment "dire" au texte1 d'etre sur la fleche et au texte2 d'etre en bas ?

ça me soule

Merci

 

[amazigh25]

Salut
pounk m'a envoyé ce code :

<table width="100%" height="197" cellspacing="0" cellpadding="0">


<td align="center" valign="top">
&nbsp;<p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>
<p style="margin-top: -75px"><font size="6" align="left">&nbsp;
<a href="#" title="référencement google maroc" >AB Référencement et Création - Maroc</a></p>
<p style="margin-top: -px">&nbsp;</p>
<p style="margin-top: -60px" align="center">
<a class="ref" title="référencement Google maroc" href="#">Création &amp; Conception et Référencement de sites internet - Maroc</a> </td>
</tr>

</td>

</table>

Je l'ai réglé un peux mais ça marche toujours pas sur Firefox, je vais comme meme pas oublié ce navigateur que j'utilise tous le temps !

Merci à vous.