Float Left, Float Right - Wordpress

У меня возникают проблемы с плавающими элементами влево и вправо. Вы можете видеть, что я хочу плавать влево и вправо here. Вы можете видеть, какие элементы я хочу оставить слева и справа в заголовке.Float Left, Float Right - Wordpress

Это плагин, но его можно использовать как HTML. Вот некоторые важные HTML:

<div id="menuHeader"> 
<h2>Appetizers Left</h2> 
</div> 
[tbl width="425" colwidth="50|50" colalign="left|right"] 
Onion Rings,4.95 
Fries,3.99 
Nachos Supreme (small),8.95 
Nachos Supreme (large),10.95 
[/tbl] 

<div id="menuHeader"> 
<h2>Fresh Salads Right</h2> 
</div> 
[tbl width="425" colwidth="100|50|50" colalign="left|right|right"] 
,Small,Large 
Garden Salad,4.95,5.99 
Chef | Caesar| Greek,5.95,6.95 
Add chicken for,,2.00 
[/tbl]

источник

2013-09-17 Michaela LeBlanc

Пожалуйста, поделитесь своим CSS тоже! – UID

Решения проблемы были решены любым из следующих ответов? – bbone

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

HTML

<div class="menu-container left"> 
    <div id="menuHeader"> 
     <h2>Appetizers Left</h2> 
    </div> 
    [tbl width="425" colwidth="50|50" colalign="left|right"] 
    Onion Rings,4.95 
    Fries,3.99 
    Nachos Supreme (small),8.95 
    Nachos Supreme (large),10.95 
    [/tbl] 
</div> 

<div class="menu-container right"> 
    <div id="menuHeader"> 
     <h2>Fresh Salads Right</h2> 
    </div> 
    [tbl width="425" colwidth="100|50|50" colalign="left|right|right"] 
    ,Small,Large 
    Garden Salad,4.95,5.99 
    Chef | Caesar| Greek,5.95,6.95 
    Add chicken for,,2.00 
    [/tbl] 
</div>

CSS

.menu-container.left { float: left; } 
.menu-container.right { float: right; }

источник

2013-09-17 18:24:52 bbone

You need wrappers around your relevant sections 

<div class="leftFloat"> 
<div id="menuHeader"> 
<h2>Appetizers Left</h2> 
</div> 
[tbl width="425" colwidth="50|50" colalign="left|right"] 
Onion Rings,4.95 
Fries,3.99 
Nachos Supreme (small),8.95 
Nachos Supreme (large),10.95 
[/tbl] 
</div> 


<div class="rightFloat"> 
<div id="menuHeader"> 
<h2>Fresh Salads Right</h2> 
</div> 
[tbl width="425" colwidth="100|50|50" colalign="left|right|right"] 
,Small,Large 
Garden Salad,4.95,5.99 
Chef | Caesar| Greek,5.95,6.95 
Add chicken for,,2.00 
[/tbl] 
</div> 

<div class="clear"></div>

Соответствующие стили в ваших стилей CSS.

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

.clear{ clear:both; }

Подробнее о плавающих элементов здесь: http://html.net/tutorials/css/lesson13.php

источник

2013-09-17 18:24:55 Paul

Вы должны поместить все материалы внутри DIV и использовать стиль = «плавать: вправо/влево» согласно, что вам нужно.

<div style="float:left"> 
<div id="menuHeader"> 
<h2>Appetizers Left</h2> 
</div> 
[tbl width="425" colwidth="50|50" colalign="left|right"] 
Onion Rings,4.95 
Fries,3.99 
Nachos Supreme (small),8.95 
Nachos Supreme (large),10.95 
[/tbl] 
</div> 

<div style="float:right"> 
<div id="menuHeader"> 
<h2>Fresh Salads Right</h2> 
</div> 
[tbl width="425" colwidth="100|50|50" colalign="left|right|right"] 
,Small,Large 
Garden Salad,4.95,5.99 
Chef | Caesar| Greek,5.95,6.95 
Add chicken for,,2.00 
[/tbl] 
</div>

источник

2013-09-17 18:26:31 ivandcl

Float Left, Float Right - Wordpress

ответ

Смежные вопросы