Coins arrondis [HTML]

Fermé
Utilisateur anonyme - 10 juin 2003 à 21:27
 Utilisateur anonyme - 11 juin 2003 à 18:25
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

PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
11 juin 2003 à 17:35
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
Utilisateur anonyme
10 juin 2003 à 21:50
Est-ce que qqn auarit une idée de ce qui cloche dans mon code ?

Merci beaucoup d'avance ! :))

____________________
..:: Thomas ::..
0
Utilisateur anonyme
10 juin 2003 à 23:44
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
Utilisateur anonyme
11 juin 2003 à 09:42
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 lundi 5 mai 2003 Statut Membre Dernière intervention 25 juin 2003 7
11 juin 2003 à 10:15
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
Utilisateur anonyme
11 juin 2003 à 13:07
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
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
11 juin 2003 à 13:15
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
Utilisateur anonyme
11 juin 2003 à 14:16
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
Utilisateur anonyme
11 juin 2003 à 18:25
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