Foros del Web » Creando para Internet » CSS »

evitar que el texto se mueva

Estas en el tema de evitar que el texto se mueva en el foro de CSS en Foros del Web. hola es posible evitar que se mueva el texto en un div cuando haces la ventana chica del navegador?...
  #1 (permalink)  
Antiguo 02/03/2009, 20:14
 
Fecha de Ingreso: agosto-2006
Mensajes: 53
Antigüedad: 11 años, 3 meses
Puntos: 0
Pregunta evitar que el texto se mueva

hola es posible evitar que se mueva el texto en un div cuando haces la ventana chica del navegador?
  #2 (permalink)  
Antiguo 02/03/2009, 21:20
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: evitar que el texto se mueva

moverse?? como??
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 05/03/2009, 02:46
 
Fecha de Ingreso: agosto-2006
Mensajes: 53
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: evitar que el texto se mueva

hola, por ejemplo si muevo la ventana de derecha a izquierda el texto se mueve se enciman letras luego se van hacia abajo
  #4 (permalink)  
Antiguo 05/03/2009, 03:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: evitar que el texto se mueva

Mucho más claro
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 05/03/2009, 08:02
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: evitar que el texto se mueva

bueno probablemente lo que necesites es formatear tu pc pq si mueves la ventana y se mueve el contenido, a no ser q hayas puesto un JS q le haga algun efecto, es pq te esta andando algo realmente mal
__________________
Degiovanni Emilio
developtus.com
  #6 (permalink)  
Antiguo 05/03/2009, 14:11
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: evitar que el texto se mueva

Te explicas igual que un libro cerrado. ¿Porqué no pones tu código para que podamos verlo y ver que falla?

Saludos.

  #7 (permalink)  
Antiguo 05/03/2009, 15:52
 
Fecha de Ingreso: agosto-2006
Mensajes: 53
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: evitar que el texto se mueva

hola aqui esta la programacion
Código:
<body>
<div id="wrap">
	<div id="top">
    </div>
    <div id="header">
    <div id="logotype">
    	<img src="image1.gif" />	
    </div>
    <div id="image_slide">
    	<img src="image1.gif" />
    </div>
	</div>
    <div id="menu">
    	<ul id="menuul">
        	<li><a href="#" id="link_menu" class="on_page"><span>menu 1</span></a></li>
            <li><a id="link_menu"><span>menu 2</span></a></li>
            <li><a id="link_menu"><span>menu 3</span></a></li>
            <li><a id="link_menu"><span>menu 4</span></a></li>
            <li><a id="link_menu"><span>menu 5</span></a></li>
        </ul>
    </div>
    <div id="content">
    	<div id="col_left">
        </div>
        <div id="col_center">
        </div>
        <div id="col_right">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
        </div>
    </div>
    <div id="footer">
    <div class="spacerfooter"></div>
    </div>
</div>
</body>
estilo
Código:
*, html {
	margin:0;
	padding:0;
}
body {
	background:#d4d4d4;
	margin:0;

}
#wrap {
	width:100%;
	height:600px;

}
#top {
	background:black;
	height:53px;
}
#header {
	background:blue;
	height:147px;
	clear:both;
}

#logotype {
	height:147px;
	float:left;
}
#image_slide {
	width:376px;
	height:147px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:right;
}
#menu {
	background:white;
	height:25px;

}
#menuul {
	float:right;
}
ul#menuul {
	list-style:none;
	padding-right:65px;
	margin:0;
}
ul#menuul li {
	padding:0 0 0 7px;
	float:left;
}
ul#menuul li a {
	width:66px;
	height:25px;
	display:block;
	text-decoration:none;
}
ul#menuul li a:hover {
	background-color:pink;
}
#link_menu {
	background:red;
}
#content {
	border:1px solid green;
	background:#fff;
	height:85%;
	clear:both;
}

#col_left {
	width:420px;
	padding-left:24px;
	padding-top:25px;
	float:left;
}

#col_center {
	width:17px;
	padding-top:25px;
	float:left;
}
#col_right {
	width:502px;
	height:272px;
	padding-top:25px;
	padding-right:24px;
	float:right;
}
#footer {
	background:gray;
	height:53px;
	text-align:center;
	font-family:arial;
	color:#fff;
	font-size:12px;
}
.spacerfooter {
	height:15px;
}
cuando hago pequeña a la ventana todas las cosas se desarman
  #8 (permalink)  
Antiguo 05/03/2009, 18:55
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: evitar que el texto se mueva

ahh...queres decir...q no se adapta a la pantalla..? q no se adapta al navegador???

a simple vista no veo un contenedor general... o es el wrap?
  #9 (permalink)  
Antiguo 05/03/2009, 20:26
 
Fecha de Ingreso: agosto-2006
Mensajes: 53
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: evitar que el texto se mueva

hola el contenedor general es el wrap le doy 100% al ancho para extenderlo, y cuando la maximizo esta todo bien el problema es cuando quiero hacer la ventana pequeña, todo se salta, por ejemplo tiene 2 imagenes 1 en la izquierda y otra en la derecha al momento de hacer la ventana pequeña las imagenes se amontonan 1 arriba y otra hacia abajo al igual que el menu y lo que quiero es hacer pequeña la ventana pero sin que pase eso

saludos
  #10 (permalink)  
Antiguo 06/03/2009, 05:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: evitar que el texto se mueva

Cita:
Iniciado por BladeKnight Ver Mensaje
lo que quiero es hacer pequeña la ventana pero sin que pase eso
¿Y qué es exactamente lo que quieres que ocurra cuando hagas la ventana pequeña?
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 06/03/2009, 13:30
 
Fecha de Ingreso: agosto-2006
Mensajes: 53
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: evitar que el texto se mueva

que las imagenes no se amontonen(una arriba y otra abajo), el menu tambien se va hacia abajo y el texto no se mueva se puede evitar eso?

saludos
  #12 (permalink)  
Antiguo 06/03/2009, 14:35
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: evitar que el texto se mueva

Yo pasé por este post con toda la intencion de ayudar.

Lamentablemente no entiendo nada...
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #13 (permalink)  
Antiguo 06/03/2009, 15:27
 
Fecha de Ingreso: agosto-2006
Mensajes: 53
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: evitar que el texto se mueva

para que me entiendan les muestro una imagen
yo no quiero que se vea asi la pagina cuando hago chica la ventana de derecha a izquierda
  #14 (permalink)  
Antiguo 06/03/2009, 16:26
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: evitar que el texto se mueva

Pero entonces lo que no puedes hacer es dar el 100% a la caja principal y poner en ella imágnes con tamaño fijo: evidentemente, cuando no quepan en el ancho del 100% saltarán hacia abajo, porque en un momento dado el 100% será menor que la suma de las dos imágenes.

Lo que puedes hacer es cambiar ese 100% por un tamaño aproximado a la suma de las dos imágenes, y de esa manera al reducir aparecerá el scroll horizontal en lugar de saltar.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:16.