Retour à Forum de site web

Centrage Contexte

  • Jackend
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Juil 14, 2008
  • Messages: 11
  • Status: Offline

Message Juillet 16th, 2008, 3:06 pm

Bonjour,
J'utilise Dreamweaver et le contenu de mon site est centré, mais quand je ajouter un arrière-plan, il commence à l'extrême gauche, pas centré, comme le contenu de la page Web.
Je tiens à répéter le bas, aligné avec le reste du contenu

Im sûr complètement de son simple et je pourrais le découvrir avant tout le fait jamais de réponse, mais il serait vraiment utile =]

Voici la incompleted page:
Quote:
<! 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 ">
height="100%" <table width="100%">
<td align="center"> valign="center"
<table height="400" width="600">
<td align="center"> valign="center"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Nuevex </ title>
<style type="text/css">
<! --
body (
background-color: #999999;
text-align: center;
width: 760px;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
background-image: url (LowerBar. png);
background-repeat: repeat-y;
)

->
</ style> </ head>
<body>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <img src = "template. png "alt =" Nuevex "width =" 760 "height =" 585 "longdesc =" Bienvenue à Nuevex "/> </ td>
</ tr>
<tr>
<td> </ td>
</ tr>
</ table>
</ body>
</ td>
</ table>
</ td>
</ table>
</ html>


Aussi, sans cela, mon contenu est centré, mais ses quelques pixels de haut en bas du navigateur.

~ Jack
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 16th, 2008, 3:06 pm

  • Hob Bramble
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Jan 21, 2004
  • Messages: 351
  • Loc: Indiana, USA
  • Status: Offline

Message Juillet 16th, 2008, 8:31 pm

Remplacer background-image, background-repeat et background-color avec:
CSS Code: [ Select ]
background:#999999 url(LowerBar.png) repeat-y 50% 0;

«50% 0" une partie des centres de l'image: le premier chiffre, 50%, fixe la distance à partir du site à gauche et à droite (50% étant centré), et la deuxième partie, 0, est la distance entre le haut et le bas ( qui tous deux l'arrière-plan devrait courir, à les rectifier?).

Quant aux quelques pixels de haut - il suffit d'ajouter:
CSS Code: [ Select ]
margin:0;
padding:0;
  1. margin:0;
  2. padding:0;

Pour le corps "" élément dans votre CSS et Thatll le corriger.

Jetez un oeil à cette page sur au W3Schools: http://www.w3schools.com/CSS/css_margin.asp
Il explique comment utiliser plusieurs valeurs de la marge de "" la propriété (pour définir, par exemple, un haut distincts, en bas, à gauche, et la marge de droite dans une propriété individuels), mais le principal est de même pour d'autres propriétés. Par exemple, le "padding" la propriété, ou, comme ci-dessus, le «fond» des biens.
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 2 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 157 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC