Posez votre question Signaler

Coins arrondis [HTML]

thomas.belhalfaoui 2647Messages postés 4 mars 2003Date d'inscription 27 août 2010Dernière intervention - Dernière réponse le 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 ! ;-))

Coins arrondis [HTML] »

Suggestions

Coins arrondis [HTML]
Bouton a coin arrondi en html (Résolu) » Forum
Code html: coins arrondis pour blog (blogger) » Forum
Image coin arrondi » Forum
Coin arrondi gimp » Forum
Rectangle coin arrondi dans illustrator (Résolu) » Forum
Coin arrondi css fieldset (Résolu) » Forum
Div 2 coins arrondis (Résolu) » Forum
Photoshop coins arrondis (Résolu) » Forum
Pochette cd coin arrondi sur itunes (Résolu) » Forum

Plus

Réponse

PhP 1757Messages postés 11 décembre 2000Date d'inscription 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>

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

Ajouter un commentaire

Réponse

thomas.belhalfaoui 2647Messages postés 4 mars 2003Date d'inscription 27 août 2010Dernière intervention 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 ::..

Ajouter un commentaire - Site web

Réponse

kinder.surprise 21588Messages postés 1 janvier 2001Date d'inscription ModérateurStatut 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

Ajouter un commentaire

Réponse

thomas.belhalfaoui 2647Messages postés 4 mars 2003Date d'inscription 27 août 2010Dernière intervention 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 ::..

Ajouter un commentaire - Site web

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

Réponse

thomas.belhalfaoui 2647Messages postés 4 mars 2003Date d'inscription 27 août 2010Dernière intervention 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 ::..

Ajouter un commentaire - Site web

Réponse

PhP 1757Messages postés 11 décembre 2000Date d'inscription 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]

Ajouter un commentaire

Réponse

thomas.belhalfaoui 2647Messages postés 4 mars 2003Date d'inscription 27 août 2010Dernière intervention 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 ::..

Ajouter un commentaire - Site web

Réponse

thomas.belhalfaoui 2647Messages postés 4 mars 2003Date d'inscription 27 août 2010Dernière intervention 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 ::..

Ajouter un commentaire - Site web

Répondre au sujet

Posez votre question

Dossier à la une

5 extensions si vous voulez revenir à l'ancien Facebook

5 extensions si vous voulez revenir à l'ancien Facebook

Vous n'aimez pas le lifting de Facebook ? Le site Mashable propose cinq étapes pour revenir à l'ancienne présentation du réseau social.

Les interviews exclusives

Bazando fidélise ses clients avec les Facebook credits

Toutes les interviews

Collection CommentÇaMarche.net

Jean-Philippe Élie

Tout sur les e-outils pour les TPE - PME

Plus de livres

Coins arrondis [HTML]

Coins arrondis [HTML] »

5 extensions si vous voulez revenir à l'ancien Facebook

"un outil vraiment simple à la portée de tous"

Tout sur les e-outils pour les TPE - PME

Tout sur les réseaux et Internet : Concevoir et sécuriser son réseau

Tout sur les meilleures extensions pour Firefox et IE : Étendre les possibilités de son navigateur favori

Tout pour bien utiliser Powerpoint 2010

Tout sur les réseaux sans fil