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

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


     07.07.2011    css, верстка    Шаблоны (TPL), Стили (CSS)    4928

вопрос
Здравствуйте, подскажите пожалуйста как сделать, чтобы все картинки были в рамке? На подобии как на сайте 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
Юзер

Visitors91 - 28 июля 2011 14:15 -

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

ПафНутиЙ
Админ

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

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

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

Visitors91
Юзер

Visitors91 - 28 июля 2011 17:35 -

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

Visitors91
Юзер

Visitors91 - 28 июля 2011 17:36 -

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

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

ПафНутиЙ
Админ

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

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

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

Visitors91
Юзер

Visitors91 - 28 июля 2011 22:35 -

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

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

java
Юзер

java - 28 августа 2011 18:53 -

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

ПафНутиЙ
Админ

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

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

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

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

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

наверх