Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Css, слои, "резиновая" верстка

Обсуждение темы Css, слои, "резиновая" верстка в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Добрый день. Необходимо сделать на CSS в "резиновых" слоях: +-img-------------------------------------------+ +-img---------------------------------ссылка--+ +-img----------------текст---------------------+ +-img---------------------------------ссылка--+ +-img-------------------------------------------+ img - единственная картинка-ссылка со строго заданными размерами; текст ...


Закрытая тема
 
Опции темы
Старый 24.01.2005, 12:48   #1
Добрый день.

Необходимо сделать на CSS в "резиновых" слоях:

+-img-------------------------------------------+
+-img---------------------------------ссылка--+
+-img----------------текст---------------------+
+-img---------------------------------ссылка--+
+-img-------------------------------------------+

img - единственная картинка-ссылка со строго заданными размерами;
текст - текст по центру (по вертикали и горизонтили); ссылка - две разные ссылки друг под другом

Все это - на цветном фоне
 
Старый 24.01.2005, 12:48
Ссылки
Старый 24.01.2005, 18:41   #2
И в чем проблема? Делайте.

Если что-то не понятно, попробуйте сформулировать корректно вопрос.
 
Старый 25.01.2005, 13:53   #3
При попытки засунуть ссылки в<div> не удается выравнивать данный слой по правому краю и вертикали...
 
Старый 26.01.2005, 18:43   #4
Да, не повезло...
Покажите код и как страница выглядит. Что-нибудь придумаем.
 
Старый 27.01.2005, 18:57   #5
<div id="logo">

[img]/pic/logo.gif[/img]

[img]/pic/logo.gif[/img]

</div>
<div id="name">
<span class="first">A</span><span class="second">B</span></p>
</div>
<div id="search">

search

sitemap

email us
</div>

html, body {margin: 0; padding: 0; border: none;}
* a {text-decoration: none;}
* a:link {color: #66c;}
* a:visited {color: #999;}
* a:active {color: #f00;}
a img {border: none;}
body {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; color: #000; background-color: #fff;}
#logo {width: auto; height: 89px; float: left;}
#name {width: 79%; height: 89px; float: left; text-align: center;}
#search {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; text-align: center; width: auto; height: 89px; float: right;}
.first {color: #66c; font-weight: bold; font-size: 4em; font-family: "Times New Roman", Times, serif;}
.second {color: #f00; font-weight: bold; font-size: 3.3em; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
.email {float: right; text-align: right;}
 
Старый 27.01.2005, 18:57
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
"резиновая" галерея фоток archizona HTML, CSS, JavaScript 2 24.05.2012 11:30
<script language="text/javascript" charset="utf-8"... handler HTML, CSS, JavaScript 4 18.07.2011 17:16
"Оцените, господа!" или "Когда клиент через год переоценивает взгляды" ()@ZI$ Зал дебютантов 15 30.11.2005 09:50
Продажа билетов лотерей "Золотой ключ", "Русское Лото", "ТВ Бинго-шоу" Florid Кальянная 1 22.08.2005 19:24
Очень бы хотелось услышать советы "бывалых" и "знающих" tim Зал дебютантов 10 10.05.2004 09:48


Текущее время: 23:28. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум