High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Coins arrondis [HTML]

Dernière réponse le 11 jun 2003 à 18:25:31 thomas.belhalfaoui, le 10 jun 2003 à 21:27:38 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Coins arrondis [HTML] » dans :
[Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Espace en HTML VoirEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace...
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Télécharger HTML Tidy fr VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. Cette version est la version 1.1.5.0, c'est-à-dire la version de base ! Ayant remarqué que les débutants avaient des problèmes dans l'utilisation de la version...
Télécharger HTML Calendar Maker Pro Voir
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...
Posez votre question Répondre

1

thomas.belhalfaoui, le 10 jun 2003 à 21:50:15

Est-ce que qqn auarit une idée de ce qui cloche dans mon code ?

Merci beaucoup d'avance ! :))

____________________
..:: Thomas ::..

   
Répondre à thomas.belhalfaoui

2

kinder.surprise, le 10 jun 2003 à 23:44:24

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

   
Répondre à kinder.surprise

3

thomas.belhalfaoui, le 11 jun 2003 à 09:42:53

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 ::..

   
Répondre à thomas.belhalfaoui

4

Sardino, le 11 jun 2003 à 10:15:45

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... ]

   
Répondre à Sardino

5

thomas.belhalfaoui, le 11 jun 2003 à 13:07:29

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 ::..

   
Répondre à thomas.belhalfaoui

6

PhP, le 11 jun 2003 à 13:15:08

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]

   
Répondre à PhP

7

thomas.belhalfaoui, le 11 jun 2003 à 14:16:46

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 ::..

   
Répondre à thomas.belhalfaoui

8

PhP, le 11 jun 2003 à 17:35:07
  • +1

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]

   
Répondre à PhP

9

 thomas.belhalfaoui, le 11 jun 2003 à 18:25:31

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 ::..

   
Répondre à thomas.belhalfaoui
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net