Шаблон Mediawiki: 2 рядом друг с другом - PullRequest
Новая
       3

Шаблон Mediawiki: 2 рядом друг с другом

0 голосов
/ 09 марта 2011

Итак, это то, что у меня есть: http://screencast.com/t/y8ajMJ3Cqm И вот что я хочу сделать: http://screencast.com/t/eeKlrhc1L

Сохранить для другого языка, вот мой код дляэтот маленький шаблон: 

<div style="border: 1px solid; border-color: #339933; background-color: #ccffcc; width: 500px;">
<div style="margin: 5px;" width 150px; float: left; display:inline;>{{{2}}}</div>
<div style="margin: 5px; float: left; width: 330px;>
<div style="padding-left: 5px; margin: 5px; border: 1px solid; border-color: #336633; background-color: #66cc66;"><h3>{{{1}}}</h3></div>
<div style="margin: 5px; padding: 5px;">{{{3}}}</div>
</div>
<div style="clear: both;";></div>
</div>

У меня есть один контейнер div, а внутри него два других div, оба из которых "float: left".У первого из них есть изображение, которое как-то не отталкивает другой div с заголовком и описанием.Я занимаюсь этим около 2 часов и хочу размолоть гномов в блендере.

Ответы [ 2 ]

0 голосов
/ 14 апреля 2012

Первое, что я заметил, отсутствует и неуместно " в ваших определениях стилей. Проверьте ваши второй и третий ряды.Должно выглядеть так: 

<div style="border: 1px solid; border-color: #339933; background-color: #ccffcc; width: 500px;">
<div style="margin: 5px; width 150px; float: left; display: inline;">{{{2}}}</div>
<div style="margin: 5px; float: left; width: 330px;">
<div style="padding-left: 5px; margin: 5px; border: 1px solid; border-color: #336633; background-color: #66cc66;"><h3>{{{1}}}</h3></div>
<div style="margin: 5px; padding: 5px;">{{{3}}}</div>
</div>
<div style="clear: both;";></div>
</div>

Не зная точно, что такое {{{1}}} {{{2}}} {{{3}}}, мне трудно помочь вам в дальнейшем.Возможно, вы могли бы передать тексты по умолчанию, чтобы мы могли их увидеть, и я могу добавить их на мою домашнюю вики в моей песочнице.

0 голосов
/ 13 марта 2011

Если вы хотите, чтобы float «отталкивал» блок вместо того, чтобы перекрывать его (и только отталкивал текст в нем), вы должны установить overflow:hidden или float для этого блока. (См. Понятие контекста форматирования блока для объяснения.)

...