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

Стили изобоажений

M8
На сайте с 11.05.2013
Offline
4
max89
419

Здравствуйте!

Создаю сайт (пока тестирую тему на бесплатном хосте).

Решил создать страницу с фотографией, которая разрена на части, что бы потом поделать ссылки.

Тоесть нажимая на крышу — переход в категорию крыша.

нажимая на забор — переход в категорию забор.

Раскройку сделал в Фотошопе, закинул картинки и вставил html код на страницу http://dah-vorota.ip64.net/?page_id=146

Но корректной работы нету! В стилях css темы для картинок стоит рамка. Менять значения на ноль не захотел, та как есть фотогалерея (http://dah-vorota.ip64.net/?page_id=126) и там такая функция нужна.

Решил попробовать с divами, но так как я новичок то ничего не получилось!!!

помогите с кодом для css, что бы убрать стили для одной только страницы (убрать рамку изображений и границу таблицы).

D
На сайте с 22.02.2011
Offline
130
Delchel
#1

В файле стилей вырежите свойства из .art-article img, img.art-article, .art-block img, .art-footer img {

} и поставьте их в a img

Получится так:

a img

{

border: solid 1px #33BEFF;

margin: 12px;

}

Пустым станет

.art-article img, img.art-article, .art-block img, .art-footer img {}

В div для нарезанных картинок пропишите новый класс, чтобы ...a img... не затрагивал свойства

В карусели не показываются Как вставить картинку со Логотип и заголовок сайта
M8
На сайте с 11.05.2013
Offline
4
max89
#2

Спасибо за помощь!

Но все равно не могу сделать как надо!

Таблицу помещаю между тегами <div class="new">...</div>

А в css дописываю

.neww{(что сюда писать?)

}

Также надо убрать границы в таблице, хоть и в описание таблицы стоят нули (в css к тегам <td> и <th> есть стили) только на этой странице

---------- Добавлено 01.06.2013 в 12:24 ----------

Что-то наклацал....вроде работает ((((((:

Спрашиваем и отвечаем по Редирект сошел с ума Можно ли присвоить js
D
На сайте с 22.02.2011
Offline
130
Delchel
#3

У вас страница под id 146 не открывается

WebJunior
На сайте с 11.06.2010
Offline
155
WebJunior
#4

берете целую картинку, помещаете в блок ссылку для каждого элемента. стиль блока -

.imgmap {position:relative; background:url(images/home.jpg); height:высота_картинкиpx; width:ширина_картинкиpx}

каждой ссылке присвойте id: <a href="#" id="kriwa">&nbsp</a>. стиль ссылок -

.imgmap a {display:block; position:absolute}

и задайте положение -

.imgmap a#kriwa {top:20px; left:150px}

можно подогнать с помощью визуального редактора.

Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
M8
На сайте с 11.05.2013
Offline
4
max89
#5
Delchel:
У вас страница под id 146 не открывается

перенес на главную http://dah-vorota.ip64.net/

---------- Добавлено 01.06.2013 в 13:31 ----------

WebJunior:
берете целую картинку, помещаете в блок ссылку для каждого элемента. стиль блока

спасибо! суть понял!

---------- Добавлено 01.06.2013 в 13:45 ----------

Вопрос не по теме:

Для того что бы перенести измененную тему с одного хоста на другой, достаточно просто скопировать папку темы?

англоязычная/немецкоязычная версии сайта. Повышаем доход от Adsense. Как закупать ссылки для

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