|
Как передвинуть меню с помощью CSSОбсуждение темы Как передвинуть меню с помощью CSS в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; На картинке показано куда и какую менюшку я хочу передвинуть, а вот сделать это никак не получается.... |
|
Опции темы |
06.05.2010, 00:34 | #1 |
|
На картинке показано куда и какую менюшку я хочу передвинуть, а вот сделать это никак не получается.
Последний раз редактировалось Nikolay-89; 06.05.2010 в 00:37.. |
|
06.05.2010, 00:42 | #2 |
|
|
|
06.05.2010, 00:45 | #3 | |
|
Цитата:
|
|
|
06.05.2010, 00:50 | #4 |
|
Круто
|
|
06.05.2010, 00:50 | #5 |
|
вот исходник участка
<div class="xg_module_body"> <div class="postbody"> <div class="adminbox xg_module xg_span-4 adminbox-right"> <div class="xg_module_head"> <h2>Opţiunile Administratorului</h2> </div> <div class="xg_module_body"> <ul class="nobullets last-child"> <li><a href="http://reteauamatematica.ning.com/profiles/blogs/metody-raskrutki-sajta/edit" class="xg_sprite xg_sprite-edit">Editare Articol</a></li> <li dojoType="TagLink" _actionUrl="http://reteauamatematica.ning.com/profiles/blog/tag?id=4765767%3ABlogPost%3A3407&xn_out=json" _tags="бесплатная, раскрутка, сайта"> <a class="xg_sprite xg_sprite-edit" href="#">Editare file proprii</a> </li> <li> <a class="xg_sprite xg_sprite-close" id="deleteBlogPostLink" href="#" _url="http://reteauamatematica.ning.com/profiles/blog/update?id=4765767:BlogPost:3407" title ="Vrei să ştergi acest articol de pe blog ?" _confirmQuestion ="Eşti sigur că vrei să ştergi acest articol de pe blog ? Aceasta poate dura câteva minute." >Ştergere Comentariu</a> </li> <li><a class="xg_sprite xg_sprite-setting" href="http://reteauamatematica.ning.com/profiles/blog/managePosts">Editează postările de blog</a></li> </ul> </div> </div> вот весь css: body, .xg_marginbg { background-position: 0px -30px; } #xn_bar { border-bottom: 2px solid #333; } /*---------------------------------------------------------------------- Header & Navigation (#xg_head and descendants) ----------------------------------------------------------------------*/ #xg_body { border-top:1px solid #000000; margin:0 0px; padding:5px 0 0 5px; width:auto; } .xg_welcome_box { margin-right:5px; } #xg_navigation { position:absolute; top:120px; width:100%; font-family:Verdana, Tahoma; color:#DCEEF8; } #xg_navigation ul { border-bottom:1px solid #000000; border-top:1px solid #000000; margin:0; padding:5px 0; height: 2em; } #xg_navigation ul li a{ color:#fff; padding: 0 8px; border-right:1px dotted #cccccc; font-weight: bold; } #xg_navigation ul li:last-child a{ border-right:none; } #xg_navigation ul li a:hover, #xg_navigation ul li.this a { color:#000000;/*333;*/ } #xg_masthead { padding-bottom: 23px; } #xg { border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC; margin-top:10px; } #xg.xg_widget_main_authorization { border-width:0; } #xg.xg_widget_main_authorization .xg_module { border-color:#bbb; } #xg.xg_widget_main_authorization #xg_body { margin:0; } #xg_masthead p#xg_sitename { padding:40px 0 0 10px; line-height:1.1em; font-size: 48px; } #xg_masthead p#xg_sitedesc { padding:0 0 38px 10px; font-size:16px; height:1.5em; } /*---------------------------------------------------------------------- Body (#xg_body and descendants) ----------------------------------------------------------------------*/ #xg #xg_body h1 { color: #040404; } .xg_module { border-top:1px solid #000; } .xg_1col div:first-child.xg_module, .xg_2col div:first-child.xg_module { border-top:none; } .xg_module_head { padding-left:16px; text-transform: uppercase; background:#D0F0C0 url(http://static.ning.com/socialnetwork...v=201003221300) no-repeat scroll 3px 8px; } #xg_module_account .xg_module_head { background-image: none; font-size:1.3em; padding:0; } .xg_module_head h2 { font-weight:normal; color:#000000; } .xg_module_body, .xg_module_foot { border-bottom: 1px dotted #cccccc; } .xg_module_body h3, .xg_module_body caption { color: #000000; } .module_events div.wrap { border:none; } .xg_floating_container .xg_module_head { padding-left:5px; background-image:none; } /*---------------------------------------------------------------------- Footer (#xg_foot and descendants) ----------------------------------------------------------------------*/ #xg_foot { padding:3px 10px; } #xg_foot a { color:#0076A3; } |
|
06.05.2010, 01:17 | #6 |
|
Трудно разобраться по фрагменту.Попробуй в css прописать .xg_module_body {
margin-top: 100px; margin-left: 100px; } - может чо сдвинется хотя сумневаюсь - поекспериментируй.Но лучше поставь Мозиллу и загрузи плагин firebug если нету - все покажет. |
|
06.05.2010, 09:53 | #7 |
|
По коду, который вы привели, можно сказать что у вас не закрыты
<div class="xg_module_body"> и <div class="postbody"> |
|
06.05.2010, 10:20 | #8 |
|
Он просто вырезал кусок кода - там наверно все на дивах построено. Я бы лучше подключил таблицу или фреймворк.
|
|
06.05.2010, 10:36 | #9 | |
|
Цитата:
какие вопросы у тс, такие и ответы. |
|
|
07.05.2010, 17:13 | #10 |
|
|
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Имитирование таблицы с помощью <div> | coffe_drinker | HTML, CSS, JavaScript | 5 | 25.04.2011 19:33 |
Миникалькулятор с помощью JS | Dejust | HTML, CSS, JavaScript | 13 | 13.09.2009 08:03 |
Меню на cms DLE, вид меню, папки (открыты, закрыты) | 74ivan74 | Кальянная | 0 | 12.08.2009 20:03 |
Позиционирование <div> с помощью css | KUZEN | HTML, CSS, JavaScript | 5 | 11.07.2006 13:41 |
С помощью чего??? | ivan341 | Растровая графика | 9 | 16.11.2005 16:49 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|