Sujet Précédent Sujet Suivant

Affichage des bordures (Dreamweaver 8)

Résolu/Fermé
France2 - 13 janv. 2008 à 20:22
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 14 janv. 2008 à 03:22
Bonjour,

Je suis à concevoir un site Web. J'ai mis des bordures dorées (CC9900) à mes tableaux. Celles-ci ressortent bien quand je vais voir dans le navigateur. Mais quand je vais voir sur le Web, elles sont fades, pâles, ne correspondent plus à ce que je vois dans mon navigateur. J'ai lu dans un livre sur Dreamweaver 8, que les bordures des cadres sont désactivées par défaut. Mais j'ai vérifié, moi je n'ai pas de cadres, j'ai simplement mis une bordure dorée à mes tableaux. Et quand je clique sur les bordures de mes tableaux, je n'ai pas cette case, qui me permettrait d'activer mes bordures. Mon site se trouve à l'adresse http://francedo.iquebec.com/

Si quelqu'un connaît la réponse à mon problème... (S'il vous paît, y aller étape par étape, car je suis une débutante.)

Merci bien
A voir également:

5 réponses

Réponse 1 / 5
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
13 janv. 2008 à 21:26
Bonjour,

En XHTML, cette manière de faire est mal venue
<table width="800" border="3" bordercolor="#CC9900">
Essaye de demander à DW de créer des styles CSS putôt que du formatage en HTML.

Il t'offrirait peut-être alors quelque chose comme
<table style="width:800px; border:3px solid #c90">

++
Chez moi, les bordure s'affichent comme tu le demandes.

--
0
Réponse 2 / 5
France2
14 janv. 2008 à 01:33
Merci Gihef

J'ai créé une feuille de style CSS, c'était la première fois, et ai pris soin d'enlever mes codes HTML de bordures comme mon livre conseillait de le faire. Mais j'ai beau cliqué sur la bordure puis sur la règle, rien ne se passe, le style n'apparaît pas. Il y a quelque chose de pas correct que je fais...

++
Vraiment? Les bordures s'affichent correctement chez toi? Alors là ça me dépasse. As-tu un début d'explication?
0
Réponse 3 / 5
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
14 janv. 2008 à 02:44
Les 1res fois sont parfois le début d'une longue histoire (-;

Non, je n'ai pas d'explication.

Voilà ce que je vois http://cjoint.com/data/bocFsUzx26.htm dans Safari.
Ah ! Voilà ce que je vois http://cjoint.com/data/bocJlhvVeB.htm dans Firefox.

J'ai donc peut-être une explication.
Firefox traite les border en HTML des <table> d'une manière particulière.

Alors, comme Firefox, j'insiste, essaye avec un traitement des border par CSS.
DW doit le permettre.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body,td,th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #99CCCC;
  }
body {
  background-color: #FFFFCC;
  text-align : center;
  }
table {
  border : 3px solid #c90;
  }
td {
  border : 1px solid #c90;
  }
#main {
  text-align : left;
  margin : 0 auto;
  }
.Style1 {  /*              Style1 ?  donne des noms plus explicites à tes styles */
  font-size: 16px;
  font-weight: bold;
  }
a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  }
a:link {
  text-decoration: none;
  color: #99CCCC;
  }
a:visited {
  text-decoration: none;
  color: #009999;
  }
a:hover {
  text-decoration: underline;
  color: #009999;
  }
a:active {
  text-decoration: none;
  color: #CC9900;
  }
-->
</style></head>

<body>
<table width="800" id="main">
  <tr>
    <td height="100" colspan="2"><div align="center"><span class="Style1">CE SITE EST EN CONSTRUCTION </span></div></td>
  </tr>
  <tr>
    <td width="600" height="300" valign="top"><img src="images/cat6anime.gif" width="89" height="109" /></td>
    <td width="200" height="275" valign="top">&nbsp;</td>
  </tr>
  <tr>
    <td width="600" height="200" valign="middle"><a href="mailto:---@---.ca">Contact</a></td>
    <td width="200" height="200" valign="top"><table width="100%" height="100%">
      <tr>
        <td><a href="animaux.html">Droits des animaux </a><a href="voyages.html"></a><a href="index.html"></a></td>
      </tr>
      <tr>
        <td><a href="recettes.html">Recettes v&eacute;g&eacute;tariennes</a><a href="genealogie.html"></a></td>
      </tr>
      <tr>
        <td><a href="genealogie.html">G&eacute;n&eacute;alogie</a><a href="animaux.html"></a></td>
      </tr>
      
    </table></td>
  </tr>
  <tr>
    <td height="25" colspan="2"><div align="center"><span class="Style9">Copyright &copy; France Dombrowski 6 janvier 2008 </span></div></td>
  </tr>
</table>
</body>
</html>
Et puis, tu sais, tu peux te passer de toutes ces bordures.
Ta page sera structurée par son contenu.
Ces séparations montrent la structure des tableaux. Ce n'est pas utile.
Leur absence fera quelque chose de plus léger, plus agréable à consulter.
Tu pourrais même te passer de tableaux…

--
0
Réponse 4 / 5
France2
14 janv. 2008 à 03:17
Oui, c'est ça, j'ai Firefox. Ah, c'est génial! Merci bien. Je vais essayer de nouveau probablement le week-end prochain. Alors tu n'auras probablement pas de nouvelle d'ici là. Je te remercie beaucoup de te donner la peine de me répondre.
0

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

Posez votre question
Réponse 5 / 5
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
14 janv. 2008 à 03:22
(-:

Résolu, on peut considérer que c'est résolu alors ?

--
0

Discussions similaires

adele
marine carnet-pantier -
irongege -

2 réponses
Livres & catégories
musicetcie -
anonyme -

5 réponses
impossible de lancer l'application ce-30005-8 ps4
Walidkaddan_benattia -
kaly -

3 réponses