Вопросы по CSS

Koskodav

12 ноя 2012 г., 15:23

Возможно тач ссылки реализовать без div id , а то валидатор ругается?

L!MP

12 ноя 2012 г., 16:14

Koskodav, интересно посмотреть как оно там сделано, что валидатор ругается.
Наверно в тег ссылки натыкали целую кучу вёрстки.

Koskodav

12 ноя 2012 г., 19:13

Lestat, Спасибо

ramzes

12 ноя 2012 г., 21:27

Lestat (12.11.2012 / 15:31)
Koskodav, правильнее для тачфонов пункты меню делать через <li>

Это кто сказал? Чем аргументировал?
LI всего лишь элемент списка, к стилю не относится вообще ни как

rumit

14 ноя 2012 г., 1:20

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

Прикрепленные файлы:

198

(7.48 KB)

12sdf.png

Daniyar__KZ

14 ноя 2012 г., 5:43

Как сделать чтобы
Ссылки на главной были тач? Что прописать надо?
Display; widch: 96%; канает?

Dolmat

14 ноя 2012 г., 6:06

Daniyar__KZ, Средствми цсс ничего не выйдет, правь майнменю. Если расширить меню:а, то информеры будут не на своих местах, так как это не ссылки.

Dolmat

14 ноя 2012 г., 6:07

rumit, никак

venom

14 ноя 2012 г., 11:17

Люди берегите воду - пейте пиво...

rumit (14.11.2012 / 01:20)
как зделать вот такую панельку с помощью css???скрин ниже

В хеад пиши :

<ul class="button-group">
	<li><button class="button">Кнопка</button></li>
	<li><button class="button">Кнопка</button></li>
	<li><button class="button">Кнопка</button></li>
	<li><button class="button">Кнопка</button></li>
</ul>

В стиль пиши :

/* Группировка кнопок */

.button-group,
.button-group li{
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.button-group{
  font-size: 0; /* Зазор для встроенного элемента */
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, .04);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  padding: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; 
}

.button-group li{
  margin-right: -1px; /* Перекрытие каждой правой рамки */
}

.button-group .button{
  font-size: 13px; /* Устанавливаем размер шрифта */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; 
}

.button-group .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;   
}

.button-group li:first-child .button{
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.button-group li:first-child .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

.button-group li:last-child .button{
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.button-group li:last-child .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

Пример ниже скрин , но а с иконками думаю разберешься ....

Прикрепленные файлы:

224

(63.85 KB)

img_5.jpg

rumit

14 ноя 2012 г., 12:34

Изменено

venom (14.11.2012 / 11:17)
В хеад пиши :

<ul class="button-group">
<li><button class="button">Кнопка</button></li>
<li><button class="button">Кнопка</button></li>
<li><button class="button">Кнопка</button></li>
<li><b


//////////////////////////////////////
а как добавить правильно кнопки если они не простые как сылки а с запросами,так как у меня "лента сайта""журнал"почта" и у них прикручены счечики...вот один из примеров ,"форум"
-------------------------------------------------
[php]$myjornal = mysql_result(mysql_query("SELECT COUNT(*) FROM `myjornal` WHERE `login`='$login' AND `chit`='0' AND `del`='0'"), 0);
if($myjornal > 0 && $user_id && $headmod != "myjornal"){
echo '  |  <a href="' . $home . '/Myjornal/index.php"><img  src="/panell/forum.png" alt="forum" title="Форум" /><span style="text-decoration:blink; color:red">+'.$myjornal.'</span></a>';
}