Бесплатная помощь по верстке

**~~OneShot~~** · 06.08.2013 19:21

Ну я говорю либо пробуй использовать псевдокласс :active, хотя он и вправду возможно с табами не работает. Либо через яваскрипт, но тут я не силен

**3s777** · 06.08.2013 19:31

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

:active

не работает. Можно и через ява скрипт, но я тоже не знаю как это сделать...

**~~OneShot~~** · 06.08.2013 19:33

3s777,
https://www.google.ru/search?q=%D0%B...hrome&ie=UTF-8

**3s777** · 06.08.2013 19:57

OneShot,
не получается у меня этими способами, т.к. нету у меня ссылок в табах, а все реализовано через input и label

**kursant** · 07.08.2013 16:09

http://www.youtube.com/watch?v=21BN7feXiZM посмотри тут

**Witch_You** · 07.08.2013 17:52

Народ, как сделать цветной див, но прозрачным? Т.е. есть фон, есть див… У дива есть фон, но он полностью затмил фон страницы… Не знаю, понятно выразился или нет… Но я такое видел много раз на всяких сайтах

Код HTML:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> <!--
body {
	background-image: url(/imgages/bg_light.gif);
}
#Layer1 {
	position:absolute;
	left:29px;
	top:28px;
	width:150px;
	height:133px;
	z-index:1;
	background-color: #FFFFFF;
}
--> </style></head> <body> <div id="Layer1">Привет всем</div> </body> </html>

**semyon** · 07.08.2013 17:57

Witch_You, Выставить прозрачность? Тут вот кроссбраузерно это делают.

**Sky-R** · 07.08.2013 18:49

В общем, есть вопросы как у начинающего верстальщика. :)

Во-первых, стоит ли заморачиваться с валидностью HTML, если это не стоит условием при заказе или делаешь что-то для себя? Или же это гарантия, что при обновлении браузеров всё будет корректно работать?

Второй вопрос по поводу валидности CSS. Когда смотрю через валидатор CSS на w3.org, то почти всегда ошибки разбора. За ошибки он считает различные свойства типа linear-gradient, хаки для IE в виде звёздочек перед CSS-свойствами. В общем, CSS у меня всегда не валиден. Получается, с "правильностью" CSS вообще не нужно заморачиваться?

**kursant** · 07.08.2013 19:39

semyon, в том что вы скинули, делают при помощи свойства opacity, а оно делает весь блок прозрачным. И текст, и картинки, а я так понял нужно просто фон.

Witch_You, задавай цвет в формате rgba. Примеры:
1) белый цвет с 50% прозрачностью: rgba(255, 255, 255, 0.5);
2) черный, 20% rgba(0, 0, 0, 0.2);
Вот в таком духе. Для кроссбраузерности можно вырезать в фотошопе 1x1px картинку с полупрозрачным фоном и стили задавать так:

Код:

#Layer1 {
     background: url(img/opacity.png);/*Первой нужно прописать картинку.Для браузеров не понимающих css3*/
     background: rgba(0, 0, 0, 0.8);/*Потом цвет в rgba. Браузеры, понимающие css3, будут использовать это свойство, так как оно поавторитетней, а те кто не понимают, попросту не увидят его */
}

**ximet** · 08.08.2013 13:53

Сообщение от Sky-R

Во-первых, стоит ли заморачиваться с валидностью HTML, если это не стоит условием при заказе или делаешь что-то для себя? Или же это гарантия, что при обновлении браузеров всё будет корректно работать?

Второй вопрос по поводу валидности CSS. Когда смотрю через валидатор CSS на w3.org, то почти всегда ошибки разбора. За ошибки он считает различные свойства типа linear-gradient, хаки для IE в виде звёздочек перед CSS-свойствами. В общем, CSS у меня всегда не валиден. Получается, с "правильностью" CSS вообще не нужно заморачиваться?

Всегда нужно заморачиваться с правильностью написание. Невалидный код - это не код. Нужно следить за технологиями и всегда помнить старые. Тоже и касается HTML, если вы сейчас пропишите тег <center> то код автоматически станет невалиден.
Ваш linear-gradient надо прописывать под каждый браузер, к примеру для webkit технологии: -webkit-linear-gradient и так далее.
Zoom: 1; У меня никогда не говорил что невалиден код, врятли сейчас что-то поменялось.

---------- Сообщение добавлено 09:53 ---------- Предыдущее 09:48 ----------

kursant,
Для старых браузерах я всегда проделываю без прозрачности. По-моему это нормально. Но да, можно заморочится и сделать полупрозрачное изображение для них. Но эта заморочка на самом деле не самое главное. Как говорится rgb чистый никто не отменял.

	06.08.2013 19:21 #21
~~OneShot~~ Banned Регистрация: 24.02.2013 Сообщений: 1,219 Записей в дневнике: 1 Репутация: 332 Webmoney BL: ?	Ну я говорю либо пробуй использовать псевдокласс :active, хотя он и вправду возможно с табами не работает. Либо через яваскрипт, но тут я не силен
0 OneShot

	06.08.2013 19:31 #22
