Какво ново?
От:
Подробно търсене…
SearchEngines.bg

Това е примерно съобщение за гост. Регистрирайте безплатен акаунт днес, за да станете потребител на SearchEngines.bg! След като влезете, ще можете да участвате в този сайт, като добавите свои собствени теми и публикации, както и да се свържете с други членове чрез вашата лична входяща кутия! Благодарим ви!

Два div-a един до друг (страшна работа)

L

lqlqlq

New member
Ха сега да ви видим :)
Код: 
<div class="forumbg forumbg-table" style="width: 700px;">
{$CA_BLOCK2_START}
<h2>Five Stats<!-- IF SEARCH_WORDS -->: <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>
{$CA_BLOCK2_START2}
<span class="corners-top"></span>
<table class="table1" cellspacing="1" width="100%">
<tr>
<th style="width: 50%;">{L_NEWEST_TOPICS}</th>
<th style="width: 20%;">{L_TOP_FIVE_ACTIVE}</th>
<th style="width: 30%;">{L_TOP_FIVE_NEWEST}</th>
</tr>
<tr>
<td valign="top"><!-- BEGIN top_five_topic --><!-- IF top_five_topic.NO_TOPIC_TITLE-->{top_five_topic.NO_TOPIC_TITLE}<!-- ELSE --><a href="{top_five_topic.U_TOPIC}">{top_five_topic.TOPIC_TITLE}</a><br />{top_five_topic.USERNAME_FULL} {top_five_topic.LAST_TOPIC_TIME}<br /><!-- ENDIF --><!-- END top_five_topic --></td>
<td valign="top"><!-- BEGIN top_five_active -->{top_five_active.USERNAME_FULL}<br />{L_POSTS}: <a href="{top_five_active.S_SEARCH_ACTION}">{top_five_active.POSTS}</a><br /><!-- END top_five_active --></td>
<td valign="top"><!-- BEGIN top_five_newest -->{top_five_newest.USERNAME_FULL}<br />Рег: {top_five_newest.REG_DATE}<br /><!-- END top_five_newest --></td>
</tr>
</table>
<span class="corners-bottom"></span>
{$CA_BLOCK2_END}
</div>



Код: 
<div class="forumbg forumbg-table" style="width: 200px;">
{$CA_BLOCK2_START}
<h2>Five Stats<!-- IF SEARCH_WORDS -->: <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>
{$CA_BLOCK2_START2}
<span class="corners-top"></span>
<table class="table1" cellspacing="1" width="100%">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fcs-phenomsquad-CS-16-%25D0%25A1%25D1%258A%25D1%2580%25D0%25B2%25D1%258A%25D1%2580%25D0%25B8-%25D0%25BF%25D0%25BE%25D0%25B4-Linux%2F138094912884161&width=184&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=427" scrolling="no" frameborder="0" style="border:1px solid #000000; overflow:hidden; width:180px; height:309px; background: #ffffff"></iframe>
</table>
<span class="corners-bottom"></span>
{$CA_BLOCK2_END}
</div>
 
Re: Два div-a един до друг (страшна работа)

И на двете, и ползвай само едното.
 
Re: Два div-a един до друг (страшна работа)

Само върху едното слагам в style="float: left; display: inline;", но нестава..
 
Re: Два div-a един до друг (страшна работа)

lqlqlq каза:
Само върху едното слагам в style="float: left; display: inline;", но нестава..
Увеличете...

Единия style="float: left; другия style="float: right; като си премери точно ли е разстоянието между тях.
 
Re: Два div-a един до друг (страшна работа)

принципно, ако напишеш точно какво "не става", може и да получиш някой полезен съвет...
 
Re: Два div-a един до друг (страшна работа)

lqlqlq каза:
Единия е 500px, другия 200px и не става с float...
Увеличете...

PHP: 
<div style="position:relative;   position: relative;  margin-left: auto;  margin-right: auto; width:1024px;">

<div class="forumbg forumbg-table" style="float:left; width: 700px; overflow: hidden; background-color: red;    ">
    {$CA_BLOCK2_START}
    <h2>Five Stats<!-- IF SEARCH_WORDS -->: <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>
    {$CA_BLOCK2_START2}
    <span class="corners-top"></span>
    <table class="table1" cellspacing="1" width="100%">
    <tr>
    <th style="width: 50%;">{L_NEWEST_TOPICS}</th>
    <th style="width: 20%;">{L_TOP_FIVE_ACTIVE}</th>
    <th style="width: 30%;">{L_TOP_FIVE_NEWEST}</th>
    </tr>
    <tr>
    <td valign="top"><!-- BEGIN top_five_topic --><!-- IF top_five_topic.NO_TOPIC_TITLE-->{top_five_topic.NO_TOPIC_TITLE}<!-- ELSE --><a href="{top_five_topic.U_TOPIC}">{top_five_topic.TOPIC_TITLE}</a><br />{top_five_topic.USERNAME_FULL} {top_five_topic.LAST_TOPIC_TIME}<br /><!-- ENDIF --><!-- END top_five_topic --></td>
    <td valign="top"><!-- BEGIN top_five_active -->{top_five_active.USERNAME_FULL}<br />{L_POSTS}: <a href="{top_five_active.S_SEARCH_ACTION}">{top_five_active.POSTS}</a><br /><!-- END top_five_active --></td>
    <td valign="top"><!-- BEGIN top_five_newest -->{top_five_newest.USERNAME_FULL}<br />Рег: {top_five_newest.REG_DATE}<br /><!-- END top_five_newest --></td>
    </tr>
    </table>
    <span class="corners-bottom"></span>
    {$CA_BLOCK2_END}
