Как не попасть под действие стиля

@lifeact · Регистрация: 24.10.2012

Author24 — интернет-сервис помощи студентам

Всем привет!

Ребят подскажите как сделать, чтобы существующие стили не действовали на мои соц кнопки -

там аккуратные 48 пикселей кнопки, но как видно из стиля к ним еще добавляется белая и черная окантовка...

@claiw · 24.03.2013, 10:35

Прописать дополнительно нужные вам стили в свойствах div с кнопками.

@lifeact · 24.03.2013, 11:33 **[ТС]**

Сообщение от claiw

Прописать дополнительно нужные вам стили в свойствах div с кнопками.

пробовал, но все равно попадает...

нужно в style.css

указать .{ или #{

?

Добавлено через 47 секунд
или без файла style.css....? Задать именно в том месте где блок?

@claiw · 24.03.2013, 12:26

В цсс есть такое понятие как "вес селектора". http://seodon.ru/css/prioritety-stilej.php тут можно почитать подробнее.
Я бы смог сказать конкретнее, но если я понимаю правильно, у вас есть глобальный селектор * ,
а ваши кнопки должны располагаться в каком-то диве, ваша задача сделать селектор по айди дива с кнопками, и задать там те свойства, что и в глобальном, только со значениями которые вы хотите видеть у ваших кнопок.
Конечно, на худой конец, можно задать именно там где блок, непосредственно в html разметке, но это считается не фэн-шую

@dolte · 24.03.2013, 21:16

например есть div
в котором

CSS

1 2	border-color: #000; border-radius: 5px;

задайте для него класс со своими параметрами и поместите в него кнопки.

получится

HTML5

1
2
3

<div id=" ">
       <div class=" "> соц кнопки </div> 
</div>

@lifeact · 25.03.2013, 22:56 **[ТС]**

в файл стилей есть ненужные мне рамки:

CSS

#page.art #middle table td {
    border-top:1px solid #2e2e2e;
    border-left:1px solid #2e2e2e;
}

добавил:

CSS

    .dd{
        border-top:0px solid #2e2e2e;
        border-left:0px solid #2e2e2e;  
    }

и в месте где нужно отразить кнопки:

HTML5

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="dd"><a title="Наша група вконтакте" href="http://ffff/feed" target="_blank" rel="nofollow"><div class="soc"><img src="http://ffff/vkontakte.png" alt="Наша група вконтакте"/></div></a></td>
 
</tbody></table>

эффекта ноль, также рамка черная и есть... смотрю фаербагом, классa dd и близко нет, а делал как по ссылке выше

Donald28 · 27.03.2013, 11:55

добавляй !important, например:

CSS

1
2
3

.dd{
  border: none !important;
}

@KaRaNTiN · 29.03.2013, 15:24

HTML5

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="border:none !important"><div class="soc"><a title="Наша група вконтакте" href="http://ffff/feed" target="_blank" rel="nofollow"><img src="http://ffff/vkontakte.png" alt="Наша група вконтакте"/></a></div></td>
 
</tbody></table>

Нельзя вкладывать в тег <a> тег <div>

CSS

1	style="border:none !important"

- как написал человек выше)

Donald28 · 29.03.2013, 15:33

Сообщение от KaRaNTiN

Нельзя вкладывать в тег <a> тег <div>

можно. Но это будет не валидно!

@KaRaNTiN · 29.03.2013, 15:41

Сообщение от Donald28

можно. Но это будет не валидно!

если не валидно, значит нельзя

надо же писать грамотно код).. Сайт весь на самом деле можно написать в помощью тегов <a>, но это же не правильно

Donald28 · 29.03.2013, 15:57

Ну многие тэги HTML5 не проходят валидацию. Значит их тоже использовать нельзя?

@KaRaNTiN · 29.03.2013, 17:07

Сообщение от Donald28

Ну многие тэги HTML5 не проходят валидацию. Значит их тоже использовать нельзя?

я имею в виду грамотность написания).. повторюсь, что можно весь сайт на <a>, <span> написать).. но будет ли это грамотно?).. культура вёрстки должна же быть

@lifeact 49 / 49 / 12 Регистрация: 24.10.2012 Сообщений: 434
		1
	Как не попасть под действие стиля 24.03.2013, 08:42. Показов 1352. Ответов 11 Метки нет (Все метки) Всем привет! Ребят подскажите как сделать, чтобы существующие стили не действовали на мои соц кнопки - там аккуратные 48 пикселей кнопки, но как видно из стиля к ним еще добавляется белая и черная окантовка... Миниатюры 0

@claiw 6 / 6 / 1 Регистрация: 09.02.2013 Сообщений: 24
	24.03.2013, 10:35	2
	Прописать дополнительно нужные вам стили в свойствах div с кнопками. 1

@lifeact 49 / 49 / 12 Регистрация: 24.10.2012 Сообщений: 434
	24.03.2013, 11:33 [ТС]	3
	Сообщение от claiw Прописать дополнительно нужные вам стили в свойствах div с кнопками. пробовал, но все равно попадает... нужно в style.css указать .{ или #{ ? Добавлено через 47 секунд или без файла style.css....? Задать именно в том месте где блок? 0

@claiw 6 / 6 / 1 Регистрация: 09.02.2013 Сообщений: 24
	24.03.2013, 12:26	4
	В цсс есть такое понятие как "вес селектора". http://seodon.ru/css/prioritety-stilej.php тут можно почитать подробнее. Я бы смог сказать конкретнее, но если я понимаю правильно, у вас есть глобальный селектор * , а ваши кнопки должны располагаться в каком-то диве, ваша задача сделать селектор по айди дива с кнопками, и задать там те свойства, что и в глобальном, только со значениями которые вы хотите видеть у ваших кнопок. Конечно, на худой конец, можно задать именно там где блок, непосредственно в html разметке, но это считается не фэн-шую 1

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	29.03.2013, 15:33	9
	Сообщение от KaRaNTiN Нельзя вкладывать в тег <a> тег <div> можно. Но это будет не валидно! 0

@KaRaNTiN 44 / 44 / 11 Регистрация: 10.06.2009 Сообщений: 311 Записей в блоге: 2
	29.03.2013, 15:41	10
	Сообщение от Donald28 можно. Но это будет не валидно! если не валидно, значит нельзя надо же писать грамотно код).. Сайт весь на самом деле можно написать в помощью тегов <a>, но это же не правильно 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	29.03.2013, 15:57	11
	Ну многие тэги HTML5 не проходят валидацию. Значит их тоже использовать нельзя? 0

@KaRaNTiN 44 / 44 / 11 Регистрация: 10.06.2009 Сообщений: 311 Записей в блоге: 2
	29.03.2013, 17:07	12
	Сообщение от Donald28 Ну многие тэги HTML5 не проходят валидацию. Значит их тоже использовать нельзя? я имею в виду грамотность написания).. повторюсь, что можно весь сайт на <a>, <span> написать).. но будет ли это грамотно?).. культура вёрстки должна же быть 0