HTML - CSS: стиль <object>? - PullRequest
Новая
       1

HTML - CSS: стиль <object>?

12 голосов
/ 14 декабря 2010

Если у моего контейнера div есть это: 

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

Я могу стилизовать изображение следующим образом: 

CSS
#container img{ ... }

Для тега объекта 

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

Как сделатьЯ обращаюсь к этому?Я попробовал это: 

CSS
#container object{ width: 100px; }

Но это не работает.

Предположим, я не могу определить "id" или "class" для тега объекта

Я использую tinymce для встраивания в видео на YouTube.И код будет выглядеть так: 

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

Ответы [ 4 ]

5 голосов
/ 14 декабря 2010

Вы уже добавили размер и ширину к объекту style="width: 100px; height: 100px;"

Пример

2 голосов
/ 14 декабря 2010

Тег объекта может быть стилизован с использованием CSS. Ссылка текст ссылки

Причина, по которой ширина не работала в вашем примере, заключается в том, что она является атрибутом HTML и недоступна для CSS (см. Список в ссылке выше).

Я бы порекомендовал поместить объект в div обертки (задайте ширину объекта 100%) и контролировать ширину div обертки с помощью css.

1 голос
/ 14 декабря 2010

Вы можете назначить идентификатор или класс для объекта tat, это совершенно правильно. Если вы хотите, чтобы объект адаптировался к ширине его родителя, просто установите его ширину на 100%. Если вы используете <object> для встраивания вспышки, установите ширину для тега <embed>.

0 голосов
/ 21 января 2016

Чтобы включить текст, это работало для меня в Firefox 43.0.Есть 3 файла:

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 - для форматирования текста внутри объекта, теги (как это), кажется, необходимо: 

<link type="text/css" rel="stylesheet" href="test.css" media="all" />
<div class="included">
Your included text here...
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...