</div>



<div class="forumbg forumbg-table" style=" float:right; width: 200px; overflow: hidden; background-color: blue;">
    {$CA_BLOCK2_START}
    <h2>Five Stats<!-- IF SEARCH_WORDS -->: <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>
    {$CA_BLOCK2_START2}
    <span class="corners-top"></span>
    <table class="table1" cellspacing="1" width="100%">
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fcs-phenomsquad-CS-16-%25D0%25A1%25D1%258A%25D1%2580%25D0%25B2%25D1%258A%25D1%2580%25D0%25B8-%25D0%25BF%25D0%25BE%25D0%25B4-Linux%2F138094912884161&width=184&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=427" scrolling="no" frameborder="0" style="border:1px solid #000000; overflow:hidden; width:180px; height:309px; background: #ffffff"></iframe>
    </table>
    <span class="corners-bottom"></span>
    {$CA_BLOCK2_END}
</div>

</div>


PHP: 
нагледно: http://uni-web.net/trias.html
 
Re: Два div-a един до друг (страшна работа)

bg-info с тоя код нещата са абсолютно трагични, целия форум се омазва.
А какво се оптивам да направя ?
Опитвам се да направя така, че два див-а да са един до друг като | и | :)
Но не става.. какво ли не пробвах, то не бяха display, position-и..
Айде давайте предложения, че форума неможе да седи така грозно... :x
 
Re: Два div-a един до друг (страшна работа)

lqlqlq каза:
bg-info с тоя код нещата са абсолютно трагични, целия форум се омазва.
А какво се оптивам да направя ?
Опитвам се да направя така, че два див-а да са един до друг като | и | :)
Но не става.. какво ли не пробвах, то не бяха display, position-и..
Айде давайте предложения, че форума неможе да седи така грозно... :x
Увеличете...

Дай линк да видим за какво иде реч.
 
Re: Два div-a един до друг (страшна работа)

Имаш обща широчина от 1024px. Единия div ти е 700px, другия ти е 200px. Значи разстоянието между тях е 124px.

Ако искаш да са един до друг, намали или общата широчина или увеличи единия или пък и двата div-a.
 
Re: Два div-a един до друг (страшна работа)

Единия сега е 720, а другия 304 - виж какво става...
 
Re: Два div-a един до друг (страшна работа)

<div class="block-clear"></div></div></div></div><div class="block-footer"><span></span><div></div></div></div>

Много div–ове се затравят. Не мога да видя къде се отварят.
 
Re: Два div-a един до друг (страшна работа)

Махни ги, страницата се валидира като w3c и няма нито една грешка, под css2 има 4, но те са от text-shadow, давайте предложения айде... виждам, че има padding острани дали не проблема в него ?
 
Re: Два div-a един до друг (страшна работа)

Сложи това след втория div
<div style="clear: both;"></div>

В style.php имаш
.forabg, .forumbg {
clear: both;
margin-bottom: 4px;
}
разкарай clear: both; от там
 
Re: Два div-a един до друг (страшна работа)

class="forumbg forumbg-table" този клас те бърка
 
Re: Два div-a един до друг (страшна работа)

Tattler каза:
Сложи това след втория div
<div style="clear: both;"></div>

В style.php имаш
.forabg, .forumbg {
clear: both;
margin-bottom: 4px;
}
разкарай clear: both; от там
Увеличете...
В момента е така, както ти предложи, дори намалих width-a на втория да видя дали ще стане от 304 на 204, но не..

Гоше, твоето предложение го игнорирам :)

EDIT: ХАХА, go6o победи с class-a :d
 
Re: Два div-a един до друг (страшна работа)

lqlqlq каза:
В момента е така, както ти предложи, дори намалих width-a на втория да видя дали ще стане от 304 на 204, но не..

Гоше, твоето предложение го игнорирам :)

EDIT: ХАХА, go6o победи с class-a :d
Увеличете...

Aviary-cs-phenomsquad-com-Picture-1.png
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе