Мои нерешенные вопросы

**Zigzag** · 20.07.2006, 22:28

Все вопросы касаются исключительно CSS-верстки (CSS 2.1+XHTML 1.0)
1. Насколько я понял, все графические элементы дизайна странички в документ должны подгружаться только через css-файл?

2. Если на предыдущий вопрос ответ утвердительный, то правильно ли я понимаю, что для позиционирования таких изображений в документе небходимо каждое заключить в отдельный DIV-блок?

3. Я так и не понял сути relativ-позиционирования. Я выяснил, что каждый следующий элемент позиционируется относительно предыдущего (в. т.ч. текст, изображения и пр.), но не от его левого верхнего угла. Относительно какой части предыдущего элемента все же происходит такое позиционирование?

4. Как быть в случае, если мне необходимо изображение сделать ссылкой, но оно подгружено через css-файл? Правильно ли будет его заключить в отдельный DIV-блок, который в свою очередь заключить в пару тэгов <a></a>?

5. Как же все-таки достигается растягиваемость того или иного DIV-блока, для обеспечения масштабируемости в случае различного значения ширины/высоты соседнего блока, которое зависит от его содержимого? Значение auto, работает каким-то непостижимым мне загадочным способом.

Кажется, это все. Надеюсь на ваше сочувствие и понимание. :blush2: Заранее благодарен.

**Chester** · 20.07.2006, 22:54

Насколько я понимаю - все изображения служащие оформлением страницы - бэкграунды, "примочки" и тому подобная фигня - пихаешь в CSS - id, а потом обращаешься к нему из <td>/<div> (смотря какой способ верстки предпочитаешь).

Если нужно сделать изображение ссылкой - то указываешь для обьекта (например для <a>) id в котором пропиcываешь background-image: url('sourse.gif&#39

и задаешь стиль ссылки.

насчет остальных вопросов не уверен - промолчу.

**Zigzag** · 20.07.2006, 23:11

о, спасибки, хотелось бы на остальные услышать ответы

**Rayan** · 21.07.2006, 03:10

1. Насколько я понял, все графические элементы дизайна странички в документ должны подгружаться только через css-файл?

Не совсем правильная формулировка
Должна быть вынесена в цсс вся графика которая не является контентом

2. Если на предыдущий вопрос ответ утвердительный, то правильно ли я понимаю, что для позиционирования таких изображений в документе небходимо каждое заключить в отдельный DIV-блок?

вобще непонял связи с предыдущим. дайте подробно проблему

3. Я так и не понял сути relativ-позиционирования.

Вот очень хорошая статья:
[Только зарегистрированные пользователи могут видеть ссылки. ]

4. Как быть в случае, если мне необходимо изображение сделать ссылкой, но оно подгружено через css-файл? Правильно ли будет его заключить в отдельный DIV-блок, который в свою очередь заключить в пару тэгов <a></a>?

Другого способа я незнаю. Собственно почему вас такой способ волнует?
Можно еще сделать как советует сосед выше, но учтите что в строчных элементах ИЕ5 не делает пэддингов.
Хотя может делает прикакихто особых условиях но у меня педдинги на А не заработали.

5. Как же все-таки достигается растягиваемость того или иного DIV-блока, для обеспечения масштабируемости в случае различного значения ширины/высоты соседнего блока, которое зависит от его содержимого?

Только шаманский бубен поможет.

Читайте тот сайт что я дал ссылку. Очень хорошие вещи написаны

**Zigzag** · 21.07.2006, 16:42

большое спасибо всем за ответы

Originally posted by Rayan@Jul 21 2006, 03:10
[b]Можно еще сделать как советует сосед выше, но учтите что в строчных элементах ИЕ5 не делает пэддингов.

здесь же считаю уже неуместной поддержку ие5

**Zigzag** · 21.07.2006, 16:58

Originally posted by Chester@Jul 20 2006, 22:54
[b]Если нужно сделать изображение ссылкой - то указываешь для обьекта (например для <a>) id в котором пропиcываешь background-image: url('sourse.gif&#39

и задаешь стиль ссылки.

Вот, что сделал я:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div></div>
</body>
</html>

Код:

#btn_copyright a:link {
****background: url(images/btn_copyright.gif) no-repeat;
****width: 152px;
****height: 14px;
}

В TopStyle 3.1 я вижу эту картинку в закладке Preview, однако ни в Opera 9.0, ни в FireFox 1.5.0.4, нив IE 6.0 не подгружается картинка. Что я не так делаю?

**null** · 21.07.2006, 17:00

Originally posted by Zigzag@Jul 20 2006, 21:28
[b]4. Как быть в случае, если мне необходимо изображение сделать ссылкой, но оно подгружено через css-файл? Правильно ли будет его заключить в отдельный DIV-блок, который в свою очередь заключить в пару тэгов <a></a>?

зачем так сложно? привяжите изображение к ссылке, напишите, что она display: block и задайте ей размеры изображения.

**Chester** · 21.07.2006, 21:07

Originally posted by Zigzag@Jul 21 2006, 11:58
Вот, что сделал я:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div></div> </body> </html>

Код:

#btn_copyright a:link { ****background: url(images/btn_copyright.gif) no-repeat; ****width: 152px; ****height: 14px; }

В TopStyle 3.1 я вижу эту картинку в закладке Preview, однако ни в Opera 9.0, ни в FireFox 1.5.0.4, нив IE 6.0 не подгружается картинка. Что я не так делаю?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

Ты даже не посмотрел как я написал пример кода... ))
Чтобы Файрфокс и опреа видели картинку - нужно не background: url(pic.gif) а background-image: url('pic.gif&#39 - и все окей )

это только ИЕ все по барабану - он дубовый ))

**Zigzag** · 21.07.2006, 21:27

упс, точно, но вот поразительно то, что у меня и с background все заработало =) и даже в ИЕ

**Pupil** · 21.07.2006, 22:29

Originally posted by Zigzag@Jul 21 2006, 19:27
упс, точно, но вот поразительно то, что у меня и с background все заработало =) и даже в ИЕ
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
И должно работать, ведь background - это короткая форма записи свойств фона. Она включает:
background-attachmentl;
background-color;
background-image;
background-position;
background-repeat;

**makeitso** · 21.07.2006, 22:32

здесь же считаю уже неуместной поддержку ие5

Это с какого перепугу? Хотя если речь только о данном случае, то конечно согласен, но если в целом — нет

Чтобы Файрфокс и опреа видели картинку - нужно не background: url(pic.gif) а background-image: url('pic.gif&#39

- и все окей )

Ерунда. Не работало в связи с a:link. Надо либо писать a:link, a:visited{}, либо просто a{}.

**Pupil** · 21.07.2006, 22:56

определен стиль

Код:

#btn_copyright a:link {
background: url(images/btn_copyright.gif) no-repeat;
width: 152px;
height: 14px;
}

В каком из блоков он будет работать?

Код:

<div></div>

<div id="btn_copyright"></div>

**makeitso** · 21.07.2006, 23:02

Pupil, во втором

**Zigzag** · 23.07.2006, 19:16

кстати, тут ко мне в голову пришла мысль...
если все изображения, которые не я вляются контентом, частью дизайна подгружать нужно через CSS, то каким образом подгружать flash, не являющийся частью контена, а соответственно - частью дизайна?

**DareDevil** · 24.07.2006, 20:34

Не занимайся ерундой и грузи через обжект.

**Zigzag** · 24.07.2006, 21:27

нет, ну на самом деле, если следовать философии разделения контента и оформления, какие еще мнения?

**makeitso** · 24.07.2006, 21:46

Я фигею

Можно долго размышлять на тему «какой плохой флеш» и о т.п. вещах, но в жизни несколько иначе все получается. Либо ты вставляешь флеш, либо не вставляешь. Третьего не дано

Либо ты работаешь и не паришься, либо тебе ищут более адекватную замену, а ты с апломбом «тру-стандартиста-философа» сидишь и размышляешь о смысле бытия

Ну и флеш, конечно, не только для оформления используется

**Zigzag** · 25.07.2006, 01:11

я говорю именно о флэше для оформления и, если нет иного способа, то буду вставлять, как и вставля =)

**DareDevil** · 25.07.2006, 01:36

Предложение №2: не используй флеш для оформления.

Тема: Мои нерешенные вопросы

Опции темы

Поиск по теме

Отображение

Похожие темы

вопросы к гуру

Вопросы по Mental Ray в 3dMax

Вопросы в космос.

некоторые вопросы

Вопросы по WebMoney

Ваши права