WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
24 Май 2017, 18:44:34 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
от Shakes.pro (CPA-сети)
от Athina (Продвижение, SEO)
от SvetikUA (Сайты)
от lyalechka (Работа и услуги)
от Ольга-Анапа (Контент, копирайтинг, переводы)
от Alenta (Реклама и доход)
от Advelink (Платное размещение статей и ссылок)
от Loria (Google AdSENSE)
от fler (Дизайн)
от polyakovka (Новичку)
от polyakovka (Раскрутка сайтов в поисковиках)
от polyakovka (Обо всем)
от Bukvarix (Сервисы и SEO программы)
от jangogo (Особенности работы с разными CMS)
от jangogo (Хостинг)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

Тема: Помогите с версткой  (Прочитано 1783 раз)

0 Пользователей и 1 Гость смотрят эту тему.
Olga_FO
Offline Offline

Пол: Женский
Сообщений: 1297



Просмотр профиля
« : 15 Июль 2012, 18:37:39 »

Привет! Помогите, пожалуйста, если кто разбирается.....
Нужно, чтобы второй блок (на картинке) был рядом с первым, а не под ним.
Первый блок это div boxes второй это div box,
ставлю в css для boxes float:left все остальное тоже разъезжается.


ссылка на картинку http://www.fotolink.su/v.php?id=4b5f5ce5e2e50766e410977066b3f26e
Записан

Заказываю статьи
Katarios
Offline Offline

Пол: Женский
Сообщений: 36


Теперь я рулю!


Просмотр профиля WWW
« Ответ #1 : 15 Июль 2012, 18:46:09 »

тут надо весь код смотреть, кто его знает почему разъехалось все
Записан
Olga_FO
Offline Offline

Пол: Женский
Сообщений: 1297



Просмотр профиля
« Ответ #2 : 15 Июль 2012, 18:51:15 »

Это код шаблона, та часть, где стоят эти модули дивы
Цитировать
<div class="wrapper">
      <div class="boxes">
            <jdoc:include type="modules" name="user-1" style="rounded"/>
      </div> <div class="box"><jdoc:include type="modules" name="user-2" style="rounded"/></div>
а это css от них
Цитировать
.boxes
{
margin-top:10px; width:220px;
}
.box {width:220px; margin-top:10px;}
div.boxes div.module {
width: 220px;
float:none;   
}

div.boxes li
{ display:block;padding: 5 10px;background: transparent url(../images/arrow1.gif) no-repeat left 7px;cursor:pointer; font-size:13px;}

div.box div.module {
width: 220px;
float:none;   
}

div.box li
{ display:block;padding: 5 10px;background: transparent url(../images/arrow1.gif) no-repeat left 7px;cursor:pointer; font-size:13px;}
Записан

Заказываю статьи
Кукабара
Offline Offline

Пол: Женский
Сообщений: 386



Просмотр профиля
« Ответ #3 : 22 Июль 2012, 18:19:34 »

.boxes
{
margin-top:10px; width:220px;
}
.box {width:220px; margin-top:10px;}
div.boxes div.module {
width: 220px;
float:none;   
}
нужно float:left
Записан
Страниц: 1
  Печать  
 
Перейти в:  

| Sitemap