Foros del Web » Creando para Internet » HTML »

Necesito hacer esto, pero no me sale

Estas en el tema de Necesito hacer esto, pero no me sale en el foro de HTML en Foros del Web. Hola, como estan? disculpen la molestia, pero necesito hacer lo que esta dentro del cuadrado rojo Me saturo la cabeza, soy principiante en html y ...
  #1 (permalink)  
Antiguo 03/11/2017, 08:59
 
Fecha de Ingreso: septiembre-2008
Ubicación: Lincoln - Buenos Aires
Mensajes: 4
Antigüedad: 15 años, 6 meses
Puntos: 0
Información Necesito hacer esto, pero no me sale

Hola, como estan? disculpen la molestia, pero necesito hacer lo que esta dentro del cuadrado rojo
Me saturo la cabeza, soy principiante en html y css pero voy aprendiendo a medida que voy dando pazos.
yo se que ustedes me van a saber ayudar.
No se como se llamaria esa parte.
Desde ya muchas gracias.
  #2 (permalink)  
Antiguo 03/11/2017, 12:13
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Necesito hacer esto, pero no me sale

Muestra tu codigo para ayudarte en consecuencia., si no muestras nada no sabemos que intentaste y que debes corregir.
  #3 (permalink)  
Antiguo 03/11/2017, 12:25
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: Necesito hacer esto, pero no me sale

Prueba asi y modifica en cuestion del resultado que esperas:

Código HTML:
Ver original
  1. <div class="contenedor">
  2.   <img src="http://elvenezolanocr.net/wp-content/uploads/2015/12/VINOTINTO.jpg " class="imagen"/>
  3.   <div class="texto">
  4.     <h1 class="titulo">TEMPORADA</h1>
  5.     <h1 class="subtitulo">2006/2007</h1>
  6.     <ul>
  7.       <li>Linea 1</li>
  8.       <li>Linea 1</li>
  9.       <li>Linea 1</li>
  10.       <li>Linea 1</li>
  11.       <li>Linea 1</li>
  12.       <li>Linea 1</li>
  13.       <li>Linea 1</li>
  14.       <li>Linea 1</li>
  15.       <li>Linea 1</li>
  16.     </ul>
  17.   </div>
  18. </div>

Código CSS:
Ver original
  1. .contenedor{
  2.   position:relative;
  3.   width:700px;
  4.   height:400px;
  5. }
  6. .imagen{
  7.   width:700px !important;
  8.   height:400px;
  9.   position: absolute;
  10. }
  11. .texto{
  12.   background-color:rgba(0,0,0,0.5);
  13.   width:280px;
  14.   height:360px;
  15.   padding:20px;
  16.   position:absolute;
  17.   color:#ffffff;
  18.   right:0
  19. }
  20. .texto .titulo{
  21.   font-size:35px;
  22.   color:#ffffff;
  23.   text-align:right;
  24. }
  25. .texto .subtitulo{
  26.   font-size:50px;
  27.   color:#e2a428;
  28.   text-align:right;
  29. }
  30. .texto ul{
  31.   float:right;
  32. }

VER RESULTADO

__________________
[email protected]
HITCEL
  #4 (permalink)  
Antiguo 03/11/2017, 15:38
 
Fecha de Ingreso: septiembre-2008
Ubicación: Lincoln - Buenos Aires
Mensajes: 4
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Necesito hacer esto, pero no me sale

Hola, gracias por la respuesta, era la idea, pero no puedo acomodarla al medio, centrar el div, y sacarle el margin button para poder subir lo que tengo mas abajo...

esto me va a sacar canas verdes..
Menos mal que los tengo a ustedes
  #5 (permalink)  
Antiguo 03/11/2017, 20:15
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: Necesito hacer esto, pero no me sale

pues muestra el codigo que creo que no estas maquetando correctamente el sitio

si agregas esto
Código CSS:
Ver original
  1. margin-left:auto;
  2.   margin-right:auto;

a la clase contenedor, este se centraría en la pagina

MUESTRA

pero igual deberia de ver el resto de tu codigo para así darte una mejor solucion
__________________
[email protected]
HITCEL

Etiquetas: Ninguno
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 18:12.