Dlynnyj

1 час назад, Николя223 сказал:

нэт такого свойства

box-sizing

опечатка)))))

box-sizin:border-box;

не конает?

не за что обращайтесь))))

<li>
     <input type="radio" name="point" id="slide1" checked>
     <label for="slide1"><a href="{{ page }}/">Какоето Описание</a></label>
</li>

for="point" забыл еще поменять

/*фиксированное плавающее меню*/
#top_nav{
   top: 150px; /** высота шапки в пикселях**/
   position: fixed;
   z-index: 1000;
   border-bottom:1px dotted #999;
   border-top:1px dotted #999;
   width:990px;
   background:#f0f0f0;
}
#top_nav ul{
	overflow:hidden;
}
#top_nav ul li{
	float:left;
	margin-right:40px;
	list-style:square;
	padding:15px 0;
	color:#666;
}
#top_nav ul li.first{
	margin-left:20px;
}

#top_nav a{
	text-decoration:none;
	color:#666;
	font-family:"Trebuchet MS";
	font-size:.9em;
	border-bottom:1px dashed #666;
}

#top_nav a:hover{
	border-bottom:none;
}

выдрал прямо с кода сайта

или

@media(max-width 800px) {
	input:focus { // Нужное написать
		margin-bottom: 150px;
	} 
}

http://htmlbook.ru/css/-moz-orient

а вообще Вы чтото не дописали в JS потому что height  в разных броузерах разный

ройте там 

Тут нужна конструкция if....else. Если чистый хтмл то тяжко но можно.

А дальше на выбор JavaScript or php

а не проще было в псевдо класе @media для определённого разрешения при активном этом поле добавить отступ снизу?

для начала не плохо бы изменить формат файла.

и я указываю обычно так 

background-image: url("img/my.png");

width: 100%;
white-space:nowrap;

8 часов назад, Launder сказал:

Решение красивое, а зачем в нём div class=overlay, а также class="close" у тега <a>?

Копи-паст зло :-))

Код вырван из текстов где много кнопок потому и клас Баттон

А вот оверлей в том же коде насколько помню делал закрытие окна при нажатии на затененную область

Посмотрите пожалуйста мою первую работу. И подскажите какие я допустил промахи если не тяжело.

Говорю сразу что адаптивность пока не делал ибо основная часть до конца не завершена (фантазия заканчивается:((((()

может кто-то какие-то предложения даст.

На оформление пока сильно тоже не заморачивался, задача функционал освоить.

http://dlynnyj.ho.ua/

CSS3 учи и делай один стиль для всех страниц

А можна и так

https://jsfiddle.net/Dlynnyj/m06738bz/

transition-property: margin-top;
transition-delay: 0.3s;

А как ты прописываешь размеры?

В 20.04.2012 в 12:25, flintovich сказал:

Сверстал этот макетик.

Довольно хорош, получил большое удовольствие.

Если кому интересно, то кину ссылку на него в вебе.

не откажусь попробовать

спасибо за ссылку.

полезная вещь

ну скажем так сам пока бы не смог сделать (опыта и знаний маловато)

но нагуглить смог

я чесно говоря только заканчиваю изучать html & css. php на уровне синтаксиса и элементарных функций. JS мельком пролистывал.

Но есть огромное желание учиться.

сейчас подумаю и попробую

Учу WEB програмирование.

Хотелось бы это делать на реальных сайтах, так как считаю что придумывание всяких задач не даст должного результата.

По оплате я думаю что в данной ситуации говорить не о чем))))

Но благотворительность приветствуется))))))