Форум Сайтостроение Веб-строительство

Как сделать оформление переменной php средствами css?

Art7ice
На сайте с 20.07.2012
Offline
32
Art7ice
1021

Собсно, напейсал следующий код:


<?php 
$karamba= "<img src='http://google.com/catalog/view/theme/brr/image/kar.png'>";
?>

<?php 
echo $karamba; 
?>

Картинка выводиться, но оформить ее размещение на странице никак не получается. Каким образом сделать в css оформление указанной переменной?

Просьба не пинать, css только начинаю изучать, внятного (и понятного) ответа у гугл не нашел (зато много информации о том, как встроить переменные в самом css)

Geers
На сайте с 12.04.2011
Offline
487
Geers
#1

Добавить сюда class например: 

$karamba= "<img class="goo" src='http://google.com/catalog/view/theme/brr/image/kar.png'>";

В css так: 

.goo img{

тут прописываете свойства

}
Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#2

Или так: 

$karamba= "<img style="width: 300px; height: 300px; и так далее" src='http://google.com/catalog/view/theme/brr/image/kar.png'>";
Geers
На сайте с 12.04.2011
Offline
487
Geers
#3
ziliboba0213:
Или так:
$karamba= "<img style="width: 300px; height: 300px; и так далее" src='http://google.com/catalog/view/theme/brr/image/kar.png'>";

Это неправильно, зачем css стилями страницу засорять?

P
На сайте с 24.12.2010
Offline
46
Postfix
#4

Geers, имя 'goo' должно быть в одинарных кавычках, либо кавычки предварять слэшем. 

$karamba= "<img class='goo' src='http://google.com/catalog/view/theme/brr/image/kar.png'>";
R
На сайте с 18.12.2009
Offline
92
rerighter
#5
Geers:
Добавить сюда class например:
$karamba= "<img class="goo" src='http://google.com/catalog/view/theme/brr/image/kar.png'>";

В css так:
.goo img{
тут прописываете свойства
}

Не правильно. Правильно будет так:

.goo или img.goo

http://jsfiddle.net/jf3soane/

Art7ice
На сайте с 20.07.2012
Offline
32
Art7ice
#6

Большое спасибо, при первой возможности дам в репу :)

Сработал вариант с одинарными кавычками: 

"<img class='kartinka' src='http://...png'>";

С двойными сайт вообще не открылся (отобразилось только 2 строки html кода) .

В css взял упомянутый способ: 

.kartinka {

margin-left: 290px;

margin-top: 37px;

}
LEOnidUKG
На сайте с 25.11.2006
Offline
1774
LEOnidUKG
#7

Потому, что нужно вот так писать:

$karamba= '<img class="goo" src="http://google.com/catalog/view/theme/brr/image/kar.png">';

И более проблем не будет со вставками.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#8
Geers:
Это неправильно, зачем css стилями страницу засорять?

Такая конструкция тоже имеет место быть, и на google и на yandex и почти везде вобщем. Так что с вами не согласен 🍿

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий