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

Вид для печати

20.07.2006, 22:28
Zigzag

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

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

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

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

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

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

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

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

насчет остальных вопросов не уверен - промолчу.
20.07.2006, 23:11
Zigzag

о, спасибки, хотелось бы на остальные услышать ответы
21.07.2006, 03:10
Rayan

Цитата:

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

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

Цитата:

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

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

Цитата:

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

Вот очень хорошая статья:
[Only registered and activated users can see links. Click Here To Register...]

Цитата:

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

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

Цитата:

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

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

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

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

Цитата:

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

здесь же считаю уже неуместной поддержку ие5
21.07.2006, 16:58
Zigzag

Цитата:

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

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

Код:

<!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 не подгружается картинка. Что я не так делаю?
21.07.2006, 17:00
null

Цитата:

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

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

Цитата:

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'>[Only registered and activated users can see links. Click Here To Register...]</div>

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

это только ИЕ все по барабану - он дубовый ))
21.07.2006, 21:27
Zigzag

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

Цитата:

Originally posted by Zigzag@Jul 21 2006, 19:27
упс, точно, но вот поразительно то, что у меня и с background все заработало =) и даже в ИЕ
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

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

Цитата:

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

Это с какого перепугу? Хотя если речь только о данном случае, то конечно согласен, но если в целом — нет [Only registered and activated users can see links. Click Here To Register...]

Цитата:

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

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

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

Код:

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

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

Код:

<div></div> <div id="btn_copyright"></div>
21.07.2006, 23:02
makeitso

Pupil, во втором [Only registered and activated users can see links. Click Here To Register...]
23.07.2006, 19:16
Zigzag

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

Не занимайся ерундой и грузи через обжект. [Only registered and activated users can see links. Click Here To Register...]
24.07.2006, 21:27
Zigzag

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

Я фигею [Only registered and activated users can see links. Click Here To Register...] Можно долго размышлять на тему «какой плохой флеш» и о т.п. вещах, но в жизни несколько иначе все получается. Либо ты вставляешь флеш, либо не вставляешь. Третьего не дано [Only registered and activated users can see links. Click Here To Register...] Либо ты работаешь и не паришься, либо тебе ищут более адекватную замену, а ты с апломбом «тру-стандартиста-философа» сидишь и размышляешь о смысле бытия [Only registered and activated users can see links. Click Here To Register...]

Ну и флеш, конечно, не только для оформления используется [Only registered and activated users can see links. Click Here To Register...]
25.07.2006, 01:11
Zigzag

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

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