3s777 Гуру Регистрация: 09.02.2013 Сообщений: 1,417 Репутация: 384 Webmoney BL: ?	Сообщение от OneShot :active не работает. Можно и через ява скрипт, но я тоже не знаю как это сделать...
0 3s777

	06.08.2013 19:33 #23
~~OneShot~~ Banned Регистрация: 24.02.2013 Сообщений: 1,219 Записей в дневнике: 1 Репутация: 332 Webmoney BL: ?	3s777, https://www.google.ru/search?q=%D0%B...hrome&ie=UTF-8
0 OneShot

	06.08.2013 19:57 #24
3s777 Гуру Регистрация: 09.02.2013 Сообщений: 1,417 Репутация: 384 Webmoney BL: ?	OneShot, не получается у меня этими способами, т.к. нету у меня ссылок в табах, а все реализовано через input и label
0 3s777

	07.08.2013 16:09 #25
kursant Студент Регистрация: 31.01.2013 Сообщений: 58 Репутация: 14 Webmoney BL: ?	http://www.youtube.com/watch?v=21BN7feXiZM посмотри тут Качественная и быстрая верстка сайтов
0 kursant

Бесплатная помощь по верстке

Опции темы

Спасибо сказали:

Спасибо сказали:

Тэги топика:

Похожие темы

Бесплатная помощь по wordpress

Бесплатная помощь по ucoz сайтам

Нужна помощь по верстке.

Нужна не бесплатная помощь в заполнении сайта

Нужна небольшая помощь в верстке (DLE). Вывод популярных новостей.

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры

	07.08.2013 17:52 #26
Witch_You Мне стало легче на 99 % Регистрация: 30.08.2009 Сообщений: 481 Репутация: 61 Webmoney BL: ?	Народ, как сделать цветной див, но прозрачным? Т.е. есть фон, есть див… У дива есть фон, но он полностью затмил фон страницы… Не знаю, понятно выразился или нет… Но я такое видел много раз на всяких сайтах Код HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-image: url(/imgages/bg_light.gif); } #Layer1 { position:absolute; left:29px; top:28px; width:150px; height:133px; z-index:1; background-color: #FFFFFF; } --> </style></head> <body> <div id="Layer1">Привет всем</div> </body> </html>
0 Witch_You

	07.08.2013 18:49 #28
Sky-R Студент Регистрация: 25.03.2013 Сообщений: 82 Репутация: 21 Webmoney BL: ?	В общем, есть вопросы как у начинающего верстальщика. :) Во-первых, стоит ли заморачиваться с валидностью HTML, если это не стоит условием при заказе или делаешь что-то для себя? Или же это гарантия, что при обновлении браузеров всё будет корректно работать? Второй вопрос по поводу валидности CSS. Когда смотрю через валидатор CSS на w3.org, то почти всегда ошибки разбора. За ошибки он считает различные свойства типа linear-gradient, хаки для IE в виде звёздочек перед CSS-свойствами. В общем, CSS у меня всегда не валиден. Получается, с "правильностью" CSS вообще не нужно заморачиваться?
0 Sky-R

	08.08.2013 13:53 #30
ximet Дипломник Регистрация: 20.09.2011 Сообщений: 222 Репутация: 28	Сообщение от Sky-R Во-первых, стоит ли заморачиваться с валидностью HTML, если это не стоит условием при заказе или делаешь что-то для себя? Или же это гарантия, что при обновлении браузеров всё будет корректно работать? Второй вопрос по поводу валидности CSS. Когда смотрю через валидатор CSS на w3.org, то почти всегда ошибки разбора. За ошибки он считает различные свойства типа linear-gradient, хаки для IE в виде звёздочек перед CSS-свойствами. В общем, CSS у меня всегда не валиден. Получается, с "правильностью" CSS вообще не нужно заморачиваться? Всегда нужно заморачиваться с правильностью написание. Невалидный код - это не код. Нужно следить за технологиями и всегда помнить старые. Тоже и касается HTML, если вы сейчас пропишите тег <center> то код автоматически станет невалиден. Ваш linear-gradient надо прописывать под каждый браузер, к примеру для webkit технологии: -webkit-linear-gradient и так далее. Zoom: 1; У меня никогда не говорил что невалиден код, врятли сейчас что-то поменялось. ---------- Сообщение добавлено 09:53 ---------- Предыдущее 09:48 ---------- kursant, Для старых браузерах я всегда проделываю без прозрачности. По-моему это нормально. Но да, можно заморочится и сделать полупрозрачное изображение для них. Но эта заморочка на самом деле не самое главное. Как говорится rgb чистый никто не отменял.
0 ximet

Темы	Раздел	Ответов	Последний пост
Бесплатная помощь по wordpress	WordPress	2451	02.12.2018 02:53
Бесплатная помощь по ucoz сайтам	Создание сайтов	6	31.03.2013 15:25
Нужна помощь по верстке.	Web программирование	3	25.02.2013 11:54
Нужна не бесплатная помощь в заполнении сайта	Копирайтинг, переводы, постинг	4	22.12.2012 00:33
Нужна небольшая помощь в верстке (DLE). Вывод популярных новостей.	DLE	3	01.07.2012 18:09