Comunidad de diseño web y desarrollo en internet online

div no se adapta

Citar            
MensajeEscrito el 23 Jun 2006 02:00 am
http://www.fento.com.mx/XP/main.htm

trato de hacer cuatro div
uno para cabecera
otro para menu
otro para principal
otro para piecera

lo malo aqui es que entre la piecera y el principal queda un espacio, que es el mismo del ancho del menu :S

revise varias veces el css buscando un float o algo por el estilo y nada :S
hago clear both y tampoco

aa tambien, por qu ehace espacios tan grandes entre los parrafos y pone un espacio al inicio de la parte principal siendo qu eel el original no tiene ninguno
alguna forma de reducir espacio entre parrafos ?

Por FeNtO

BOFH

5091 de clabLevel

18 tutoriales

1 ejemplo

  Bastard Operators From Hell

FeNtO DataCenter

clabbrowser
Citar            
MensajeEscrito el 23 Jun 2006 04:51 am
creo que fento aquí quisiera agregar que el defecto se ve sólo en ie

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 23 Jun 2006 02:52 pm

Código :

<p><h6>FeNtO Web 2006</h6>&nbsp;</p>


Quita el espacio de ahí

Revisé tu CSS, recuerda que los hx tienen un padding y un margin ya por default, veo que modificas el padding, pero no el margin, por ahí puede estar la cosa...

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

firefox
Citar            
MensajeEscrito el 23 Jun 2006 04:30 pm
Yo voy a hablarte en general, veo las páginas diferentes en firefox y en ie, tal vez prueba a usar este webtip de estilos genéricos es muy útil. Despues de importar o incluir en tu hoja de estilos esa lineas, pasas a trabajar las etiquetas.

Código :

body a:link img, body a:visited img {border:0;}

body{color: #333333}
p{margin: 10px 5px 10px 10px}
em{}
h4{}
h5{}

a:link, a:visited{}
a:hover{}


Al algunas clases como ".cabecera" deberian ser id "#cabecera", las clases solo para elementos que se repitan en las páginas. Recuerda la recomendación de NeoJP para aislar errores con:

Código :

 loquesea{border: 1px solid red}

Por Coyr

Claber

1048 de clabLevel

2 tutoriales

 

Manizales city

firefox
Citar            
MensajeEscrito el 23 Jun 2006 05:39 pm

Aoyama escribió:

Código :

<p><h6>FeNtO Web 2006</h6>&nbsp;</p>


Quita el espacio de ahí

Revisé tu CSS, recuerda que los hx tienen un padding y un margin ya por default, veo que modificas el padding, pero no el margin, por ahí puede estar la cosa...


aparte las etiquetas h no deben estar dentro de etiquetas p... en el h6 agrega

Código :

display:inline;


saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 23 Jun 2006 06:01 pm
:O
tanta cosas por saber y estoy en pañales en CSS :$

aplicare todo y les cuento como me fue gracias a todos por las opiniones :)

Por FeNtO

BOFH

5091 de clabLevel

18 tutoriales

1 ejemplo

  Bastard Operators From Hell

FeNtO DataCenter

clabbrowser
Citar            
MensajeEscrito el 23 Jun 2006 07:30 pm

Maikel escribió:


aparte las etiquetas h no deben estar dentro de etiquetas p...
saludos


XD es cierto... :S mira que no reparé en ese detalle... XD

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

firefox
Citar            
MensajeEscrito el 25 Jun 2006 08:55 pm
En primer lugar, no puedes poner un Heading dentro de un Parrafo O_o

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 26 Jun 2006 01:49 pm
por cierto me gusta la base que has cogido... :lol:
añade el estilo del cursor para el menú...

Código :

#navi li {
   margin:0px;
   padding:0; 
   float:left;
   cursor:pointer;
}

Saludos :wink:

//Editado...
He visto unos cuantos errores, te los voy mencionando para que los veas...
-Los colores en hexadecimal se escriben en mayúsculas.
-No uses tablas si no es para datos tabulados, para estilos es mejor las divs.
-No uses etiquetas <p></p> para hacer espacios.
-No te fíes del código de los editores, escribelo tú, o por lo menos revísalo he intenta comprenderlo.
-El código desordenado es el peor enemigo del programador, ordena tu código para poder comprenderlo, por ejemplo tu página después de ordenarlo y quitar algunos errores queda así:

Código :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   <head>
      <title>FeNtO Computacion</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <link href="main_files/base.css" rel="stylesheet" type="text/css">
   </head>
   <body>
      <div id="contenedor">
         <div class="cabecera">              
           <img src="main_files/h1.gif" height="120" width="780">
         </div>            
         <div class="menu">
            <ul id="navi">
               <li><a>Inicio</a></li>
               <li><a>Nosotros</a></li>
               <li><a>Servicios</a></li>
               <li><a>Productos</a></li>
               <li><a>Portafolio</a></li>
               <li><a>Contacto</a></li>                  
            </ul>   
         </div>
        <div class="principal">
            <h6>Promociones</h6>       
            <table align="center" border="0" width="90%">
               <tbody>
                   <tr>
                     <td width="14%"><img src="main_files/contchic.gif" height="96" width="115"></td>
                     <td width="86%">
                        <ul>
                         <h2>Cansado de que ..</h2>
                         <li>Hagan Llamadas de larga distancia sin que tu lo Autorizes?</li>
                         <li>Hagan llamadas a celulares ?</li>
                         <li>Sin poder administrar las llamadas locales de tu servicio medido?</li>
                         <li>Sin Poder restringir el uso de tu telefono a tu gusto</li>
                        </ul>
                     </td>
                   </tr>
               </tbody>
            </table>
            <h5>Te Gustaria Ahorrar hasta el 50 % del costo total de tu recibo telefonico ?</h5>
            <h5>Te Presentamos ...</h5>
            <table align="center" border="0" width="90%">
               <tbody>
                  <tr>
                     <td width="17%"><img src="main_files/contel.jpg" align="left" height="125" width="150"></td>
                     <td width="83%">
                        <h2>Contel</h2>
                        <div align="justify">
                           <p>El circuito electronico que te permite tener el completo control de tu linea telefonica.Gracias a esto, es posible tener una administracion eficiente de nuestras llamadas locales, restriccion y control de llamadas de larga distancia y a celular. todo esto programable a distancia, via telefonica con una clave Personal de Identificacion para su seguridad. Solo esta clave nos permitira el acceso a todas las opciones de nuestro Contel.</p>
                        </div>
                     </td>
                  </tr>
               </tbody>
            </table>         
            <h2>Caracteristicas</h2> 
            <ul>
               <li>Un solo Contel controla todas las extensiones conectadas a su línea</li>
               <li>Controla el servicio medido</li>
               <li>Contel restringe llamadas a teléfonos celulares.</li>
               <li>Restringe llamadas de larga distancia </li>
               <li>Contel controla el servicio medido al programar sólo la cantidad de llamadas salientes que desee hacer en un mes (0,25,100 o más)</li>
               <li>Permite recibir llamadas en todo momento.</li>
               <li> Contel hace uso de un NIP confidencial que permite programar fácilmente el uso de su teléfono.</li>
               <li>Contel es reprogramable según sus necesidades.</li>          
               <li>Pueden ser programados hasta tres números telefónicos de libre acceso.</li>
               <li>Contel permite marcar números de emergencia (060 y 080) en todo momento.</li>
               <li>Permite programación remota.</li>
               <li>Fácil de instalar.</li>
               <li>Económico.</li>
               <li>1 año de Garantía</li>
            </ul>        
         </div>
         <div class="piecera">         
            <h6>FeNtO Web 2006</h6>        
         </div>
      </div>
   </body>
</html>

-Lo mismo digo del CSS, he detectado los errores que tenía porque mi editor los marca en rojo, pero al estar desordenado es difícil verlos.
-Ten cuidado con las faltas de ortografía, (tildes,etc)
-ahora mismo no encuentro más cosas, pero de todas formas te dejo la version semi-corregida en mi sitio.

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

firefox
Citar            
MensajeEscrito el 14 Jul 2006 05:55 pm
johnny no habia visto esta respues
graciâs ^^ ya aplique varias cosas que me dijiste, sigo trabajando gracias ^^

Por FeNtO

BOFH

5091 de clabLevel

18 tutoriales

1 ejemplo

  Bastard Operators From Hell

FeNtO DataCenter

clabbrowser
Citar            
MensajeEscrito el 18 Jul 2006 03:29 pm
<div style="position:absolute; width:100; height:20; left: 11px; top: 45px;" align="center" class="divv" id="divv">
<table width="100" height="20" border="1">
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
</table>
</div>

Por veny

3 de clabLevel



Genero:Femenino  

msie
Citar            
MensajeEscrito el 20 Jul 2006 09:14 am

veny escribió:

<div style="position:absolute; width:100; height:20; left: 11px; top: 45px;" align="center" class="divv" id="divv">
<table width="100" height="20" border="1">
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
</table>
</div>


:shock: :shock: :shock:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.