X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> не могу понять в чем дело
stiggy
stiggy
Topic Starter сообщение 13.12.2014, 1:12; Ответить: stiggy
Сообщение #1


Доюрый вечер.Пытаюсь написать сайт.Решил вставить кнопки соцсетей с помощью спрайтов.Но когда прописываю ссылку то вместо одной у меня появляются еще три в других местах не там где нужно.не знаю как точно объяснить но вот скрин
[attachment=40582:Безымянный123123.jpg]

должна быть одна кнопка твиттера а их 4.и не могу понять в чем дело)Помогите кто чем может)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 13.12.2014, 1:22; Ответить: Apay
Сообщение #2


код?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stiggy
stiggy
Topic Starter сообщение 13.12.2014, 1:26; Ответить: stiggy
Сообщение #3


css

body {
font-family: Arial, Verdana, sans-serif; /* Семейство шрифтов */
font-size: 11pt; /* Размер основного шрифта в пунктах */
background-color: #f0f0f0; /* Цвет фона веб-страницы */
color: #333; /* Цвет основного текста */
}
#shapka{
width:1200px;
font-weight:bold;
text-align:center;
color:#c90;
background-color:#f7fbf3;
border:1px solid #9c6;
margin:0 auto;
padding:10px"

}

.socseti{
display: inline-block;
width:390px;
font-weight:bold;
text-align:center;
color:#c90;
background-color:#f7fbf3;
border:1px solid #9c6;
margin:0 auto;
padding:10px"
}

a.socvk {
display: inline-block; /* Ссылки будут блоками. */
width:70px; /* Ширина блока 175 пикселей по ширине нашей "двойной" картинки */
height:67px; /* Высота блока 40 - это половина высоты нашей двойной картинки */
background:url("/img/socvk.jpg"); /* делаем картинку фоном (зная, что будет видна только половина картинки) */
margin:3px; /* "зазоры" между кнопками */
text-align:center; /* текст по центру */
line-height:40px; /* Расстояние между строками 40 пикселей чтобы текст был по центру кнопки */
font-size:18px; /* шрифт 18 пикселей */
color:#ddd; /* цвет серенький ближе к беленькому */
text-decoration:none /* ссылки этого класса подчеркивать не будем */
}
a.socvk:hover {
background-position:0 -67px; /* ВСЯ ФИШКА ЗДЕСЬ! сдвигаем фон на 40 пикселей вверх, отрицательным значением

background-position, тем самым показываем вторую часть изображения где наша кнопка активна */
color: #fff /* цвет беленький */
}

a.soctw {
display: inline-block; /* Ссылки будут блоками. */
width:70px; /* Ширина блока 175 пикселей по ширине нашей "двойной" картинки */
height:67px; /* Высота блока 40 - это половина высоты нашей двойной картинки */
background:url("/img/soctw.jpg"); /* делаем картинку фоном (зная, что будет видна только половина картинки) */
margin:3px; /* "зазоры" между кнопками */
text-align:center; /* текст по центру */
line-height:40px; /* Расстояние между строками 40 пикселей чтобы текст был по центру кнопки */
font-size:18px; /* шрифт 18 пикселей */
color:#ddd; /* цвет серенький ближе к беленькому */
text-decoration:none /* ссылки этого класса подчеркивать не будем */
}
a.soctw:hover {
background-position:0 -67px; /* ВСЯ ФИШКА ЗДЕСЬ! сдвигаем фон на 40 пикселей вверх, отрицательным значением

background-position, тем самым показываем вторую часть изображения где наша кнопка активна */
color: #fff /* цвет беленький */
}

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=win-1251">
<title>Bober StudAt - студенческая атрибутика ВУЗов города Сыктывкара и Республики Коми</title>
<meta name="description" content="Студенческая атрибутика ВУЗов города Сыктывкара и Республики Коми">
<meta name="Keywords" content="студенческая

атрибутика,ВУЗ,свитшот,поло,байка,джемпер,бомбер,бомпер,кофта,ковта,толстовка">

<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>



<body>


<div id=shapka>

<div> <img src=logonew.png>
</div>

<div class=socseti>
<a href="http://vk.com" class="socvk"> <a href="http://vk.com" class="soctw">
</div>



</div>




</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stiggy
stiggy
Topic Starter сообщение 13.12.2014, 12:17; Ответить: stiggy
Сообщение #4


тема закрыта.все понял)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Оффтопик · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Чем принимать драм или доллар
драм - национальная валюта Армении
 2 GigArt 1308 1.4.2022, 19:17
автор: GigArt
Открытая тема (нет новых ответов) Чем монетизировать посетителей без определенной тематики и широким гео?
 16 Mansurka 3160 11.7.2021, 15:25
автор: kuprum
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыAdobe muse: Не могу разместить нужный мне код сразу после Body
 0 Evg82 3832 20.6.2020, 10:24
автор: Evg82
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКомпания “Моё дело” приглашает к сотрудничеству вебмастеров!
 12 Моё дело 1966 17.12.2019, 15:40
автор: Моё дело
Открытая тема (нет новых ответов) Чем просканировать файлы сайта на предмет бэкдоров?
вдруг где-то внутри wp-includes шелл
 3 coremission 2184 7.6.2019, 12:41
автор: bekett


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 12:17

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet