Jump to content
  • 0

Проблема с колонками в вёрстке


Mila25
 Share

Question

Здравствуйте.

Прошу помощи. Есть заготовка сайта xdapedia.ru Вёрстка трёхколоночная, резиновая. В css размер 1300, колонки идут так - левая 500, центр 400 и правая 400. Как сделать, чтобы при открытии статьи, сама статья была на 900px, а колонка, которая на главной странице по центру находилась бы справа от неё в своём прежнем размере на 400px. А третьей колонки, чтобы вообще не было при открытии новости или статьи. Буду очень благодарна за помощь. Если не совсем понятно написала готова дать пояснения дополнительные. css и html вышлю. Спасибо.

Edited by Mila25
Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Здравствуйте.

Прошу помощи. Есть заготовка сайта xdapedia.ru Вёрстка трёхколоночная, резиновая. В css размер 1300, колонки идут так - левая 500, центр 400 и правая 400. Как сделать, чтобы при открытии статьи, сама статья была на 900px, а колонка, которая на главной странице по центру находилась бы справа от неё в своём прежнем размере на 400px. А третьей колонки, чтобы вообще не было при открытии новости или статьи. Буду очень благодарна за помощь. Если не совсем понятно написала готова дать пояснения дополнительные. css и html вышлю. Спасибо.

напишите класс с шириной в 900px и в статьях присваиваете его ячейке таблицы, а правую ячейку удалите, да и у вас горизонтальный скролинг не очень хорошо, желательно уместить все в 1280px что бы не появлялся скролинг!

Link to comment
Share on other sites

  • 0

Здравствуйте.

Прошу помощи. Есть заготовка сайта xdapedia.ru Вёрстка трёхколоночная, резиновая. В css размер 1300, колонки идут так - левая 500, центр 400 и правая 400. Как сделать, чтобы при открытии статьи, сама статья была на 900px, а колонка, которая на главной странице по центру находилась бы справа от неё в своём прежнем размере на 400px. А третьей колонки, чтобы вообще не было при открытии новости или статьи. Буду очень благодарна за помощь. Если не совсем понятно написала готова дать пояснения дополнительные. css и html вышлю. Спасибо.

напишите класс с шириной в 900px и в статьях присваиваете его ячейке таблицы, а правую ячейку удалите, да и у вас горизонтальный скролинг не очень хорошо, желательно уместить все в 1280px что бы не появлялся скролинг!

Спасибо за помощь. Надо подучиться. Что-то не то у меня получается. Я хотела объединить контент левой и центральной колонки в одну. Неправильно ? Потом просто добавила ширину в "pages_content" 700px.Это ближе к тому, что я хочу, но в любом случае остаются две колонки справа, они просто сужаются. А вот как же сделать как в первом посте я описала. В общем немного запуталась. Вот изначальный вариант по колонкам. Если вам нетрудно, ткните пожалуйста. Спасибо.

}

#wrapper {

width: 1280px;

margin: 0 auto;

padding: 0px 0px;

}

.main_table {

}

.columLeft {

width: 500px;

background-color: #fff;

padding-right: 20px;

padding-bottom: 60px;

}

.columContent {

width: 400px;

padding-bottom: 20px;

margin-top: 15px

}

