Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Как передвинуть меню с помощью CSS

Обсуждение темы Как передвинуть меню с помощью CSS в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; На картинке показано куда и какую менюшку я хочу передвинуть, а вот сделать это никак не получается....


Закрытая тема
 
Опции темы
Старый 06.05.2010, 00:34   #1
На картинке показано куда и какую менюшку я хочу передвинуть, а вот сделать это никак не получается.
Изображения
Тип файла: jpg Безымянный.jpg (50.1 Кб, 21 просмотров)

Последний раз редактировалось Nikolay-89; 06.05.2010 в 00:37..
 
Старый 06.05.2010, 00:34
Ссылки
Старый 06.05.2010, 00:42   #2
Цитата:
Сообщение от Nikolay-89 Посмотреть сообщение
На картинке показано куда и какую менюшку я хочу передвинуть, а вот сделать это никак не получается.
Наверно лучше код показать.
 
Старый 06.05.2010, 00:45   #3
Цитата:
Наверно лучше код показать
Зачем?
Изображения
Тип файла: jpg image.jpg (62.8 Кб, 19 просмотров)
 
Старый 06.05.2010, 00:50   #4
Круто
 
Старый 06.05.2010, 00:50   #5
Цитата:
Сообщение от ddddd Посмотреть сообщение
Наверно лучше код показать.
вот исходник участка
<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&amp;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
Цитата:
Сообщение от ddddd Посмотреть сообщение
Я бы лучше подключил таблицу или фреймворк.
Вы сами понимаете, что пишете?
 
Старый 07.05.2010, 17:13
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Имитирование таблицы с помощью <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


Текущее время: 12:32. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум