Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Как сделать картинки в рамке

Как сделать картинки в рамке


     07.07.2011    Шаблоны (TPL), Стили (CSS)    4228

вопрос
Здравствуйте, подскажите пожалуйста как сделать, чтобы все картинки были в рамке? На подобии как на сайте http://game.mob.ua/

Ответил: ПафНутиЙ


На том сайте какой то криворукий товаришь делал всё на таблицах.

На самом деле всё можно сделать гораздо проще.

HTML:
<div class="someclass">
<div class="img">
<img src="support.jpg" />
</div>
</div>


CSS:

.img {
border: solid 2px #ccc;
border-left: none;
border-top: none;
float: left;
background: #fff;
}
.img img {
border: solid 1px #ccc;
margin: -2px 0 0 -2px;
padding: 5px;
}

Комментарии пользователей (8)

Visitors91
13 | 13

Visitors91 - 28 июля 2011 14:15 - Юзер

А подскажите пожалуйста, куда это всё вставлять и как выводить winked

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 28 июля 2011 14:55 - Админ

Лучше всего полностью переверстать сайт, у вас очень много лишнего кода.
html надо пихать в файлы tpl ну в CSS код - в файлы .css

Каков вопрос - таков и ответ. Просто помните об этом.

Visitors91
13 | 13

Visitors91 - 28 июля 2011 17:35 - Юзер

Если честно не понял, что делать. Ну ладно поищю может где подробней описано как делать. Спасибо

Visitors91
13 | 13

Visitors91 - 28 июля 2011 17:36 - Юзер

Цитата: ПафНутиЙ
Лучше всего полностью переверстать сайт, у вас очень много лишнего кода.

Вы о чом говорите ? Какой сайт, я вроде ссылок не каких не давал.

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 28 июля 2011 21:21 - Админ

Извиняюсь, не посмотрел на автора вопроса и автора комента. Я имел ввиду сайт автора поста.
чтобы у вас все картинки в рамке были достаточно прописать в css нужные правила. не видя сайта я не могу конкретно вам сказать.

Каков вопрос - таков и ответ. Просто помните об этом.

Visitors91
13 | 13

Visitors91 - 28 июля 2011 22:35 - Юзер

ПафНутиЙ,
Про CSS я понял я не знаю куда ставить HTML код. И каким образом (кодов) нужно выводить картинку ?

Тоесть если я вставлю этот код в Фул Стори. TPL то все картинки которые находятся в полной новости будут в рамке даже вида
[center][img]http://картинка[/img][/center]

java
15 | 15

java - 28 августа 2011 18:53 - Юзер

Как сделать весь блок одной новости в рамке?

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 28 августа 2011 18:58 - Админ

.BECb_Block {border: solid 2px #ccc;}

Каков вопрос - таков и ответ. Просто помните об этом.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы