HTML - CSS: Mise en plis <object>? - Excellente bibliothèque

Si mon conteneur div a ceci:HTML - CSS: Mise en plis <object>?

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

je peux le style de l'image par ceci:

CSS 
#container img{ ... }

pour la balise d'objet

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

Comment puis-je l'adresse? J'ai essayé ceci:

CSS 
#container object{ width: 100px; }

Mais cela ne fonctionne pas.

Assumer le Je ne peux pas définir « id » ou « classe » pour la balise d'objet

J'utilise tinymce pour intégrer à la vidéo sur youtube. Et le code sera rendu comme ceci:

<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>

Source

2010-12-14 wepper

Non ... J'inclus une vidéo YouTube sur ma page en utilisant tinymce. Je ne peux pas attribuer d'identifiant ou de classe, et avoir le problème de style – wepper

Vous pouvez envelopper l'objet entier dans une autre balise div .. ou si vous voulez style youtube joueur, vous devez utiliser le thème du joueur .. – KillerFish

@KillerFish: Pourriez-vous s'il vous plaît envoyer comme réponse , et donnez-moi un exemple de code très simple. Donc, si cela fonctionne, je pourrais choisir votre réponse comme meilleure réponse. – wepper

Vous ajoutez déjà la taille et la largeur à l'objet style="width: 100px; height: 100px;"

Example

Source

2010-12-14 10:00:40 Blur

Désolé, c'était mon code de test, juste pour assurez-vous qu'il peut être stylé. Je l'ai enlevé. Le code d'origine est sans l'attribut de style – wepper

Problèmes résolus par votre lien d'exemple. Le nouveau problème est que: lorsque je définis la hauteur, il doit être en pixels, je ne peux pas le définir en%. Peu importe, je vais le google – wepper

Vous pouvez assigner un id ou une classe pour l'objet tat, c'est parfaitement correct. Si vous voulez que l'objet s'adapte à la largeur de son parent, définissez sa largeur à 100%. Si vous utilisez le <object> pour incorporer le flash, définissez également la largeur du tag <embed>.

Source

2010-12-14 09:34:58 miguelSantirso

Je ne peux pas attribuer un identifiant ou une classe. Y a-t-il un moyen de l'appeler? Je vais poster plus de code, donnez-moi une minute – wepper

Une étiquette d'objet peut être stylée en utilisant CSS. Ref link text

La raison pour laquelle la largeur n'a pas fonctionné dans votre exemple est que c'est un attribut HTML seulement et non accessible avec CSS (voir la liste dans le lien ci-dessus).

Je vous recommande de placer l'objet dans un div wrapper (donnez à l'objet une largeur de 100%) et de contrôler la largeur de l'enveloppe div avec css.

Source

2010-12-14 09:52:26 robzolkos

Err ... Donc, si je ne peux pas envelopper l'objet (comme je l'ai mentionné dans la question, le code a été rendu par tinymce), alors je ne peux pas le style? – wepper

Si elle est enveloppée dans ap (à cause de tinymce), alors vous pouvez le style dans votre feuille de style en utilisant sélecteur adjacent par exemple #container #content p + objet {..styles ici ..} – robzolkos

Pour inclure du texte, cela a fonctionné pour moi dans Firefox 43,0. Il y a 3 fichiers:

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 - au format texte dans l'objet, les balises (comme celles-ci) semblent être N'est pas nécessaire:

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

Source

2016-01-21 07:32:24

HTML - CSS: Mise en plis <object>?

Répondre

Questions connexes