Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 2 de 2

Tema: Problema con la centralizacion

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    18 ago, 14
    Ubicación
    Navarrete, Santiago,Republica Dominicana
    Mensajes
    37
    Poder de Reputación
    5

    Problema con la centralizacion

    Hola a todos los programadores de este foro, hay algo que me esta dando muchos problemas...
    Estoy creando una web, para vender espacios publicitarios atraves de pixeles, pero ese no es el problema, el problema es el siguiente.

    Cuando subo el script de la pagina al servidor.... todo paresia normal, pero cuando abro la pagina desde un monitor mas grande me doy cuenta que la pagina se mostraba en la parte izquierda de la pantalla, con ayuda de una migo, pude lograr sentralizar la pagina, modificando el archivo style.css
    colocandole
    BODY {
    width:996px;
    margin:0 auto;
    }
    Y modificando el archivo cavecera.. header.php cambiandole la posicion dentro del div que estaba en absulute y luego la cambie a relative, y otras cositas que isieron posible que la pagina aparesca sentralizada. pero el problema es el siguiente..

    Si alguien compra algunos pixeles en mi pagina, su imagen no se mostrara hasta que no efectué el pago, y hasta que la persona no efectue el pago, se mostrara una imagen de una (x) y con un mensaje que dise pendiente de pago, para que otra persona no valla a querer comprar ese mismo espacio...

    el problema es que esa imagen con una (x) que dise pendiente de pago, aparese fuera del rango de la plantiya, pero una ves que el pago es echo y la imagen es aprobada, buelve al lugar correcto....

    un amigo me dijo que lo correcto seria entrar todas las imagenes dentro de <div> fullgrid, y la verdad que no se como se ase esto...,,, les copiare el codigo del style.css y del index.php espero que me ayuden.. muchas gracias de ante mano

    aqui el enlace a mi pagina web... http://dosmillones.hol.es/

    aqui les copio el codigo del style.css

    BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; BACKGROUND: url(bodybg.gif) #999999; PADDING-BOTTOM: 0px; width: 989px; margin:0 auto; PADDING-TOP: 0px; FONT-FAMILY: trebuchet ms, helvetica, verdana
    }

    TD {
    FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: trebuchet ms, helvetica, verdana
    }
    #pageads {
    MARGIN-LEFT: auto; VERTICAL-ALIGN: top; MARGIN-RIGHT: auto; PADDING-TOP: 10px; TEXT-ALIGN: center
    }
    #pixels {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; LEFT: 0px; MARGIN-LEFT: auto; BORDER-LEFT: 0px; WIDTH: 1000px; MARGIN-RIGHT: auto; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 1000px; TEXT-ALIGN: center
    }
    #note {
    FONT-SIZE: 8pt; BACKGROUND: #646464; MARGIN-LEFT: auto; COLOR: #999999; MARGIN-RIGHT: auto; FONT-FAMILY: trebuchet ms, arial, helvetica; TEXT-ALIGN: center
    }
    H1 {
    MARGIN: 0px
    }
    H2 {
    MARGIN: 0px
    }
    H3 {
    MARGIN: 0px
    }
    H4 {
    MARGIN: 0px
    }
    H5 {
    MARGIN: 0px
    }
    H4.gold {
    COLOR: #c69b1d
    }
    HR.c {
    BORDER-RIGHT: 0px; BORDER-TOP: #bbbbbb 1px dashed; MARGIN-BOTTOM: 10px; BORDER-LEFT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; HEIGHT: 1px; TEXT-ALIGN: center
    }
    #tablebreak {
    BACKGROUND: #646464
    }
    #stat1 {
    FONT-WEIGHT: bold; COLOR: #ffffff; font-size:12px
    }
    #grey {
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #999999
    }
    .red {
    FONT-WEIGHT: bold; COLOR: #cc0000
    }
    .red2 {
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #cc0000
    }
    #greybold {
    FONT-WEIGHT: bold; COLOR: #cccccc
    }
    #statgreen {
    FONT-WEIGHT: bold; COLOR: #33ff00; font-size:12px;
    }
    #pagecontent {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #e1e1e1; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: top; WIDTH: 600px; PADDING-TOP: 10px; TEXT-ALIGN: left
    }
    #stats {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; BACKGROUND: url(statbg.gif) #646464 no-repeat; LEFT: 880px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; WIDTH: 116px; LINE-HEIGHT: 16px; PADDING-TOP: 2px; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: 4px; HEIGHT: 37px; TEXT-ALIGN: center
    }
    #toplogo {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: #646464; LEFT: 0px; MARGIN-LEFT: auto; BORDER-LEFT: 0px; WIDTH: 1000px; MARGIN-RIGHT: auto; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 45px; TEXT-ALIGN: center
    }
    #navbar {
    BORDER-RIGHT: 2px solid; BORDER-TOP: 2px solid; BACKGROUND: url(navbg.gif) #c69b1d; LEFT: auto; MARGIN-LEFT: auto; BORDER-LEFT: 2px solid; MARGIN-RIGHT: auto; BORDER-BOTTOM: 2px solid; POSITION: absolute; TOP: 45px; HEIGHT: 20px; TEXT-ALIGN: center
    }
    #links {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-LEFT: auto; BORDER-LEFT: 0px; WIDTH: 600px; MARGIN-RIGHT: auto; BORDER-BOTTOM: 0px; HEIGHT: 20px; TEXT-ALIGN: center
    }
    A {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
    }
    IMG {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
    }
    A.nav:link {
    FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none
    }
    A.nav:visited {
    FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
    }
    A.nav:hover {
    TEXT-DECORATION: underline
    }
    A.pix:link {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
    }
    A.pix:visited {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
    }
    A.pix:hover {
    BORDER-RIGHT: 5px; BORDER-TOP: 5px; BORDER-LEFT: 5px; BORDER-BOTTOM: 5px
    }
    A:link {
    FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000099; TEXT-DECORATION: none
    }
    A:visited {
    FONT-WEIGHT: bold; COLOR: #000099; TEXT-DECORATION: none
    }
    A:hover {
    TEXT-DECORATION: underline
    }


    .black_simple
    {
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
    }
    .small_black_simple
    {
    font-family: Verdana;
    font-size: 9px;
    color: #000000;
    }
    .black_heading
    {
    font-family: Verdana;
    font-weight:bold;
    font-size: 11px;
    color: #000000;
    }
    .black_brown_heading
    {
    font-family: Verdana;
    font-weight:bold;
    font-size: 11px;
    color: #333333;
    }
    .big_black_brown_heading
    {
    font-family: Verdana;
    font-weight:bold;
    font-size: 13px;
    color: #333333;
    }

    .brown_simple
    {
    font-family: Verdana;
    font-size: 11px;
    color: #990000;
    }
    .gray_simple
    {
    font-family: Verdana;
    font-size: 11px;
    color: #999999;
    }

    .white_text_heading
    {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    }

    /*
    A:link {
    FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none;
    }
    A:visited {
    FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 9pt; TEXT-DECORATION: none
    }
    A:hover {
    TEXT-DECORATION: underline; COLOR: #FF0000; FONT-SIZE: 9pt;
    }

    */

    .button
    {
    BORDER: 2px #8496ce ridge;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    WIDTH: auto; COLOR: #ffffff;
    PADDING-TOP: 1px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #0B1A45;
    }

    .g {

    position: relative;

    border: 0;

    z-index: 3;

    align: center;

    }
    .textbox_focus{color:#000000;border: 1px solid #FF8B2D;background-image: url('../../images/textarea_back_focus.gif')}




    Aqui les copio el codigo Index.php

    <?php
    include("header.php");
    include("includes/configure.php");
    include("includes/database_tables.php");
    ?>

    <div id="fullgrid">
    <form action="buy.php" method="post"><input type="image" src="images/px.gif" width="1000" height="1000"></form>
    </div>

    <?php
    echo '<div style="position: absolute; left:2; top: 77 ; z-index: 0">';
    $sql_show_pic = "SELECT id,url,x1,y1,x2,y2,title,img_name FROM " . TABLE_ORDER . " WHERE cnf_status='1'";
    $q_show_pic = mysql_query($sql_show_pic);
    $num = mysql_num_rows($q_show_pic);
    if($num>0)
    {
    while($data=mysql_fetch_array($q_show_pic))
    {

    $left = ($data['x1'])*10;
    $top = ($data['y1'])*10;
    $width=( ( $data['x2'] ) - ( $data['x1'] ) )*10;
    $height=( ($data['y2']) - ($data['y1']) )*10;
    $image_name = "upload_img/" . $data['img_name'];
    echo '<a target="_new" href="' . $data['url'] . '">
    <img src="' . $image_name . '" class="g" style="LEFT: ' . $left . 'px; TOP:' . $top .'px;" width="' . $width. '" height="' . $height .'" alt="' . $data['title'] . '" title="' . $data['title'] . '">
    </a>';
    }
    }
    echo '</div>';
    echo '<div style="position: absolute; left:2; top: 77 ; z-index: 0">';
    $sql_show_pic = "SELECT id,url,x1,y1,x2,y2,title,img_name FROM " . TABLE_ORDER . " WHERE cnf_status='0'";
    $q_show_pic = mysql_query($sql_show_pic);
    $num = mysql_num_rows($q_show_pic);
    if($num>0)
    {
    while($data=mysql_fetch_array($q_show_pic))
    {

    $left = ($data['x1'])*10;
    $top = ($data['y1'])*10;
    $width=( ( $data['x2'] ) - ( $data['x1'] ) )*10;
    $height=( ($data['y2']) - ($data['y1']) )*10;
    $image_name = "images/na.gif";
    echo '
    <img src="' . $image_name . '" class="g" style="LEFT: ' . $left . 'px; TOP:' . $top .'px;" width="' . $width. '" height="' . $height .'" alt="En espera de aprobación" title="En espera de aprobación">
    ';
    }
    }
    echo '</div>';


    ?>


    <?php
    include("footer.php");
    ?>


    y esta es la parte del codigo del header.php que se modifico para poder sentralizar una parte de la cabecera

    <DIV style="position:relative; width: 111px; top: -66px; left: 880; height: 0; z-index:0">
    <FONT id=stat1>Vendidos:</FONT><FONT id=statgreen><? echo num_form($sum); ?></FONT><BR>
    <FONT id=stat1>Disponibles:</FONT><FONT id=statgreen><?php echo num_form(1000000-$sum); ?></FONT>
    </DIV>
    Última edición por kokesoft; 19/08/2014 a las 21:33

  2. #2
    Recien Llegado! Habitante
    Fecha de Ingreso
    11 jul, 14
    Ubicación
    Lima
    Mensajes
    23
    Poder de Reputación
    5
    Ha esto:

    TD {
    FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: trebuchet ms, helvetica, verdana
    }

    Agregalo position relative:

    TD {
    FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: trebuchet ms, helvetica, verdana; position: relative;
    }

    PSDTA: La gente paga de verdad para poner una imagen ese cuadro? No le veo sentido, me puedes explicar mas detalles sobre eso?
    Diseño de Páginas Web Profesionales:
    Hostingroup - Hosting Peru

Temas Similares

  1. problemas con la Centralizacion
    Por kokesoft en el foro Php Bases de Datos y MySQL (Nuevo!)
    Respuestas: 0
    Último Mensaje: 18/08/2014, 15:30

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •