Tom's Guide > Forum > Programmation > Tableau dans site HTML

Tableau dans site HTML

Forum Programmation : Tableau dans site HTML

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Bonsoir

J'essaye de créer une première page pour mon site sur ce principe :
Image d'arrière plan rouge

Tableau principal :
Image d'arrière plan du tableau : un titre et une "plaque" sur laquelle est écrit le texte

Tableau secondaire, imbriqué dans le premier (largeur 80%) :
ligne 1 : Texte
ligne 2 : Cellule 1 (bordure noire de 1px, 70%) : Texte
Cellule 2 (pas de bordure, 30%) : rien
Fin de la table secondaire
Texte
Fin de la table principale

Mon problème, c'est au niveau de l'image d'arrière plan qui se duplique quand je teste dans une autre résolution.

Merci de m'aider :)


Message édité par AFK Silent le 27-08-2007 à 00:26:25
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

Euh je pense que sans le code on aura plus de mal à t'aider :)

------------------------------ Microsoft : Most Intelligent Customers Realize Our Software Only (for) Fools ( and ) Teenagers

Des femmes nues et des gogos danseurs c'est sur BI
Répondre à maxcailla

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.   <head>
  4.       <title>Wood-Servers</title>
  5.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.           <link rel="icon" type="image/gif" href="http://cs.afk.free.fr/wood-servers/images/favicon.gif" />
  7.       <link href="style.css" rel="stylesheet" type="text/css">
  8.     </head>
  9.     <body>
  10. <DIV ALIGN="CENTER">
  11. <table style="background: url(http://cs.afk.free.fr/wood-servers/images/table.gif) no-repeat center;" width="90%" border="0" bordercolor="#000000">
  12. <tr>
  13. <td>
  14.         <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  15.         <DIV ALIGN="CENTER">
  16.         <a href="http://cs.afk.free.fr/wood-servers/index.html"><img style="width:166px; height:29px;" src="http://cs.afk.free.fr/wood-servers/images/Accueil.gif">
  17.         <a href="http://cs.afk.free.fr/wood-servers/nos-offres.html"><img style="width:166px; height:29px;" src="http://cs.afk.free.fr/wood-servers/images/Nos offres.gif">
  18.         <a href="http://cs.afk.free.fr/wood-servers/les-serveurs.html"><img style="width:166px; height:29px;" src="http://cs.afk.free.fr/wood-servers/images/Les serveurs.gif">
  19.         <a href="http://cs.afk.free.fr/wood-servers/ckoissa.html"><img style="width:166px; height:29px;" src="http://cs.afk.free.fr/wood-servers/images/ckoissa.gif">
  20.         </DIV>
  21.         <br>
  22.       <table align=center width="800px" border="0" bordercolor="#000000">
  23.     <tr>
  24.         <td><h1>BIENVENUE</h1></td>
  25.     </tr>
  26.     <tr>
  27.         <td>Vous en avez marre des serveurs qui ne touchent pas ? Vous voulez un vrai ping ? Wood-Servers est la solutions à vos problèmes ! Vous voici donc sur le site du meilleur fournisseur de serveur de jeux au monde ! Venez découvrir nos offres exeptionnelles par la puissance des serveur et les avantageux tarifs que nous vous proposons.<br /><br /></td>
  28.     </tr>
  29.         <tr>
  30.         <td><blockquote>
  31.         <h3>NEWS</h3>
  32.         <li>Mercredi 4 juillet : Creusement de la cave dans le jardin de papy André<br />
  33.         <li>Vendredi 10 août : Installation de l'ordinateur<br />
  34.         <li>Vendredi 11 août : Mise en route des dedicateds<br />
  35.         <li>Samedi 12 août : Début de la conception du site
  36.         <li>Dimanche 19 août : Fin de la conception du site
  37.         </blockquote></td>
  38.     </tr>
  39.       </table>
  40.       <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  41.     </td>
  42.   </tr>
  43. </table>
  44. </DIV>
  45.     </body>
  46. </html>


Message édité par AFK Silent le 27-08-2007 à 09:33:00
Répondre à AFK Silent

Ton codage c'est du n'importe quoi... la balise <center> est plus utiliser

La balise <br> c'est <br /> elle est pas recommander...

La feuille de style css c'est conseiller de la mettre a part...

Enfin soit pour ton problème de background qui se répète il suffit de mettre ceci après ton liens vers l'image donc:

style="background: url(http://cs.afk.free.fr/wood-servers/images/table.gif) no-repeat;"

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
Répondre à Allstar27

Dans mon deuxième tableau, je cherche à ne mettre qu'une seul cellule avec une bordure de 1 pixel, mais pas le reste du tableau


Message édité par AFK Silent le 27-08-2007 à 09:31:53
Répondre à AFK Silent
Tom's Guide > Forum > Programmation > Tableau dans site HTML
Aller à :

Il y a 261 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens