Post general para mis dudas :D

kraxxis · #1 (**permalink**) 23/01/2013, 09:23

Antes que nada voy a explicar la función que quiero que tenga este post y el porqué.

Actualmente estoy estudiando de manera autodidacta xhtml-css-java script, y en breve empiezo con php y mysql, son muchos conocimientos de golpe y sin tener un tutor es complicado pues aunque busques algo en internet que siempre está, casi siempre acaba faltando una explicación más detallada, o un porque eso si, y esto no. Y lógicamente me encuentro muchas barreras a la hora de llevar las cosas a la práctica.

Así pues, mi intención es dedicar este post para exponer todos los problemas que vaya encontrando en una web que estoy haciendo donde practicar, lógicamente, esto es una web de prueba, no es nada serio.

El porqué de esto también es para no saturar el foro de nuevos temas cada vez que tenga un problema, así queda todo agrupado, y quizás también sirva a otros.

Bien pues, este es el esquema de lo que quiero hacer:

Rectangulo amarillo div contenedor de todos los demas.

Rectangulos azules, divs contenedores de zonas específicas.

Rectangulos grises div contenedor de apartados.

Rectangulos rojos, divs especificos de una funcion.

Y por ahora esto es lo que tengo:

De momento aun estoy liado con el div del header, cabecera o como se le llame. Mi intención es tener el menú centrado y debajo del logo, y a la derecha en el hueco poner el login.

Lo que aun no controlo para nada esto de poner divs encima de otros y pasa lo que se ve, que el menu de login se me va para abajo y el otro no se centra.

Dejo el código html y css.

Código HTML:

Ver original<body>
 
<div id="container">
 
<div id="header">
    
    <div id="headerlogo">
    <img  src="D:\Proyectos Páginas Web\Web proyecto\Proyecto logo.png" </img>
    </div>     
       
<div id="menusupe">
 
<ul>
  <li class="menusup"><a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">Inicio</a></li>
  <li class="menusup"><a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">¿Quienes somos?</a></li>
  <li class="menusup"><a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">Nuestros productos</a></li>
  <li class="menusup"><a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">Contact</a></li>
</ul>
</div>
 
<div id="login">
    <form action="formhandler.php" method:"post">
    <fieldset>
    <legend>Inicia sesión o <a class="linkweb" href="D:/Proyectos%20P%E1ginas%20Web/Web%20proyecto/Web.html">registrate</a></legend>
   <p>Usuario:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="nicklogin" size="18" maxlength="16" /></p>
   <p>Contraseña:<input type="password" name="passwordlogin" size="18" maxlength="16" />
   </p></fieldset>
   
   
   </form>
  
     </div>
 
    </div>

Código CSS:

Ver originalbody{background:#08080F url(FondoCabecera3.jpg) center top no-repeat; color:#EEEEEE;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin-top:20px;padding:0px;}
 
#container { padding:20px; background: rgba(255,255,255,0.2); margin-left:auto; margin-right:auto; width:960px; height:1024px; margin-top:290px; }
 
#header { text-align:center; background:#333333; width:960px; height:225px; margin-left:auto; margin-right:auto;}
 
#menusupe { width:500px; text-align:center;}
 
#headerlogo { text-align:center;}
 
#login { float:right; }
 
#menuizq{ float:left; width:260px; margin-top:109px; margin-left:auto; margin-right:auto; background:#333333;  height:500px; margin-left:auto; margin-right:auto;}
 
 
li.menusup { display:inline;}
 
li::after{ padding:10px;
  content: "|";
  }
 
li:last-child::after {
  content: none;}
  
 
#presentacionventas { float:right; margin-left:auto; margin-right:auto; background:#333333; width:680px; height:500px; margin-left:auto; margin-right:auto;}
 
 
.linkweb:link {color:#FF8000; text-decoration:none}
.linkweb:visited {color:#FF8000;}
.linkweb:hover { cursor:pointer; font-weight:bold; color:#FA0C12;}  
.linkweb:active {color:Silver;}

Pues eso, no veo que está mal porque he cambiado tantoalgunas cosas que ya me he perdido en mi propio código y no le encuentro lógica a que por ejemplo, el menu que hay debajo del logo lo tengo con text-align:center y sin embargo se ve más a la derecha, no se queda centrado.

También quería preguntaros otra cosa. En la parte del formulario hay varias cosas que no tengo clara que función desempeñan.

En

Código HTML:

Ver original<form action="formhandler.php"

que representa que es formhandler.php exactamente, porque en otro ejemplo vi que en lugar de este se utilizaba "agente" o "gestor".

Y en

Código HTML:

Ver original<input type="text" name="nicklogin"

el "name" ¿que es?, yo supongo que será como un identificador para luego usarlo en php para la parte del servidor, pero no quiero caer en error por suponer demasiado.

Y bueno, por ahora esto todo. Gracias de antemano :D

pzin · #2 (**permalink**) 23/01/2013, 10:17

Más fácil y seguro que suponer, es ir a Google y poner "para qué sirve el atributo name de HTML". No creo que sea una pregunta apta para un foro. Y lo mismo vale para alguna que otra pregunta que planteas. Para cosas así están los tutoriales, los manuales, los wikis, páginas de ejemplo, especificaciones, etc...

Que dicho sea de paso, no creo que sea sano preguntar dudas de lo más variopintas —CSS, HTML, PHP...— en un foro que trata sobre CSS.

Y no, tampoco creo que sea positivo para otros usuarios que pongas todas tus dudas en un hilo, porque nadie que necesite saber para qué sirve el atributo name va a abrir un tema titulado "Post general para mis dudas :D".

Publica las dudas puntuales que tengas, si van relacionadas bueno, están relacionadas y no hay mayor problema en ponerlas juntas. Pero si tienes un problema con el menú, abre un tema nuevo "no se me queda centrado el menú" —luego usuarios que tengan el mismo problema si que abrirían un tema así.

El foro tiene 896.289 temas. No creo que vayas a saturarlo. Bueno, y si lo haces es evidente que el tutorial/manual que estás leyendo no es el indicado.

kraxxis · #3 (**permalink**) 23/01/2013, 10:33

Elimina el mensaje que yo no puedo hacerlo.