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

Posicionamiento CSS

  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8667
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Noviembre 16th, 2009, 5:54 pm

Yo estaba seguro de que ya había publicado esto, pero resulta que no lo hayan hecho.

El problema que tienen aquí son las zonas en caja con el texto "Bienvenido" y "Últimas noticias" debe colocarse junto a la otra y no la forma en que en la actualidad.

No tengo mucho tiempo para desenterrar el código en este momento, sin embargo, si le sucede que ver el código y podría informarme de dónde me equivoco entonces yo agradezco mucho la respuesta. < br>
Gracias.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Noviembre 16th, 2009, 5:54 pm

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de Usuario
  • Registrado: Dic 29, 2003
  • Mensajes: 5169
  • Loc: SC-USA
  • Status: Offline

Nota Noviembre 16th, 2009, 6:16 pm

#right_column y #pie de página no parece tener una directiva de flotador. No veo las directrices de posicionamiento de otra índole aplicadas, tampoco.

Por lo tanto, theyre actuando como DIVs. :)
- dM
  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8667
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Noviembre 18th, 2009, 7:54 am

Im no demasiado seguro de lo que quieres decir.

Usted puede haber notado que esto se basa apagado de un tutorial publicado aquí hace muchas lunas :lol: . Im no realmente como puesta al tanto en esto como una vez fui.

Cualquier idea de cómo iba a ir sobre la sangría "del medio ambiente", texto y "Arquitectura" de texto del resto de la navegación?
  • immortality
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Nov 19, 2009
  • Mensajes: 8
  • Status: Offline

Nota Noviembre 19th, 2009, 2:56 am

En realidad, se debe especificar su pregunta si desea una explicación detallada
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de Usuario
  • Registrado: Dic 29, 2003
  • Mensajes: 5169
  • Loc: SC-USA
  • Status: Offline

Nota Noviembre 19th, 2009, 4:39 am

SB escribió:
Im no demasiado seguro de lo que quieres decir.

Usted puede haber notado que esto se basa apagado de un tutorial publicado aquí hace muchas lunas :lol: . Im no realmente como puesta al tanto en esto como una vez fui.

Cualquier idea de cómo iba a ir sobre la sangría "del medio ambiente", texto y "Arquitectura" de texto del resto de la navegación?


En tu CSS, en los selectores de #right_column y #pie de página, añadir "float: left;" y eliminar "position: absolute;". Esto hará que el DIVs a comportarse de manera diferente - más como elementos en línea, pero no exactamente.

En la actualidad tiene este...
Código: [ Select ]
#right_column{background:#ddd;width:600px;height:100px;}
#footer{background:#ccc;width:460px;height:100px;position: absolute;}
  1. #right_column{background:#ddd;width:600px;height:100px;}
  2. #footer{background:#ccc;width:460px;height:100px;position: absolute;}


Prueba esta...
Código: [ Select ]
#right_column{background:#ddd;width:600px;height:100px;float:left;}
#footer{background:#ccc;width:460px;height:100px;float:left;}
  1. #right_column{background:#ddd;width:600px;height:100px;float:left;}
  2. #footer{background:#ccc;width:460px;height:100px;float:left;}


Después de eso, se debe la diferencia de que usted está buscando.

Si usted no está familiarizado con este método, usted puede presentar más problemas, así que por favor no dude en preguntar. Im que no va a ninguna parte. ;)
- dM
  • bilhasry4you
  • Novice
  • Novice
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 33
  • Status: Offline

Nota Noviembre 25th, 2009, 7:55 pm

Código: [ Select ]
<div id="right_column">
<h3>Welcome</h3>
</div>

<div id="footer">
<p>Latest News</p>
</div>
  1. <div id="right_column">
  2. <h3>Welcome</h3>
  3. </div>
  5. <div id="footer">
  6. <p>Latest News</p>
  7. </div>

Creo que se puede combinar con añadir div extra como este
Código: [ Select ]
<div>
<div id="right_column">
<h3>Welcome</h3>
</div>

<div id="footer">
<p>Latest News</p>
</div>
</div>
  1. <div>
  2. <div id="right_column">
  3. <h3>Welcome</h3>
  4. </div>
  6. <div id="footer">
  7. <p>Latest News</p>
  8. </div>
  9. </div>


configurar el ancho de div nuevo, y luego tratar de agregar en el id "right_column" y "footer" clave: float: left;
para tratar este y luego confirmar si tiene algún problema con eso
  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8667
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Enero 26th, 2010, 7:08 am

Perdón por la respuesta muy muy tarde a este hilo.

Realmente leer sus respuestas en el tiempo y no hacer los ajustes que propone, pero por alguna razón en el momento en que no trabajo y mi mente de tipo alejado del diseño de páginas web (véase el tema de mi reciente en el foro de GD para una gran idea de por qué).

Im pegado a mi puesto de trabajo y el culo para volver al diseño de páginas web ahora y volver a tener a leer las respuestas y centrándose claramente en lo que usted acaba de decir que ahora parecen estar haciendo progresos.

No puedo agradecerles lo suficiente DigitalMedia y todos los que respondieron.

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 7 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 134 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