DarkEnot
-
Posts
11 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by DarkEnot
-
-
Немного поковырявшись, пришёл к такому результату.
https://jsfiddle.net/dvaw36cw/1/
Всё же, как двигать эти ссылки в верхнем меню? top: Npx; не хочу использовать, ведь на разных экранах будет по разному.
-
43 минуты назад, klierik сказал:
Вот, тебе по образу и подобию делать надо: https://jsfiddle.net/2tzd5spu/
Результат вышел всё равно не таким...
Вот весь код на всякий случай https://jsfiddle.net/u0tx4140/
Левый блок с меню почему-то ушёл наверх. Это случилось после добавления:.top_menu{ position: absolute; left: 0; right: 0; bottom: 0; }
-
37 минут назад, klierik сказал:
https://jsfiddle.net/omho4L6y/
Если я правильно понял, то изображения там нельзя загружать. -
1 час назад, klierik сказал:
В таком случае начни с "Помогите мне с ..." — Как правильно оформить вопрос/проблему
С этим постом ознакомлен, но перечитав своё первый пост, я понял, что задача мною не чётко выражена...
То, что я имею сейчас, есть в первом посте.
Тут я выкладываю вариант конечного результата. (С оформлением трудностей не возникнет, проблема конкретно в расположении ссылок поверх картинки (голубой фон - это картинка.) )
-
3 часа назад, klierik сказал:
Начни чтение с этого — http://htmlbook.ru/css/position
Прочитал, но не понял, как применить в моём случае. Если я не ошибаюсь, мне надо использовать "position: absolute;", ведь только этот метод опирается на родительский элемент, но если я прописываю это к нужной мне ссылке, то всё идёт коту под хвост.
-
Уважаемые форумчане, подскажите, как расположить меню поверх картинки?
Картинки и "Главная" находятся в одном div`e, но как их объединить - не знаю. Какая функция за это отвечает? В нужное русло направьте, а дальше я сам)
Заранее спасибо.
-
Спасибо за помощь, проблема решена.
-
Только что, klierik сказал:
А в чём была ошибка? Если не сложно.
Кстати, спасибо за быструю помощь -
-
Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается).
Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо
HTML:
Скрытый текст<!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <link href="style.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="header"> <div class="l_head"> <img src="img/logo.png"> </div> <div class="r_head"> <div class="top_menu_index"> </div> <img src="img/fon_menu1.png"> </div> </div> <div class="side_1"> <div class="l_menu"> <b>строка 1</b> </br> <a href="">строка 2</a> </div> <div class="content"> Контент </div> <div class="r_menu"> Правое меню </div> </div> <div class="footer"> <center>FOOTER</center> </div> </body> </html>
CSS:
Скрытый текстbody{ background-color: #eeeeee; } .header{ height: 168px; margin-bottom: 1%; border: 1px solid black; width: 100%; } .l_head{ display: inline-block; text-align: left; } .r_head{ display: inline-block; border: 1px solid black; } .logo{ } .top_menu_index{ display: inline-block; } .top_menu{ } .side_1{ text-align: center; width: 100%; } .l_menu{ text-align: center; background: #BCC9CD; display: inline-block; border: 3px double black; width: 20%; min-width: 150px; height: 400px; } .content{ text-align: left; background: #BCC9CD; display: inline-block; border: 3px double black; width: 55%; min-width: 150px; height: 400px; } .r_menu{ text-align: left; background: #BCC9CD; display: inline-block; border: 3px double black; width: 20%; min-width: 150px; height: 400px; } .footer{ margin-top:1%; border: 1px solid black; width: 100%; height: 100px; background: #71AFC0; }
Размещение меню поверх картинки.
in HTML Coding
Posted
Извиняюсь, насчёт картинок затупил.
https://jsfiddle.net/dvaw36cw/7/ Вариант с картинками. В идеале надо сделать, чтобы изображение было статичного размера, а поверх изображения были ссылки в статичных местах. Если экран маленький, то есть полоска прокрутки.