pattaya
-
Posts
82 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by pattaya
-
Да, начинаю изучать. Да код, и спасибо за помощь
-
Я тоже заметил что class="sidebar" нету, может этот класс будет использоваться в 3-х колон. макете!?
-
Да, посмотрел, но ответа на свой вопрос не нашел. Может мне "твердолобому" кто-то объяснить?Вообще Моя цель была: двух колоночный макет, резиновый с одинаковыми колонками по высоте, ну и нашел, и конечно-же решил разобрать (повторюсь) структуру кода. ссылка на генератор
-
Ну допустим что у #wrapper- width: не 100%, ф 1000пх, у #middle-width:100%, то есть 1000пх, бордер у него 250пх, а #coainentr -width:100%, то есть 750пх и мы задаем #coainentr - margin-right: -100%, что этот margin делает, я пробовал выключать, включать ,что-то меняется но почему и как не догоняю
-
Вот: HTML <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="middle"> <div id="container"> <div id="content"> </div><!-- #content--> </div><!-- #container--> <div class="sidebar" id="sideLeft"> </div> <!-- .sidebar#sideLeft --> </div><!-- #middle--> <div id="footer"> </div><!-- #footer --> </div><!-- #wrapper --> </body> CSS #wrapper { width: 100%; min-width: 800px; } /* Header —————————————————————————--*/ #header { height: 150px; background: #FFE680; } /* Middle —————————————————————————--*/ #middle { border-left: 250px solid #B5E3FF; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } /* Sidebar Left —————————————————————————--*/ #sideLeft { float: left; width: 250px; position: relative; background: #B5E3FF; left: -250px; } /* Footer —————————————————————————--*/ #footer { height: 100px; background: #BFF08E; }
-
Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?
-
Спасибо большое за помощь!
-
Я верстал на мон. 1920*... , и все вроде нормально, но включив 1024*... произошел ужас, все по ширине съехало. Так как все таки правильно нужно размещать блоки и друг от друга и внутри отступы,размер текста наконец, где почитать инфу?
-
Тогда нужно ставить отступы в блоках тоже в % или как?
-
Спасибо большое всем за ответы: не спорю, по этому попросил знающих людей помочь и подсказать - что и где не так!
-
когда крутишь колесико мышки тогда блоки сползают, гор.меню тоже,
-
Добрый вечер. При масштабировании вся страница расползается в разные стороны. Подскажите пожалуйста, что, как, почему так получается, на что нужно обратить внимание. Еще не разу ни пробовал резиновый макет ...,вот ссылка на страничк:http://pattaya-solntsev.narod.ru/Sky/sky.html
-
Оппппппппппппа!?
-
А используя html+ccs- это не возможно сделать?
-
Здравствуйте! Подскажите пожалуйста по мере возможности, как сделать такое меню, с li-inline понятно, а с возможностью при нажатии появляется border буквой П и так т.д, картинка:
-
Да, это просто для теста. Спасибо, cursor:pointer - помог
-
Я спаном-рисунком закрыл текст-ссылку "Home"
-
Нет, дело не в hover или onMouseOver , просто когда наводишь прямо на ссылку, курсор мыши должен изменить свой вид, а он становится "активным" только под самой ссылкой-это происходит в ie6 и7, ссылка на док. в инете: проверка
-
Добрый вечер! Подскажите пожалуйста, почему в IE6 и 7 не корректно работают ссылки при наведении мыши, а в остальных все ок., проблемная часть кода: .menu ul {list-style:none; position:relative; top:65px; text-align:center; line-height:32px; } .menu li {display: block; position: relative; width:100%; } .menu a {display: block; height:100%; } #home {display:block; background-image: url(../img/home-red.gif); width: 192px; height: 18px; position: absolute; background-repeat: no-repeat; top: 5px; left: 50%; margin-left:-96px; } <div class="menu"> <ul> <li><a href="index.html">Home<span id="home"></span></a></li> <li><a href="index.html">Home<span id="home"></span></a></li> <li><a href="index.html">Home<span id="home"></span></a></li> <li><a href="index.html">Home<span id="home"></span></a></li> <li><a href="index.html">Home<span id="home"></span></a></li> <li><a href="index.html">Home<span id="home"></span></a></li> </ul> </div><!-- menu -->
-
Понял, спасибо!
-
Ok., спасибо большое. А использовать <span> с display:inline-block и нижним бордером не рекомендуется? Мне просто хочется научиться правильно "составлять" код! Еще раз спасибо!
-
нет, так и должно быть
-
-
Ну, а если без рисунка, а просто бордер-топ в спане(он же инлайн), то полосы не будет, я так понимаю, а если display:inline-block - тогда полоса получается, или это не правильное решение?
-
Да, возможно, это <span> с display:inline-block?