Блочная верстка. Вопросы к профессионалам.

Расширенный поиск по форуму

Новая тема

Страницы: « первая <1 234 >последняя »

Автор

Поиск в теме:

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 15/10/09 в 17:24

цитата

pinnokio писал:

именно как фоновое, посредством background в css? или картинка вставляется в html?

Я пробовал и так и так, результат один и тот же.

erobrand

Адалт кутюрье

С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827

Добавлено: 15/10/09 в 17:26

цитата

кастрируй вообще.

line-height:0;
height:1px;
overflow:hidden;
padding:0;
margin:0;

Одеваю сайты Adult Concept Design Меняю денюжку erMoney.com

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 15/10/09 в 17:27

цитата

Так.. Стоп... Что-то получилось. Момент

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 15/10/09 в 17:31

цитата

получилось так:

Код:

<div class="top-block-line"><img src="graphics/top-block-line.gif" /></div>

height: 1px;
width: 800px;
font-size: 0px;
margin: 0px;
padding: 0px;

Пасиб! :-)

Последний раз редактировалось: Dorian (15/10/09 в 17:34), всего редактировалось 1 раз

pinnokio

С нами с 11.11.08
Сообщения: 3606
Рейтинг: 402

Добавлено: 15/10/09 в 17:34

цитата

Ну вот и здорово.
ЗЫ. Товарищ Dorian, помогать Вам становится крайне безинтересным делом

на рейтинге это почему-то не сказывается.

Выгодные туры в Прагу на kanikul.net
Горящие туры в Египет можно найти на сайте kanikul.net

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 15/10/09 в 20:22

цитата

pinnokio:
erobrand:

+4 бразы )) Сорри и пасиб! )))

Skat

С нами с 06.03.05
Сообщения: 6216
Рейтинг: 7375

Добавлено: 16/10/09 в 15:58

цитата

Код:

такую конструкцию лучше не делать для случая какой использует ее Dorian получаются пустые дивы ненужные, вполне вероятно что в твоем случае можно и двумя дивами обойтись вообще:

один вложить в другой и задать одному бг позицию на топ, другому диву на бутум, ну и фон задать если нужно на первом диве

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 17/10/09 в 08:29

цитата

Skat писал:

Код:

такую конструкцию лучше не делать для случая какой использует ее Dorian получаются пустые дивы ненужные, вполне вероятно что в твоем случае можно и двумя дивами обойтись вообще:
один вложить в другой и задать одному бг позицию на топ, другому диву на бутум, ну и фон задать если нужно на первом диве

Идея прикольная. Где-нить использую. Но тут во всех трех дивах используется фон кратинкой.

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 19/10/09 в 12:54

цитата

Вопрос по вертикальному позиционированию.

Код:

<div class="main-container">
<div class="image-1"></div>
<div class="image-2"></div>
<div class="image-3"></div>
<p class="text-1">Такую конструкцию лучше не делать для случая какой использует ее Dorian получаются пустые дивы ненужные, вполне вероятно что в твоем случае можно и двумя дивами обойтись вообще: один вложить в другой и задать одному бг позицию на топ, другому диву на бутум, ну и фон задать если нужно на первом диве. такую конструкцию лучше не делать для случая какой использует ее Dorian получаются пустые дивы ненужные, вполне вероятно что в твоем случае можно и двумя дивами обойтись вообще: один вложить в другой.</p>
</div>

.main-container {
background-color: #FFFFCC;
position: relative;
}
.image-1 {
background-color: #006666;
top: 23px;
height: 50px;
width: 50px;
position: absolute;
right: 23px;
}
.image-2 {
background-color: #990000;
height: 50px;
width: 50px;
right: 23px;
bottom: 23px;
position: absolute;
}
.image-3 {
background-color: #333366;
position: absolute;
height: 50px;
width: 50px;
right: 150px;
bottom: 23px;
}
.text-1 {
text-align: justify;
width: 350px;
position: relative;
padding-top: 23px;
padding-right: 0px;
padding-bottom: 23px;
padding-left: 23px;
margin: 0px;
}

Требуется, чтобы желтый блок растягивался вниз (высоту определяет количесво текста) и при этом два нижник квадрата были привязаны к нижней границе желтого блока. С зеленым квадратов все ок. А нижних два в IE6 упорно уезжают из родительского блока куда-то вниз.

