Coins arrondis [HTML]

Utilisateur anonyme -  
 Utilisateur anonyme -
Salut à tous !

J'ai un problème. Je sais que c'est sûrement tout bête...
Voici mon problème :
Pour tous les titres de pages sur mon site (http://thomas-b.scooba.org), je voudrais les mettre dans une barre bleue avec les deux extrémités arrondies.
Voici la page en question : http://thomas-b.scooba.org/dossier_5.php
C'est la seule sur laquelle j'ai fait l'expérience.
Ca marche sur IE et Konqueror, mais sur Mozilla, la cellule centrale (celle où il y a le titre) et trop grande et ça fait bizarre... :((

Personne n'aurait une idée, s'il vous plaît ? ;-))

Voici le code : 
<table width="40%" height="24" border="0" cellspacing="0" cellpadding="0">

  <tr height="22">

    <td width="12" height="22"><img src="coin_titre_g.gif" width="14" height="24" vspace="0" hspace="0" border="0"></td>



    <td width="289" class="titre" height="24" align="center"> 

     ....:::: -4- Linux ::::....

    </td>



    <td width="12" height="22"><img src="coin_titre_d.gif" width="14" height="24" vspace="0" hspace="0" border="0"></td>

  </tr>

</table>


Un grand merci d'avance ! :)))
____________________
..:: Thomas ::..

PS: Si j'ai pas été clair, dites-le moi ! ;-))
A voir également:

8 réponses

Réponse 1 / 8
PhP Messages postés 1770 Date d'inscription   Statut Membre Dernière intervention   606
 
Bjr

Hé non ca marche toujours pas car le problème ne se situe pas toujours à l'endroit où l'on cherche ...

Si je prends le code de ta page je tombe sur : 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">


Si je remplace ce code par : 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


Ca marche avec NS 6

La preuve :

http://www.nobodysperfect.freesurf.fr/index.htm

Me demande pas trop comment marche les types de document ... j'en sais rien !

Ceci étant dit ton code est pas propre du tout ...

Extrait :

...

<link rel="stylesheet" type="text/css" href="monstyle.css">
<script language="javascript">
function IciMail() {
if(document.form_nletter.AdrMail.value=='ici')
{document.form_nletter.AdrMail.value=''}
}
</script>
<script language="javascript" src="noerror.js"></script>
</head>

<body bgcolor="#FFFFFF">

<link rel="stylesheet" type="text/css" href="monstyle.css">

<style type="text/css">
.titre { font-size:11pt; color:#4A0095; font-weight:bold; background-color:#D3E7FE; font-style: normal;}
</style>

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<!-- // LE TITRE (logo) DU SITE -->
<td width="21%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<a href="http://thomas-b.scooba.org" style="font-weight:bold; font-size:10pt;">thomas-b.scooba.org</a>
</table>
</td>

...




Plusieurs fois le code :
<link rel="stylesheet" type="text/css" href="monstyle.css">

dont 1 fois à l'intérieur de la balise <body> ...

Balise <style> à l'intérieur de la balise body ... hummm !

Balise <a> directement à l'intérieur d'une balise <table> sans <tr> ni <td> ...

T'as de la chance que ca marche ! LOL ;-)




PhP    [Push the button,Don't push the
.         button,Trip the station,Change the channel]
2
Réponse 2 / 8
Utilisateur anonyme
 
Est-ce que qqn auarit une idée de ce qui cloche dans mon code ?

Merci beaucoup d'avance ! :))

____________________
..:: Thomas ::..
0
Réponse 3 / 8
Utilisateur anonyme
 
faudrait que tu nous balances ton style .titre peut-êtreez qu'il y a un problème là, mais de toutes façons: 

<tr height="22">


puis dans ce tr 

<td ... height="22"><img ... height="24" ...


puis 

<td ... height="24" ...


puis 

<td ... height="22"><img ... height="24" ...


déjà ça craint un peu (-:

décrotte tout ça et vois ce que ça donne, après on avisera (-:

au passage, t'as aussi un blème dans IE

enfin chez moi en 1024*768 quand la fenêtre fait toute la largeur tu as un espace blanc entre tes cellules 1 et 2, un espace d'environ 1 à 2 mm

kinder.surprise,
le maton du matou
0
Réponse 4 / 8
Utilisateur anonyme
 
Merci pour ta réponse, Kinder.surprise ! :))

Voilà mon style titre : 
.titre { font-size:11pt; color:#4A0095; font-weight:bold; background-color:#D3E7FE; font-style: normal;}

Voilà, j'ai nettoyé un peu le code (enfin, j'espère... ;-) mais j'ai tjrs le même problème...
Donc, revoici le code (le même que sur http://thomas-b.scooba.org/dossier_5.php) : 
<table width="40%" height="24" border="0" cellspacing="0" cellpadding="0">

  <tr height="24">

    <td width="14" height="24"><img src="coin_titre_g.gif" width="14" height="24" vspace="0" hspace="0" border="0"></td>



    <td width="289" class="titre" height="24" align="center"> 

     ....:::: -4- Linux ::::....

    </td>



    <td width="14" height="24"><img src="coin_titre_d.gif" width="14" height="24" vspace="0" hspace="0" border="0"></td>

  </tr>

</table>

Mon code est-il encore "sale" ?

Est-ce que quelqu'un a une idée, s'il vous plaît... ;-) ?

Merci beaucoup d'avance ! :))
____________________
..:: Thomas ::..
0
Sardino Messages postés 381 Date d'inscription   Statut Membre Dernière intervention   7
 
Salut Thomas !

Hélas, je crainds qu'il y ait un petit problème...
Tu donne une largeur de tableau en pourcentage puis tu exprimes tes largeurs de cellules en pixels par la suite...

Pas bien grave, mais tu ne peux maîtriser l'affichage avec ces erreurs...

[ Méfiez-vous des filets dérivants de la vie... ]
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
Utilisateur anonyme
 
Merci pour ta réponse, Sardino ! :))
J'ai corrigé mon code (la taille du tableau n'est plus en %) et ça ne marche tjrs pas... :((
Le voici : 
<table width="428" height="24" border="0" cellspacing="0" cellpadding="0">

  <tr height="24">

    <td width="14" height="24"><img src="coin_titre_g.gif" width="14" height="24" vspace="0" hspace="0" border="0"></td>



    <td width="400" class="titre" height="24" align="center">

     ....:::: Le titre ::::....

    </td>



    <td width="14" height="24"><img src="coin_titre_d.gif" width="14" height="24" vspace="0" hspace="0" border="0"></td>

  </tr>

</table>

Est-ce que qqn a une idée ? s'il vous plaît... ;-))

Merci beaucoup d'avance ! :))
____________________
..:: Thomas ::..
0
Réponse 6 / 8
PhP Messages postés 1770 Date d'inscription   Statut Membre Dernière intervention   606
 
Bjr t.b.

Essai : 
<table  border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td width="14" height="24"><img src="coin_titre_g.gif" width="14" height="24" vspace="0" hspace="0" border="0"></td>



    <td width="400" class="titre" height="24" align="center">

     ....:::: Le titre ::::....

    </td>



    <td width="14" height="24"><img src="coin_titre_d.gif" width="14" height="24" vspace="0" hspace="0" border="0"></td>

  </tr>

</table>



C'est curieux car en local ca fonctionne avec NS 6 ... mais pas en ligne avec ta page ;-(

PhP    [Push the button,Don't push the
.         button,Trip the station,Change the channel]
0
Réponse 7 / 8
Utilisateur anonyme
 
Merci de vos réponses ! :))
J'ai mis le code de PhP, mais ça ne marche tjrs pas... (voir sur http://thomas-b.scooba.org sur toutes les pages).
Est-ce que qqn a une idée ?

Merci beaucoup d'avance ! :))
____________________
..:: Thomas ::..
0
Réponse 8 / 8
Utilisateur anonyme
 
Merci beaucoup, PhP ! :))
Ca marche très bien ! :))
Je vais essayer de nettoyer mon code...
En tout cas, j'ai corrigé les erreurs que tu m'avais dites (enfin je pense... ;-).
Merci à tous ! :))

A++ :))
____________________
..:: Thomas ::..
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses