d i x i n m o r t a l

GRÁFICOS + CÓDIGOS + ESCRITURA

Special Signature
(52) El amor esta en el aire - Vesta
ver tema
Code Challenge
(24) Oh Romeo... ━ Puck
ver tema
TUTO + CÓDIGO
[CSS] Pseudoclase :Hasver tema
TUTO + CÓDIGO
Cambiar skin segun grupover tema
TUTO + CÓDIGO
Copiar Todo (Copy All)ver tema
TUTO + CÓDIGO
Contraseña en tablillasver tema
TUTO + CODIGO
Enlazar Tablillas de Afiliaciónver tema
Últimos temas
¡Hola a todos!Hoy a las 4:09 amPuck
#002 Libro de firmasJue Mayo 02, 2024 12:30 pmDuban Black
Afiliación Pangea Ultima | ÉliteVie Abr 19, 2024 8:07 pmRoshio
Runaterra RP [Afil. Élite] Vie Abr 19, 2024 8:06 pmRoshio
Un fantasmita ha aparecido...Lun Mar 25, 2024 3:05 amMayhem
Pokémon Vjola | Afiliación EliteMar Mar 19, 2024 2:57 amApolo
Designspiration - Afiliación EliteMar Mar 19, 2024 2:56 amApolo
Buenas madrugadas~Lun Mar 04, 2024 12:02 pmYukari
¿Qué estás escuchando?Lun Feb 19, 2024 12:09 pmretrxrbit
élites + hermanas
Actualización: 27/09/2023
nuestros ➹ directorios
Agradecimiento especial al artista Faustine Dumontier por la ilustración de fondo que adorna el foro.
Challenge Gráfico

Elementos

Special Signature

Dragon Ball

Pelea Gráfica

Pronto

Challenge Código

Paraíso Personal

Challenge literario

Amor y Amistad


Ver el tema anteriorIr abajoVer el tema siguiente
Anonymous
Invitado
Invitado
Mar Jun 09, 2020 1:34 pm
Hola, creo que el titulo no podría quedar muy claro, trataré de explicar mi problema:
Estoy trabajando en el foro de prueba, en la creación de una tablilla para el foro oficial. No tengo mucha experiencia así que trabajo primero en html (div style) para después pasar en limpio usando los códigos en "div class". Hasta el momento creo que todo salió bien y no se descuadró nada, sin embargo tengo un problema con la imagen que está colocada en la tablilla.
[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? A6adbfdc2dca3898dfe907f5e7eec077

^ así es como debería quedar, pues así la tengo con el div style, el codigo esta compuesto como:
Código:
width: 480px; height: 120px; background: url(http://placehold.it/500x140.png); padding: 10px;

Pero, al momento de pasarlo a class, queda así:
[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? 4480a054241ae13db9932976c9c0494f
con el codigo class puesto de este modo:
Código:
<div class="tabimg"><img src="http://placehold.it/500x140.png"></div>

.tabimg{width: 480px; height: 120px;padding: 10px;}

Entonces, la idea es colocar los códigos en el CSS, pero no comprendo como colocar la imagen de fondo porque en cada sección que sea publicada la tablilla, la imagen debe cambiar.
¿De qué manera se puede solucionar eso?
Creí que podría funcionar si colocaba:
Código:
<div class="tabimg" style="background: url(http://placehold.it/500x140.png);"></div>
Pero no funciona [Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? 4041723902 continua viéndose como en la segunda imagen.
¿Podría alguien ayudarme y señalar en donde está el error?
Por su atención, gracias.
Eliane
Eliane
User Mortal
Mar Jun 09, 2020 3:17 pm
campo2 Mensajes :
65


campo3 Blood :
241577


campo4 Frasesita :
You cannot kill hope

[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? 42

¿Te has asegurado de que el título lo colocas en el lugar correcto? Es decir, dentro del código tabimg. Me explico.

Lo que quieres es que el título quede sobre la imagen, como aquí:
Título grande

Para eso lo que tienes que hacer es abrir el class de la imagen, luego el class del título y luego cerrar ambos. Te enseño el código:
Código:
<div class="ptabimg" style="background:url(http://placehold.it/500x140png);"><div class="ptexto">Título grande</div></div>

Si colocas el div del texto después, lo que pasa es que le estás diciendo al código que coloque el texto después de la imagen.
¡Espero que te haya ayudado!
campo2 Mensajes :
65


campo3 Blood :
241577


campo4 Frasesita :
You cannot kill hope

[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? 42

4 años
¡4 años juntos!
50 mensajes publicados
Anonymous
Invitado
Invitado
Mar Jun 09, 2020 5:13 pm
[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? Tumblr_nmhdpsXwkW1u00duco1_400

¡Eliane, gracias! Que vergüenza xd era justamente eso lo que hacía falta [Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? 3129468187 gracias, gracias, gracias.
Eliane
Eliane
User Mortal
Mar Jun 09, 2020 5:18 pm
campo2 Mensajes :
65


campo3 Blood :
241577


campo4 Frasesita :
You cannot kill hope

[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? 42

¡No hay de qué! Me alegra haberte podido ayudar. A veces los fallos están en las cosas más absurdas.
campo2 Mensajes :
65


campo3 Blood :
241577


campo4 Frasesita :
You cannot kill hope

[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? 42

4 años
¡4 años juntos!
50 mensajes publicados
Roshio
Roshio
Webmaster
Jue Jun 11, 2020 4:07 pm
campo2 Mensajes :
2489


campo3 Blood :
1306129


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? B1

Hola, Arcadia. [Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? 2531292851

Te invito a revisar nuestro indice de tutoriales, podrás aprender muchas cositas nuevas que sin duda te servirán.










campo2 Mensajes :
2489


campo3 Blood :
1306129


campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? F0216a17-4a1a-4b5e-9b84-d699e8773f84-bakugou

[Duda] Resuelto | ¿Como colocar imágenes en una tablilla colocada en css? B1

Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
Conejo de Pascua
Mini evento 2024
Contenido patrocinado
Ver el tema anteriorVolver arribaVer el tema siguiente
Permisos de este foro:
No puedes responder a temas en este foro.