Верстка - HELP - Форум администраторов игровых серверов
Форум администраторов игровых серверов StormWall - Защита от DDos атак
Непрочитано 15.11.2011, 16:06   #1
Изгнанные

Автор темы (Топик Стартер) Верстка - HELP

Верстка - это моя слабая сторона Поэтому прошу помощи опытных специалистов в этом деле, а именно верстальщиков. Изначально хотел применить округление CSS-3, но потом передумал, так IE 6-7, опера -10 версии, да и мозила тоже выделываются. А адаптировать под все браузеры не очень легко. Поэтому решил сделать старым, добрым методом - картинками.

Необходимо сделать "резиновую" шапку с "закругленными углами". Но не все так просто:
- углы - это картинки формата png
- фон градиентный (не однотонный)

Этот код работает с однотонным фоном и изображениями не "png", т. е. если фон красный, значит а пустое пространство на углах должно быть красным.

Код HTML:
<style type="text/css">

#footer {
width: 90%;
margin: 0 auto;
}

#footer_left {
background: #000000 url('/img/footer-left.png') no-repeat;
height: 70px;
}

#footer_right {
background: url('/img/footer-right.png') top right no-repeat;
height: 70px;
}

</style>
Код HTML:
<div id=footer>
	<div id=footer_left>
		<div id=footer_right></div>
	</div>
</div>
Так как же быть мне с градиентным фоном?

Добавлено через 1 минуту
P.S. на "footer" в названии идентификаторов не обращайте внимание, просто надо для низа, но на шапке легче показать.

Последний раз редактировалось Gambit_J; 15.11.2011 в 16:08. Причина: Добавлено сообщение
Gambit_J вне форума Отправить сообщение для Gambit_J с помощью ICQ Отправить сообщение для Gambit_J с помощью Skype™ Ответить с цитированием
Непрочитано 15.11.2011, 16:17   #2
Аватар для Array
Супергерой

По умолчанию Re: Верстка - HELP

Так если png - там есть прозрачность, в чём проблема то?
Array вне форума Ответить с цитированием
Непрочитано 15.11.2011, 16:20   #3
Изгнанные

Автор темы (Топик Стартер) Re: Верстка - HELP

Цитата:
Сообщение от Array Посмотреть сообщение
Так если png - там есть прозрачность, в чём проблема то?
проблема в том,что оста пространство (которое по центру) я заливаю черным цветом. И получается то что в пнг, черное, и получаются углы не закругленные, а прямые.

Добавлено через 3 минуты
Посмотрите код.

Последний раз редактировалось Gambit_J; 15.11.2011 в 16:24. Причина: Добавлено сообщение
Gambit_J вне форума Отправить сообщение для Gambit_J с помощью ICQ Отправить сообщение для Gambit_J с помощью Skype™ Ответить с цитированием
Непрочитано 15.11.2011, 17:05   #4
Аватар для PROGRAMMATOR
Администратор

По умолчанию Re: Верстка - HELP

http://jquery.malsup.com/corner/
__________________
composer require laravel/framework
yarn add vue
PROGRAMMATOR вне форума Отправить сообщение для PROGRAMMATOR с помощью ICQ Отправить сообщение для PROGRAMMATOR с помощью Skype™ Ответить с цитированием
Непрочитано 15.11.2011, 17:13   #5
Изгнанные

Автор темы (Топик Стартер) Re: Верстка - HELP

Цитата:
Сообщение от PROGRAMMATOR Посмотреть сообщение
Да знаю, все равно другие браузеры выделываются

Добавлено через 57 секунд
Опера ниже 10 версии - берут в качестве фона однотонный фон, ноне градиент. И мозила тоже че-то там выделывается, не помню.

Добавлено через 1 минуту
Все четко только на Гугл Хроме.

P.S. IE самый ущербный браузер в мире. Имхо.

Добавлено через 46 минут
Переформулирую:

Имеется левый и правый угол:



Надо сделать такую резиновую шапку:



Добавлено через 47 минут
Но, с учетом что фон градиентный!

Последний раз редактировалось Gambit_J; 15.11.2011 в 18:00. Причина: Добавлено сообщение
Gambit_J вне форума Отправить сообщение для Gambit_J с помощью ICQ Отправить сообщение для Gambit_J с помощью Skype™ Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[Продам] Дизайн+верстка Ametist Рынок / Marketplace 1 17.11.2010 18:31
Верстка Joker Рынок / Marketplace 2 02.08.2010 21:01
Верстка Open-Shadow Движки сайтов (CMS) 0 18.07.2010 02:46


© 2007–2024 «Форум администраторов игровых серверов»
Защита сайта от DDoS атак — StormWall
Работает на Булке неизвестной версии с переводом от zCarot
Текущее время: 17:49. Часовой пояс GMT +3.

Вверх