Как соединить CSS и DIV?

Question

[Иван Лежняков]

Всем привет. Как соединить в одном файле или в двух эти коды:

<div class="myframe">
<iframe src="https://clck.ru/GMH5t" 
             width="100%" height="222" 
             frameborder="0" 
             allowtransparency="true" 
             scrolling="no"
        class="my">
</iframe>
</div>

.myframe {
  display: block;
  margin: auto;
  width: 100%;
  text-align: center;
  }

iframe {
  width: 300px;
  }

Comments

[Вадим]

что значит соединить? Что Вы ожидаете в результате?

[iBird Rose]

ну напиши в самом теге через атрибут style="*тут стили*"

[Иван Лежняков]

Вадим, что бы iframe был посередине строки

[Иван Лежняков]

iBird Rose, а как именно, напишите пожалуйста?

[Иван Лежняков]

Вадим, соединить в плане что второй код - СSS, как его вот подключить к DIV ? через отдельный файл? как указать путь до него? или можно же как то в одном файле сделать

[iBird Rose]

Иван Лежняков,

<div class="myframe" style="display: block;  margin: auto;  width: 100%;  text-align: center;">
<iframe src="https://clck.ru/GMH5t" 
             width="100%" height="222" 
             frameborder="0" 
             allowtransparency="true" 
             scrolling="no"
             style="width: 300px;"
        class="my">
</iframe>
</div>

[Иван Лежняков]

iBird Rose, не работает блин (по центру не стоит). Вот я это от сюда взял, кто-то спрашивал (у меня похожий вопрос) и ему помогло - Как выровнять по центру страницы содержимое?

Answer 1

[Spartak (Web-StyleStudio)]

.myframe {
	display: block;
	margin: auto;
	width: 100%;
	text-align: center;
}

.myframe iframe {
	display: block;
	margin: auto;
	width: 300px;
	height: 222px;
	border: none;
}

Comments

[Иван Лежняков]

а как в одном html- файле это сделать ?

[Spartak (Web-StyleStudio)]

Иван Лежняков,

а как в одном html- файле это сделать ?

Как-то так:

<style>
.myframe {
  display: block;
  margin: auto;
  width: 100%;
  text-align: center;
}
.myframe iframe {
  display: block;
  margin: auto;
  width: 300px;
  height: 222px;
  border: none;
}
</style>

<div class="myframe">
	<iframe src="https://clck.ru/GMH5t" allowtransparency="true" scrolling="no"></iframe>
</div>

[Spartak (Web-StyleStudio)]

Иван Лежняков,
Можно ещё проще сделать без доп. контейнера, для iframe присваиваем класс myframe, задаём ему нужные стили

<style>
.myframe {
  display: block;
  margin: auto;
  width: 300px;
  height: 222px;
  border: none;
}
</style>

<iframe src="https://clck.ru/GMH5t" allowtransparency="true" scrolling="no" class="myframe"></iframe>

Либо так, (стили задаём через атрибут style)

<iframe src="https://clck.ru/GMH5t" allowtransparency="true" scrolling="no" style="display:block; margin:auto; width:300px; height:222px; border:none;"></iframe>

[Иван Лежняков]

Spartak (Web-StyleStudio), спасииибоооо

[Spartak (Web-StyleStudio)]

Иван Лежняков,
Пожалуйста