Avisos
Vaciar todo
Buenas tardes.
Mi sitio web es un blog con enlaces de Amazon Afiliados. Los enlaces que estoy poniendo los facilita Amazon y, para que sean más vistosos, no son simplemente links de texto del tipo <a href...>texto</a>, sino que Amazon los proporciona mediante etiquetas HTML <iframe></iframe> como el que señalo en [(*), ver más abajo]. Tan sólo tengo que copiar y pegar y ya está listo. Sin embargo, con ese código HTML me sale el iframe alineado a la izquierda (ver captura de pantalla que adjunto). Me gustaría que en vez de estar alineado a la izquierda estuviera centrado, pero no sé si se puede conseguir y, en caso afirmativo, cómo implementar el HTML correspondiente.
Si me pudierais orientar al respecto os estaría agradecido.
(*)
<iframe style="width: 120px; height: 240px;" src="//rcm-eu.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=beauty2208-21&language=es_ES&o=30&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B00X9U8C6C&linkId=d18e98da202f1fc6444ae04ce1957752" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" sandbox="allow-popups allow-scripts allow-modals allow-forms allow-same-origin"></iframe>
Contenido solo visible a usuarios registrados
Respondido : 04/06/2022 7:20 pm
Que tal Miguel,
Nos podrías compartir en que articulo esta incluido el iframe al que haces referencia ya que para poder probar estilos desde el inspector necesitamos verlo pese a que nos has competido el código
Saludos!
Respondido : 04/06/2022 7:29 pm
Sí. Hay varios artículos donde he incluido links tipo <iframe>. Uno de ellos es https://ocioybelleza.com/las-empresas-mas-grandes-de-productos-de-belleza/
En él se puede ver la alineación a la izquierda.
Respondido : 04/06/2022 8:04 pm
Hola Miguel,
Gracias por compartir el articulo, intenta agregar a los estilos del iframe lo siguiente,
<iframe style="width: 120px; height: 240px; display: block; margin: 0 auto;" src="//rcm-eu.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=beauty2208-21&language=es_ES&o=30&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B00X9U8C6C&linkId=d18e98da202f1fc6444ae04ce1957752" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" sandbox="allow-popups allow-scripts allow-modals allow-forms allow-same-origin"></iframe>
Lo que sucede en el caso del articulo compartido se esta aplicando un ancho muy grande para el contenido real que muestra el iframe, por ello lo hemos reducido y hemos aplicado por medio de display como debe posicionarse dicho contenido https://ocioybelleza.com/las-empresas-mas-grandes-de-productos-de-belleza/
Tomemos en cuenta que lo que debes modificar en cada iframe segun su contenido es lo siguiente
style="width: 120px; height: 240px; display: block; margin: 0 auto;"
Saludos!
Respondido : 04/06/2022 8:11 pm
Sí, es justamente la orientación que buscaba. 😊 Muchas gracias.
Por mi parte damos este tema por cerrado.
Un saludo cordial. 🖐️
Respondido : 05/06/2022 5:57 pm
Que tal Miguel,
Siempre es un gusto poder ayudarte, cualquier otra consulta estaremos atentos
Saludos!
Respondido : 05/06/2022 6:27 pm