Monty Python

С нами с 01.01.09
Сообщения: 358
Рейтинг: 104

Добавлено: 19/10/09 в 13:23

цитата

Код:

Код:

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}

CJ/AVS/WP темы

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 19/10/09 в 15:11

цитата

Monty Python:
Работает!
Спасибо!

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 25/10/09 в 13:01

цитата

Голову сломал. :-)

Код:

<div class="body-div">

<div class="margin-23"></div>
<div class="image-nav-menu">
<a href="prev" class="image-prev"><<< Prev.</a>
<a href="home-page" class="image-home">Home Page</a>
<a href="next" class="image-next">Next >>></a>
</div>
<div class="clear"></div>

</div>

.clear {
font-size: 1px;
line-height: 0px;
clear: both;
height: 0px;
}
.body-div {
width: 800px;
margin-right: auto;
margin-left: auto;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-color: #099df5;
border-bottom-color: #099df5;
border-left-color: #099df5;
background-image: url(graphics/internal-background.jpg);
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-repeat: repeat-y;
height: 1100px;
}
.image-nav-menu {
background-image: url(graphics/block-background.jpg);
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #099df5;
border-bottom-color: #099df5;
padding-top: 8px;
padding-right: 23px;
padding-bottom: 8px;
padding-left: 23px;
min-height:1px;
height: 23px;
}
.image-nav-menu a {float:left}
.image-prev {
font-size: 24px;
width: 33%;
}
.image-home {
font-size: 24px;
width: 34%;
text-align: center;
}
.image-next {
font-size: 24px;
text-align: right;
width: 33%;
}

Вопрос:
Откуда берется эта галочка на следующей строке в IE 6?
Нет, ну вот откуда? )))
IE 6, наверное, сам ее придумал из вредности )))

Последний раз редактировалось: Dorian (25/10/09 в 19:35), всего редактировалось 1 раз

erobrand

Адалт кутюрье

С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827

Добавлено: 25/10/09 в 19:27

цитата

почисти флоаты

Одеваю сайты Adult Concept Design Меняю денюжку erMoney.com

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 25/10/09 в 19:33

цитата

То есть? )) Где почистить? ))

erobrand

Адалт кутюрье

С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827

Добавлено: 25/10/09 в 21:10

цитата

посе всех float элементов поставь <div style="clear:both;"></div>

чего ленивый такой, иди погугли, есть разные способы этого дела=)

*упд
сори, а у етбя уже почищены, я на сонную голову невнимательно код глядел

Одеваю сайты Adult Concept Design Меняю денюжку erMoney.com

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 25/10/09 в 21:17

цитата

Ага )) Только это не помогает ))Может это просто IE 6 такой выдумщик ))

remorhaz

С нами с 13.08.08
Сообщения: 1538
Рейтинг: 1011

Добавлено: 25/10/09 в 21:59

цитата

Комментарии убери из кода на всякий пожарный.

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 25/10/09 в 22:07

цитата

remorhaz писал:

Комментарии убери из кода на всякий пожарный.

Не помогает

erobrand

Адалт кутюрье

С нами с 16.04.06
Сообщения: 1322
Рейтинг: 827

Добавлено: 25/10/09 в 23:21

цитата

это типычный баг ие в случае отсутсвия "зачистки". Надо просто сливать и разбираться, а ныне выходной) У тебя вообще код жестокий конечно=) Всё проще пишется гораздо.

Одеваю сайты Adult Concept Design Меняю денюжку erMoney.com

Dorian

:o)

С нами с 10.12.06
Сообщения: 1171
Рейтинг: 160

Добавлено: 26/10/09 в 00:25

цитата

Хм.. Да вроде как лишнего ничего...

Mika

С нами с 18.10.02
Сообщения: 4165
Рейтинг: 3365

Добавлено: 26/10/09 в 01:00

цитата

Задание бордеров конечно жесть

Держи подсказку http://w3schools.com/css/pr_border.asp

Как вариант решения вышеозначенной проблемы, можно убрать фиксированную ширину у .image-next и поставить float: right, то бишь заменить вот это

Код:

.image-next {
font-size: 24px;
text-align: right;
width: 33%;
}

на

Код:

a.image-next {
font-size: 24px;
float: right;
}