Jump to content
  • 0

помогите с дивами


vikadin
 Share

Question

Здравствуйте. Возник вопрос с дивами.

a28bef3ead04.jpg

Посмотрите на картинку, вот пример новостей. Т.е. при добавлении акции - она добавляется по левому краю, применяется класс nb, а при добавлении простой новости - применяется класс nbr и форматируется по правому краю. Проблема в том, что если добавить акцию(она слева) после того, как добавлена новость(она справа), то вниз спускается и новость(справа), а нужно, чтобы при добавлении акции(класс nb) правая колонка новостей вообще не двигалась.

css для main

.main {
width: 90%;
padding: 0 5%;
font-style: normal;
font-size: 14px;
}

.main div { margin: -3px 0 5px; }

.main div a { display: block; font: 16px "Time New Roman"; }

.main span { display: block; font-style: italic; font-size: 12px; }

css для nb

.nb {
float: left;
width: 46%;
margin-left: -10px;
clear: left;
padding-bottom: 10px;
}

css для nbr

.nbr {
float: right;
width: 46%;
margin-right: -10px;
clear: right;
padding-bottom: 10px;
}

Помогите, пожалуйста, нормально сверстать. Спасибо.

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Можно вот так сделать

Моя ссылка

Спасибо за ссылку, ток чет не получается...

вставил простейший код, очистил страницу свою, подгрузил чисто test.css, где

.main {
width:90%;
background:blue;
overflow:hidden;
margin:auto;
}
.leftcol {
float:left;
width: 46%;
}
.rightcol {
float:right;
width:45%;
}
.leftcol div, .rightcol div {
margin:20px 10px 10px 10px;
height: 50px;
background:red;
}
.rightcol div {
background: yellow;
}

а на странице просто добавил

 ".as_case($as_Newslist=='Акция',"<div class=\"leftcol\"><div></div></div>",
as_case($as_Newslist=='Новость',"<div class=\"rightcol\"><div></div></div>"))."

При выборе Акция все должно идти слева, а при выборе Новости - справа.

Получается вот что

116a919bba87.jpg

Выделено курсоров красный див, он должен быть слева, но расположен справа

Уже столько испробовал, и с float эксперементировал, с clear, все ровно так как надо - не работает(

Link to comment
Share on other sites

  • 0

Вы не поняли структуры. leftcol и rightcol — это, можно сказать, контейнеры, в которых располагаются блоки. То есть, на странице должен быть один leftcol и один rightcol, и уже в них нужно блоки располагать. А у вас вместо блоков добавляются эти самые контейнеры.

Link to comment
Share on other sites

  • 0

так вся проблема в движке, мб и в знаниях)

79a894fccde5.jpg

вверху в префиксе основной указал основной контейнер,

но в самом объекте (объект в списке) указал уже отдельно, поэтому если находит, что выбрано, оно опять создает лефт и райт контейнер

a084b54ebc96.jpg

но как указать это в префиксе, не получается никак...

Link to comment
Share on other sites

  • 0

Я конечно, не специалист, а только учусь, но тебе нужно соблюдать вложенность дивов в класс дивов, один райт и один лефт а все остальные дивы внутри них

Link to comment
Share on other sites

  • 0

так проблема в кмс, там можно указать только в префиксе, то он принимает только 1 класс, а вторый не берет, а если указать в самом объекте, то выполняет столько раз, сколько объектов на странице и получается фигня)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy