Русское сообщество fluxbb

ESQUELETO

Гость

Объявление в две колонки.

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

Объявление занимает слишком много места. У меня появилась идея, как его использовать.

Я хотел бы разбить объявление на два окошечка: левое и правое, притом необязательно равной длины.

Я, признаться, уже написал код, который будет заполнять второе окошечко, но само окошечко не могу нарисовать.

Код объявления - header.php

<div id="announce" class="block">
    <h2><span><?php echo $lang_common['Announcement'] ?></span></h2>
    <div class="box">
        <div class="inbox">
            <div><?php echo $pun_config['o_announcement_message'] ?></div>
        </div>
    </div>
</div>

Что я пробовал:

• [li]создавать над указанным выше кодом таблицу, помещать его в левую ячейку, а дополнительную информацию - в правую. получается криво.[/li][li]экспериментировать с CSS опцией float. Все, что ниже объявления тоже становится прижатым к правому краю.[/li][li]Поиграться с div'ами - тоже ничего не получилось:([/li]

Я, к сожалению, не специалист в css. Но решить проблему очень хочется.

Кто-нибудь знает как?

Спасибо.

maximum

Гость

Re: Объявление в две колонки.

<div class="inbox">
<div><?php echo $pun_config['o_announcement_message'] ?></div>
<div>two</div>
</div>

ESQUELETO

Гость

Re: Объявление в две колонки.

код...

maximum, этот код добавляет "two" под объявление. Как обычно, равнозначные дивы идут друг под другом.

maximum

Гость

Re: Объявление в две колонки.

Ну а стили добавить?

<div class="inbox">
<div class="left"><?php echo $pun_config['o_announcement_message'] ?></div>
<div class="right">two</div>
</div>

В css следующее.

.left {float: left;}    
.right {float: left;}

hcs

Гость

Re: Объявление в две колонки.

Можно и таблицу впихнуть:

<div id="announce" class="block">
    <h2><span><?php echo $lang_common['Announcement'] ?></span></h2>
    <div class="box">
        <div class="inbox">
            <table><tr><td><?php echo $pun_config['o_announcement_message'] ?></td><td><?php echo $pun_config['o_announcement_message'] ?></td></tr></div>
        </div>
    </div>
</div>

ESQUELETO

Гость

Re: Объявление в две колонки.

Спасибо вам за ваши ответы.

Ну а стили добавить?

Я говорил, что уже пробовал float.

экспериментировать с CSS опцией float. Все, что ниже объявления тоже становится прижатым к правому краю.

Можно и таблицу впихнуть:

Да, только и это я пробовал. Получается очень криво.

К тому же ваши советы реализуют два столбца в окошечке объявления, а я хочу два окошечка, стоящие на одном уровне и выглядящие как объявление.

hcs

Гость

Re: Объявление в две колонки.

Да, только и это я пробовал. Получается очень криво.

Там добавить стиль border:0px;

К тому же ваши советы реализуют два столбца в окошечке объявления, а я хочу два окошечка, стоящие на одном уровне и выглядящие как объявление.

Это несколько сложнее, потомучто придется править header.php

ESQUELETO

Гость

Re: Объявление в две колонки.

Это несколько сложнее, потомучто придется править header.php

Чем я, собственно и занимаюсь...

Добавлено спустя     10 минут   22 секунды:

Там добавить стиль border:0px;

Добавление в  table

<table style="border:0px" ...>

не помогает почему-то, хотя, так как это написано в html должно иметь больший приоритет, чем в стилях css, которые применяются к тегам по умолчанию.

hcs

Гость

Re: Объявление в две колонки.

не, надо для td стиль добавлять

Zevs

Гость

Re: Объявление в две колонки.

Глянь, хочешь как у меня на форуме ?

ESQUELETO

Гость

Re: Объявление в две колонки.

Глянь, хочешь как у меня на форуме ?

Вот так как раз у меня и есть. Если посмотреть в ФФ (а я только им и смотрю), то видны какие-то линии... притом не все границы, а только левая и верхняя.

Вообще я хотел сделать два окошечка, чтобы соседствовали, а не чтобы вот так... но если найдется способ убрать линии, я буду очень благодарен.

Спасибо за ответ.

maximum

Гость

Re: Объявление в две колонки.

Вообще я хотел сделать два окошечка, чтобы соседствовали, а не чтобы вот так... но если найдется способ убрать линии, я буду очень благодарен.

Смотрите мой пример, только в укаждый из дивов поместите по копии кода для вывода объявления.

hcs

Гость

Re: Объявление в две колонки.

но если найдется способ убрать линии, я буду очень благодарен

#announce TD { border:0 }