psywalker
-
Posts
13707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Оксан, ты хотела написать так: <a href="#q2">Перейти к вопросу №2</a> <div name="q2">Вопрос №2</div>
-
Например?
-
Ужасно * html вот так даже было бы лучше.
-
Открой сайт, и прочитай как это делается. За тебя никто читать не будет.
-
из за этого боялся... но нету у меня фф2 надеюсь их не много Да, ФФ2 ещё пользуется огромное кол-во людей, целых 0.1% в месяц
-
.img { width:67px; height:67px; background: #FF0000; position: relative; z-index: -1; }
-
Блин, ну ты даёшь короче. Решение, которое я привёл, ничем не хуже вроде и выполняет твою задачу, тем-более если у тебя размеры фикс)
-
Зачем им абсолют? Ведь они выполняют свою задачу и без него? Растягивают общий контейнер и контент под ними?
-
Ну так решение тебе уже привели, подсказок дали море, дальше думаю сам уже допилишь.
-
Один в один.
-
да да, крутяк, теперь флоты не модно, до этого было таблицы не модно То, что я слышу, полный бред, я всегда отталкиваюсь от конкретной задачи, и если надо, то и таблицами сделаю, не задумываясь. а как я их отодвину ? я не знаю их размера. размер задаётся по содержимому текста... А релатив придумали для кого? А отрицательные margin?
-
С решением конкретной задачи.
-
А подумать мозгами слабо и убрать селектор? А почему нельзя просто верхние блоки немного отодвинуть в разные стороны? Не думал об этом? Да и хрен с ними, если бы ты не подмигивал всем так часто, а читал книги, то знал бы, как это лечится
-
Блин, ну я же выше ДВА раза говорил, что нужно делать, что за непонятный игнор? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0;} .wrap { display: inline-block; background: red; white-space: nowrap; padding: 10px;} .wrap .top {vertical-align: top; display: inline-block; height: 100px; background: blue;} .wrap .content { height: 300px; background: black;} .wrap > div { white-space: normal;} </style> </head> <body> <div class="wrap"> <div class="top">dsfsdsd sd dsds ds ds sd f</div> <div class="top">sfsdfssdfsdfsdfsfsdsdsd ds sddsdsds sdds dsds </div> <div class="content"></div> </div> </body> </html>
-
-
Нет, не так.
-
Я сверху уже написаал решение. Только забыл добавить, что например главный контейнер тоже пусть будет inline-block;
-
А по сколько % ширины верхние блоки?
-
Для верхних используй inline-block, а для нижнего обычный блок.
-
Ну не знаю, мне лично например просто в кайф помогать другим, и делая это - учусь сам Да там ерунда вроде. Тупо фон поставь левый.
-
Нет, я обожаю вёрстку и всё своё свободное время посвящаю ей. Ещё понемногу учу JS.
-
Все li выровненны так, что по ширине как раз по размеру footer-wpapper-а, слева от li сразу же идет ещё один, справа - край footer-wpapper-а. В wordpresse позиции виджетов организованы через ul>li потому и приходиться через идентификаторы играться с их позициями. Но что бы overflow:hidden намертво стоял, такого ещё не встречал. Тоесть надо сделать так что бы бэкграунд вылазил и за footer-wpapper (там overflow:visible тоже прописан). и под соседние li Конструкция получается сложноватая потом не могу сгенерить код, как тольок будет время слеплю. Пока что только на продакшене есть, выхода в глобальную нет, в целях безопасносит Я дал тебе пищу для размышления, а ты проигнорил её. Жаль.
-
Можешь скинуть свой пример как ты реализовал меню? Мне в принципе хватит одного js кода думаю. Блин, ну ты даёшь, я ж тебе говорил, чтобы ко-мне обратился <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 4</title> <style type="text/css"> * { margin: 0; padding: 0;} body {} .header { height: 200px; background: blue;} #menu { width: 200px; height: 200px; background: red; position: absolute; top: 200px; left: 20px; } </style> </head> <body> <div class="header"></div> <div id="menu"> </div> <div class="content"> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </div> <script type="text/javascript"> var menu = document.getElementById('menu'); window.onscroll = function(){ var scroll = document.documentElement.scrollTop || document.body.scrollTop; if(scroll >= 200){ menu.style.top = scroll + 'px'; }else { menu.style.top = 200 + 'px'; } } </script> </body> </html>
-
Для этого не нужен JS, можно сделать якори на ссылках.
-
Высота body схлопнулась в ноль из-за float: left; у меню
