Destrifer
-
Posts
93 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Destrifer
-
т.е. по дивам все нормально... вешаю оформление - все как-то расходится
-
<!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>Untitled Document</title> <style> .div1 { width: 164px; position: absolute; top: 30%; background-color:#009999; } .div1 > a { display: block; text-decoration: none; color: #ffffff; padding: 5px; background:#212121; border: 2px ridge #000; } .div1 > a:hover {background: #7f7f7f;} .div2 { width:36px; height:36px; position:absolute; right:-36px; top:50%; margin-top:-18px; } .div2 a { text-decoration: none; color: #ffffff; border: 2px ridge #000; background:#212121; padding: 30px 5px; line-height:36px; } .div2 a:hover {background: #7f7f7f;} .div3 { width:36px; height:36px; position:absolute; top:0px; left:50%; margin-left:-41px; } .div3 a { text-decoration: none; color: #ffffff; border: 2px ridge #000; background:#212121; padding: 5px 30px; } .div3 a:hover {background: #7f7f7f;} .div4 { width:100px; height:100px; position:absolute; left:50%; top:100%; margin-left:-41px; .div4 a { text-decoration: none; color: #ffffff; border: 2px ridge #000; background:#212121; padding: 5px 30px; } .div4 a:hover {background: #7f7f7f;} </style> </head> <body> <div class="div1"> <a href="#" >123</a> <a href="#" >123</a> <a href="#" >123</a> <a href="#" >123</a> <div class="div2"><a href="#" >123</a></div> <div class="div3"><a href="#" >123</a></div> <div class="div4"><a href="#" >123</a></div> </div> </body> </html> Почему: к 4 диву стиль не цепляется? Убрать скажем "position:absolute;" из 3 дива - ползет все. Нужно верхний и нижний блоки сделать по центу первого дива прижатыми к краю снаружи (как справа).
-
Спасибо, не знал
-
The 'clip' property applies only to absolutely positioned elements. ссылка
-
Нужен clip и position: fixed Ввиду несовместимости первого со вторым ищутся альтернативы либо первому либо второму (возможно JS).
-
Точно, спасибо А как правильно отпарсить в данном случае значение стиля?
-
op=0; function my() { if(op == 200) {clearTimeout(sT);} op += 1; document.getElementById("tt").style.left = op + 'px'; sT=setTimeout('my()',10); } Прописываешь в условии return - работает, но он естественно не нужен.
-
Как один div выровнять по центру правого края другого?
Destrifer replied to Destrifer's question in HTML Coding
Точно, старею Все как надо работает, спасибо p.s. нужно было чтобы при динамическом изменении размера большего дива, меньший всегда оставался посередине. -
Как один div выровнять по центру правого края другого?
Destrifer replied to Destrifer's question in HTML Coding
Спасибо, насчет Вы все правильно поняли Вот только в Вашем коде не соблюдается, жесткая привязка к размерам, но я так понял что пока для css это inpossible -
И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)? p.s. первый div - блочный
-
Точно, спасибо всем.
-
Ну, страница со ссылками. Пользователь щелкает на одну из ссылок и на всю страницу открывается ее содержание. Т.к. они динамически подгружаемые, кнопка "назад" не дает желаемого эффекта. Если бы подругалась только часть страницы, все было бы ясно. Единственный вариант который лезет в голову, это , но хотелось бы найти более приемлимые варианты Что это? Динамически подгружаемые таблицы?
-
Имеем: В div подгружаем данные целиком на всю страницу. Как вернуться на главную страницу? Можно конечно на кнопку повесить подгрузку копии главной страницы, но хотелось бы найти более приемлемый способ.
-
Где это смотреть? Поставил firebug, он Content-Type нашел только в meta Теже грабли Это простые странички, просматриватся на локальном компьютере, по отдельности все ок, при использовании XMLHttpRequest- грабли(( Собственно вопрос решился преобразованием кодировок страниц в utf-8
-
В исходной и подгружаемой странице стоит: <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> В браузере стоит: Windows-1251 Исходная страница загружается нормально, подгружаемая - ромбики (( Танцы с бубном не помогли...
-
Все равно происходит наследование.
-
А подробнее? Я говорю про этот способ - http://habrahabr.ru/blogs/css/30565/, где создаем коздаем контернер, потом подложну, и на нее текст...
-
Сделал меню на css. Решил сделать его полупрозрачным. Столкнулься с 2 проблемами: 1.Поставил в ul opacity - все подменю меняют прозрачность по нарастающей. 2.Надписи тоже становятся полупрозрачными - вроде есть решение, текст в отдельный div пихать - но в случае со сложным каскадным меню делать этого не хотелось бы.