HTML - CSS: ¿Estilo <object>? - Excelente biblioteca

Si mi contenedor div tiene esta:HTML - CSS: ¿Estilo <object>?

<div id="container"><img src...

que puede estilo de la imagen por la siguiente:

CSS 
#container img{ ... }

Para etiqueta de objeto

<div id="container"><object ...

¿Cómo abordarlo? Intenté esto:

CSS 
#container object{ width: 100px; }

Pero no funciona.

asumir los que no puedo definir la "id" o "clase" para la etiqueta de objeto

estoy usando tinymce para incrustar para video de youtube. Y el código se representará como esto:

<div id="container"> 
... 

    <div id="content"> 
     <p> 
     <object width="435" height="350" type="application/x-shockwave-flash" data="http://www.youtube.com/v/l9caxMr9RgY"> 
     <param value="http://www.youtube.com/v/XXXXXX" name="src"></object> 
     </p> 
    </div> 
</div>

Fuente

2010-12-14 wepper

No ... puedo incrustar vídeo de youtube a mi página utilizando tinymce. No puedo asignar identificación o clase, y tengo problemas al diseñarlo – wepper

Puedes envolver todo el objeto en otra etiqueta div ... o si quieres darle estilo al reproductor de youtube tienes que usar el tema del jugador ... – KillerFish

@KillerFish: ¿Podrías publicar como respuesta? y dame un código de muestra muy simple. Entonces, si funciona, podría elegir tu respuesta como la mejor respuesta. – wepper

Ya agregar tamaño y anchura al objeto style="width: 100px; height: 100px;"

Example

Fuente

2010-12-14 10:00:40 Blur

Lo siento, ese fue mi código de prueba, solo para asegúrate de que tenga un estilo. Lo he eliminado El código original es sin el atributo de estilo – wepper

Problemas resueltos por su enlace de ejemplo. El nuevo problema es que: cuando configuro la altura, debe estar en píxeles, no puedo configurarla en%. No importa, lo buscaré en Google – wepper

Puede asignar un ID o clase para el tat objeto, es perfectamente correcto. Si desea que el objeto se adapte al ancho de su elemento primario, simplemente configure su ancho al 100%. Si está utilizando el <object> para incrustar el flash, establezca también el ancho de la etiqueta <embed>.

Fuente

2010-12-14 09:34:58 miguelSantirso

No puedo asignar identificación o clase. ¿Hay alguna manera de llamarlo? Voy a publicar más código, dame un minuto – wepper

Una etiqueta de objeto puede diseñarse con CSS. Ref. link text

La razón por la que el ancho no funcionó en su ejemplo es que es solo un atributo de HTML y no es accesible con CSS (consulte la lista en el enlace anterior).

Yo recomendaría que coloque el objeto en un envoltorio div (otorgue al objeto un ancho del 100%) y que controle el ancho de la envoltura div con css.

Fuente

2010-12-14 09:52:26 robzolkos

Err ... Entonces, si no puedo envolver el objeto (como he mencionado en la pregunta, el código fue prestado por tinymce), entonces no puedo peinarlo? – wepper

Si está en ap (debido a tinymce), puede darle estilo en su hoja de estilo usando el selector adyacente, por ejemplo #container #content p + object {..styles here ..} – robzolkos

Para incluir texto, esto funcionó para mí en Firefox 43.0. Hay 3 archivos:

test.html:

<html><head> 
<link type="text/css" rel="stylesheet" href="test.css" media="all" /> 
</head><body> 
<h3>Test</h3> 
<object type="text/html" data="include.html"></object> 
</body></html>

test.css:

object {width:24em;margin-top:-1em;} 
.included {background-color:#ffe;font-size:12px;font-family:'Droid Serif';}

include.html - a formato de texto dentro del objeto, las etiquetas (como estos) parecen ser es necesario:

<link type="text/css" rel="stylesheet" href="test.css" media="all" /> 
<div class="included"> 
Your included text here... 
</div>

Fuente

2016-01-21 07:32:24

HTML - CSS: ¿Estilo <object>?

Respuesta

Cuestiones relacionadas