.columRight {

width: 400px;

padding-bottom: 20px;

margin-top: 15px

Edited by Mila25
Link to comment
Share on other sites

  • 0

лучше не объединять, это впринципе и не нужно, без html щас не смогу вам помочь, а сайт у вас не доступен, выложите html посмотрим

Сайт в доступе ! Я сумела сделать на две маленьких колонки справа, но никак не могу сделать одну большую слева и одну маленькую справа, ту которая в центре на главной. Проштудировала ещё по вёрстке кое-что, но так и не додумалась :(

Link to comment
Share on other sites

  • 0

лучше не объединять, это впринципе и не нужно, без html щас не смогу вам помочь, а сайт у вас не доступен, выложите html посмотрим

Сайт в доступе ! Я сумела сделать на две маленьких колонки справа, но никак не могу сделать одну большую слева и одну маленькую справа, ту которая в центре на главной. Проштудировала ещё по вёрстке кое-что, но так и не додумалась :(

у меня почему то ваш сайт снова не доступен=(, выложите сюда весь код который относится к проблеме, и мы посмотрим, и у вас там табличная верстка, а ячейка таблицы сама по себе резиновая, все зависит от контента который вы помещаете в нее, и она растянется что бы вместить этот контент, так что вам нужно правильно сверстать таблицу и разместить контент в ней!

Link to comment
Share on other sites

  • 0

лучше не объединять, это впринципе и не нужно, без html щас не смогу вам помочь, а сайт у вас не доступен, выложите html посмотрим

Сайт в доступе ! Я сумела сделать на две маленьких колонки справа, но никак не могу сделать одну большую слева и одну маленькую справа, ту которая в центре на главной. Проштудировала ещё по вёрстке кое-что, но так и не додумалась :(

у меня почему то ваш сайт снова не доступен=(, выложите сюда весь код который относится к проблеме, и мы посмотрим, и у вас там табличная верстка, а ячейка таблицы сама по себе резиновая, все зависит от контента который вы помещаете в нее, и она растянется что бы вместить этот контент, так что вам нужно правильно сверстать таблицу и разместить контент в ней!

Да ясно, что в общем-то не сложно, но вот как-то на этом этапе я притормозила. Сейчас проверила - сайт доступен. Не знаю почему не работал. Посмотрите, если не зайдёте, то я здесь выложу. Спасибо !

Link to comment
Share on other sites

  • 0

да сайт сейчас доступен, ваша таблица выглядит следующим образом:

<table class="main_table">
<tr>
<td class="columLeft"> контент </td>
<td class="columContent"> контент </td>
<td class="columRight"> контент </td>
</tr>
</table>

вам нужно всего лишь 2 ячейки, в статьях , поэтому правую ячейку (<td class="columRight"> контент </td>) в статьях удаляйте и присваиваете .pages_content ширину в 900px.

тут можно почитать про табличную верстку

Edited by Hol1killer
Link to comment
Share on other sites

  • 0

да сайт сейчас доступен, ваша таблица выглядит следующим образом:

<table class="main_table">
<tr>
<td class="columLeft"> контент </td>
<td class="columContent"> контент </td>
<td class="columRight"> контент </td>
</tr>
</table>

вам нужно всего лишь 2 ячейки, в статьях , поэтому правую ячейку (<td class="columRight"> контент </td>) в статьях удаляйте и присваиваете .pages_content ширину в 900px.

тут можно почитать про табличную верстку

Да Вы всё верно пишите. В DLE в fullstory, действительно класс pages content стоит и я могу его сделать любой ширины. Допустим 900. 400 остаётся на вторую колонку. С этим ясно. Но я так и не смогла сделать три колонки на главной и две в статьях. Не получается у меня. Ну либо с третьей колонкой в невидимой области. Что неприемлемо. То есть пока - две на главной, две в статьях. Это самый корректный вариант. Ну либо как сейчас с сужением двух правых колонок, но не факт, что такая вёрстка не будет "плыть" время от времени...Я уже и на форумах DLE написала. Где-то я недогоняю, видимо, ответ есть, но я его ещё не нашла. (Это мой первый шаблон на DLE)

Edited by Mila25
Link to comment
Share on other sites

  • 0

Так вы бы сказали что у вас CMS, я с DLE не работал, так что врядли вам смогу помочь, если вы уменьшите две правые колонки верстка не поплывет, ячейки резиновые! Тоесть получается что вы не можете правую ячейку удалить в статьях? Обычно в CMS есть отображение по условиям.

Link to comment
Share on other sites

  • 0

Так вы бы сказали что у вас CMS, я с DLE не работал, так что врядли вам смогу помочь, если вы уменьшите две правые колонки верстка не поплывет, ячейки резиновые! Тоесть получается что вы не можете правую ячейку удалить в статьях? Обычно в CMS есть отображение по условиям.

Да всё верно. Я не могу избавиться от третьей самой правой колонки в статьях. А хотела, чтобы в статьях было не три, а две колонки на 880 px (статья) и 400 px (Новости, центральная колонка на главной.) Уже и по форумам DLE понаписала и нигде что-то ответа не могу получить. Может я слишком много хочу и так не получится ?

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