Volver al Foro de Diseño de páginas Web

Centrado Antecedentes

  • Jackend
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Jul 14, 2008
  • Mensajes: 11
  • Status: Offline

Nota Julio 16th, 2008, 3:06 pm

Hola,
Estoy utilizando Dreamweaver y el contenido de mi sitio está centrado, pero cuando añadir un fondo que se inicia todo el camino a la izquierda, no centrado como la página web de contenido.
Quiero que repita la baja, alineado con el resto del contenido

Estoy completamente seguro de que su simple y yo podría cifra a cabo antes de que nadie nunca llega a contestar, pero sería realmente útil =]

Aquí está la incompleted página:
Quote:
<! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1. Transición 0 / / EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns = "http://www.w3. org/1999/xhtml ">
<table height="100%" width="100%">
<td valign="center" align="center">
<table height="400" width="600">
<td valign="center" align="center">
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Nuevex </ title>
<style type="text/css">
<! --
(cuerpo
fondo de color: #999999;
- alinear texto: centro;
width: 760px;
margin-left: auto;
margin-top: 0px;
margen derecha: auto;
margen-fondo: 0px;
fondo de la imagen: url (LowerBar. PNG);
antecedentes de repetir: repetir-y;
)

-->
</ style> </ head>
<body>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<TD> <img src = "plantilla. png "alt =" Nuevex "width =" 760 "altura =" 585 "longdesc =" Bienvenido a Nuevex "/> </ td>
</ TR>
<tr>
<TD> </ TD>
</ TR>
</ table>
</ body>
</ TD>
</ table>
</ TD>
</ table>
</ HTML>


Por otra parte, no guarda relación con esto, mi contenido se centra pero sus pocos píxeles por debajo de la parte superior del navegador.

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

Nota Julio 16th, 2008, 3:06 pm

  • Hob Bramble
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Ene 21, 2004
  • Mensajes: 351
  • Loc: Indiana, USA
  • Status: Offline

Nota Julio 16th, 2008, 8:31 pm

Reemplazar background-image, background-repeat y background-color con:
CSS Código: [ Select ]
background:#999999 url(LowerBar.png) repeat-y 50% 0;

El "50% 0" parte los centros de la imagen: el primer número, el 50%, establece la distancia desde el lado izquierdo y derecho (50% está centrado), y la segunda parte, 0, es la distancia desde la parte superior e inferior ( ambos de los cuales el fondo debe funcionar a, ¿correcto?).

En cuanto a los pocos píxeles de la parte superior - sólo tiene que añadir:
CSS Código: [ Select ]
margin:0;
padding:0;
  1. margin:0;
  2. padding:0;

Para el cuerpo, el "elemento" en el CSS, y thatll arreglarlo.

Echa un vistazo a esta página más en w3schools: http://www.w3schools.com/CSS/css_margin.asp
En él se explica cómo usar varios valores para el margen de la "propiedad" (para definir, por ejemplo, un principio por separado, abajo, izquierda, y el margen derecho en una propiedad de singe), pero el mismo principio se aplica a otras propiedades. Por ejemplo, el "relleno" de propiedad, o, como antes, el "fondo" de propiedad.
-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

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 2 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 117 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC