|
Сайтостроение
|
|
| _ZHeKa_ Ассасин Сообщений: 2514
Награды: 15
Репутация: 137
Известность: 20%
Статус: Вне Анимуса | | #1 | Написано: 04.02.2011, 14:41 |  |
|  В этой теме говорим о языках программирования, о сайтостроение и т.д, также даём советы новичкам.
Хорошие учебники по HTML и CSS:
http://www.postroika.ru/html/content2.html
http://www.htmlbook.ru/content/
http://forum.assassingame.ru/misc/uchebnik_html.chm
http://www.tigir.com/
Если есть вопрос, тщательно обдумайте его и сделайте всё, чтобы отвечающие смогли вас понять и помочь в решении вопроса.
Снабдите свою просьбу ссылкой на сайт (доступ для гостей должен быть открыт). Если проблема видна не гостю, то обеспечьте помогающему доступ к сайту как пользователю.
Отвечающие, если сомневаетесь в ответе, воздержитесь от его написания, лже-советы и ответы-пустышки никому не нужны.
Все ответы относительно основ HTML и CSS можно узнать на сайтах, приведённых выше. |
|
| Инквизитор Да прибудет с тобой сила Сообщений: 1931
Награды: 15
Репутация: 282
Известность: 0%
Статус: Вне Анимуса | | #201 | Написано: 17.02.2012, 13:33 | |
| Quote (Jack) http://lorenessa.beon.ru -
97-ой занялся веб-дизайном. Снова.
Страх приведет к темной стороне. Страх рождает гнев; гнев рождает ненависть; ненависть — залог страданий. Я сильный страх в тебе ощущаю. |
|
| Strateg Лол Сообщений: 2173
Награды: 35
Репутация: 111
Известность: 0%
Статус: Вне Анимуса | | #202 | Написано: 28.03.2012, 23:23 | |
| Вопрос:
Что нужно прописать, чтобы при наведении курсора на изображение ссылку, она меняла своё положение(как 4 иконки вверху)? |
|
| Nightrunner :] Сообщений: 12671
Статус: Вне Анимуса | | #203 | Написано: 28.03.2012, 23:25 | |
| Quote (Strateg) Что нужно прописать, чтобы при наведении курсора на изображение ссылку, она меняла своё положение(как 4 иконки вверху)?
в hover-е определённого элемента установить нужный padding или margin, на своё усмотрение.
|
|
| Strateg Лол Сообщений: 2173
Награды: 35
Репутация: 111
Известность: 0%
Статус: Вне Анимуса | | #204 | Написано: 29.03.2012, 18:52 | |
| Nightrunner, спасибо.
Добавлено (29.03.2012, 18:52)
---------------------------------------------
Nightrunner, хех. На одном работает, а если ещё поставить то нет.
HTML
Code <a class="ИМЯ КЛАССА" href="URL" title="БЛАБЛА"> <img hspace="10" src="КАРТИНКА"> </a> <a class="ИМЯ КЛАССА" href="URL" title="БЛАБЛА"> <img hspace="10" src="КАРТИНКА"></a> </a>
и
CSS
Code
a.ИМЯКЛАССА {width:КОЛ-ВОpx; height:КОЛ-ВОpx; display:inline-block;}
a.ИМЯКЛАССА:hover {margin-top:КОЛ-ВОpx }
Все сылки, названия были заменены капсом.
Сообщение отредактировал Strateg - Четверг, 29.03.2012, 18:53 |
|
| Nightrunner :] Сообщений: 12671
Статус: Вне Анимуса | | #205 | Написано: 29.03.2012, 18:58 | |
| Strateg, примени классы к картинкам, а не к ссылкам, CSS соответственно подкорректируй. Попробуй padding вместо margin.
Кстати, ещё можно так обозначать:
Code {padding: 5 7 8 10px;}
что означает отступ сверху (5px), справа (7px), снизу (8px) и слева (10px).
|
|
| Strateg Лол Сообщений: 2173
Награды: 35
Репутация: 111
Известность: 0%
Статус: Вне Анимуса | | #206 | Написано: 29.03.2012, 19:01 | |
| Quote (Nightrunner) CSS соответственно подкорректируй
Т.е.
Не
,а
так?
Сообщение отредактировал Strateg - Четверг, 29.03.2012, 19:02 |
|
| Nightrunner :] Сообщений: 12671
Статус: Вне Анимуса | | #207 | Написано: 29.03.2012, 19:02 | |
| Strateg, можно и так, можно и просто начать с точки.
|
|
| Strateg Лол Сообщений: 2173
Награды: 35
Репутация: 111
Известность: 0%
Статус: Вне Анимуса | | #208 | Написано: 29.03.2012, 20:58 | |
| Хм...
Сделал так
HTML
Code <a href="URL" title="БЛАБЛА"> <img class="ИМЯ КЛАССА" hspace="10" src="КАРТИНКА"> </a> <a href="URL" title="БЛАБЛА"> <img class="ИМЯ КЛАССА" hspace="10" src="КАРТИНКА"></a> </a>
,а в CSS
и заменял на padding
и делал так
Quote (Nightrunner) {padding: 5 7 8 10px;}
Не чего не работает.
З.Ы. Эти элементы одинаковы может в этом дело?
Добавлено (29.03.2012, 19:18)
---------------------------------------------
Браузер:
Opera 11.61
Добавлено (29.03.2012, 19:46)
---------------------------------------------
Проблема решена. Поставил таблицу и всё. И к тегам столбцов(td) поставил класы.Добавлено (29.03.2012, 20:58)
---------------------------------------------
Ещё столкнулся с проблемой. Пытаюсь поставть фон, 0 реакции.
Code
/* General Style */
body {ВСЯКИЙ КОД; background:url(ССЫЛКА НА КАРТИНКУ);}
Сообщение отредактировал Strateg - Четверг, 29.03.2012, 19:46 |
|
| Nightrunner :] Сообщений: 12671
Статус: Вне Анимуса | | #209 | Написано: 29.03.2012, 21:09 | |
| Quote (Strateg) поставть фон
http://htmlbook.ru/css/background-image
|
|
| Strateg Лол Сообщений: 2173
Награды: 35
Репутация: 111
Известность: 0%
Статус: Вне Анимуса | | #210 | Написано: 29.03.2012, 21:38 | |
| | Nightrunner, спасибо. Добавлено (29.03.2012, 21:38)
---------------------------------------------
Ещё одна проблемка.
Вот:
Как уменьшить эту херню? |
|
| Ягайло Ветеран Сообщений: 1308
Награды: 39
Репутация: 103
Известность: 0%
Статус: Вне Анимуса | | #211 | Написано: 01.04.2012, 14:00 | |
| Не работает кнопка входа, хотя если нажать Enter всё работает.
Code <td align="center" valign="top"><a href="$LOGIN_LINK$"><img title="Вход" src="http://sait/images/vxod.gif" alt="Вход" border="0" /></a></td>
Сообщение отредактировал Ягайло - Воскресенье, 01.04.2012, 14:04 |
|
| Nightrunner :] Сообщений: 12671
Статус: Вне Анимуса | | #212 | Написано: 01.04.2012, 14:04 | |
| Ягайло, кнопку входа сделай через input.
Вообще сомневаюсь, что конструкция из < a > и < img > должна работать в этом случае.
|
|
| Ягайло Ветеран Сообщений: 1308
Награды: 39
Репутация: 103
Известность: 0%
Статус: Вне Анимуса | | #213 | Написано: 01.04.2012, 14:11 | |
| | Nightrunner, можно пример? Нажимаешь на картинку -> входишь в систему. |
|
| Nightrunner :] Сообщений: 12671
Статус: Вне Анимуса | | #214 | Написано: 01.04.2012, 14:22 | |
|
Code <input name="sbm" type="submit" value="войти в профайл"/>
К этому элементу можно нужно прописать стиль, в том числе и картинку, если так хочешь. Юзай background-image.
|
|
| Ягайло Ветеран Сообщений: 1308
Награды: 39
Репутация: 103
Известность: 0%
Статус: Вне Анимуса | | #215 | Написано: 01.04.2012, 14:32 | |
| Nightrunner, спасибо, наверное поставлю обычную кнопку  |
|
| Strateg Лол Сообщений: 2173
Награды: 35
Репутация: 111
Известность: 0%
Статус: Вне Анимуса | | #216 | Написано: 01.04.2012, 14:40 | |
| | Ягайло, типы для тега <input> (тык) |
|
| Ягайло Ветеран Сообщений: 1308
Награды: 39
Репутация: 103
Известность: 0%
Статус: Вне Анимуса | | #217 | Написано: 01.04.2012, 14:50 | |
| | Strateg, это я уже прочитал, меня больше волнует, что я не знаю css) |
|
| Strateg Лол Сообщений: 2173
Награды: 35
Репутация: 111
Известность: 0%
Статус: Вне Анимуса | | #218 | Написано: 01.04.2012, 14:54 | |
| | Ягайло, Самоучитель |
|
| Ягайло Ветеран Сообщений: 1308
Награды: 39
Репутация: 103
Известность: 0%
Статус: Вне Анимуса | | #219 | Написано: 01.04.2012, 15:01 | |
| | Strateg, уже |
|
| Nightrunner :] Сообщений: 12671
Статус: Вне Анимуса | | #220 | Написано: 01.04.2012, 15:01 | |
| Strateg, ценный советчик. Все ссылки в шапке темы.
|
|
