Necesito reemplazar un elemento de texto por un elemento de imagen en Weebly. ¿Qué tipo de cambio en el código CSS necesito para hacer eso?

No puedo decir que esté específicamente familiarizado con Weebly, pero en resumen … todos los elementos de una página están envueltos en otros elementos. Lo que probablemente quiera hacer es encontrar el elemento que desea ocultar en cuestión de palabras y usar su ID si tiene uno, o encontrar el elemento padre más cercano en el que reside que tiene una ID y luego pasar de ese padre a al elemento que quieres ocultar con css

Podría ser algo tan simple como

#imageID {content: url (/ * some url * /); }

o

#parentID span {content: url (/ * some url * /); }

Depende del diseño, pero esta es solo una forma de ocultar el elemento de texto y poner otro elemento: después. Puede usar javascript en su lugar para administrarlo en lugar de css. Literalmente, hay al menos una docena de formas entre css y / o js o ambas para lograr lo que desea, depende de lo que tiene a su disposición, y cómo se presentan las cosas y a qué navegadores desea apoyar, ya que no estoy seguro: contenido y : after funcionará en navegadores antiguos

Usarías HTML, no CSS. Cambie la etiqueta del elemento de texto a una etiqueta según sea necesario.

O eso, o podría hacer trampa, establezca las dimensiones del elemento de texto manualmente (alto, ancho, etc.) y establezca la imagen de fondo como la imagen que estaba buscando. Algo como esto:

// esto es CSS, pero no es ideal

#yourTextElement {

ancho: 800px;

altura: 800 px;

bloqueo de pantalla;

flotador izquierdo;

background-image: url (“yourimagefilepath.png”);

}

Sin embargo, el primer enfoque es más semántico, así que lo haría en su lugar. Para encontrar el elemento en cuestión, puede utilizar la funcionalidad “Inspeccionar elemento” de su navegador en el menú contextual.

More Interesting

Cómo desechar una página web con Easy Data Feed 1.32.12

Creamos un sitio web usando WordPress, y ahora tenemos dos problemas que no podemos solucionar. ¿Alguien puede explicarnos cómo resolverlos de la manera más simple?

Cómo aprender el desarrollo de back-end

Quiero tener un control total sobre el aspecto de mi portafolio \ blogging y agregar mis propias características especiales, pero no soy excelente con el diseño. ¿Recomendarías Bootstrap o WordPress?

Cómo mover cada elemento individualmente unos pocos píxeles usando CSS

Estoy planeando hacer un juego de navegador como Grepolis. ¿Qué necesito saber y qué lenguajes de programación debo usar?

Estoy tratando de consumir un servicio web (API web). Descargué archivos WSDL y XML. ¿Qué debería hacer después? ¿Hay un código de muestra para ayudarme a usar el archivo WSDL?

He intentado toneladas de lenguajes de programación y frameworks, pero no soy dueño de ninguno. Sé que necesito concentrarme en varios idiomas, pero no quiero perderme otras tecnologías nuevas. ¿Qué tengo que hacer?

¿Saltear la universidad (título de CS) es una buena opción si tengo muchas ambiciones de trabajar como desarrollador de Full Stack? Estoy trabajando en React and Node, y quiero conseguir un trabajo inmediatamente después de cumplir 18 años. ¿Qué tengo que hacer?

Cómo hacer páginas en el tema Boardwalk (haga clic en el enlace en detalles)

¿Son suficientes 4 GB de RAM para hacer un desarrollo web básico (por ejemplo, HTML, PHP, JS y CSS)?

Soy bueno en el desarrollo web pero tengo menos de 18 años. ¿Qué puedo hacer? (probablemente algo de trabajo desde casa)

Soy un desarrollador web líder. Piensa en aprender Desarrollo móvil. ¿Hará que mi perfil sea fuerte?

Cómo crear un panel de administrador oculto para mis sitios web como Google, Facebook o los grandes sitios web

Si creara una aplicación móvil o web que sirviera a más de 5 millones de personas, ¿cómo haría para diseñar una aplicación de este tipo?