[php][html] <form> rozwala strone Opcje

[Wolfie]

Witam,

Mam sobie taką stronkę

[HTML] pobierz, plaintext 
<div id="stats">
    <div>Mailbox name : {$stats.Mailbox}</div>
    <div>Number of messages : {$stats.Nmsgs}</div>
    <div>Mailbox size : {$stats.Size}</div>
    <div>No of deleted msgs : {$stats.Deleted}</div>
    <div id="dvloader"><img src="jquery/ajax-loader.gif" /></div>
    <div id="logout">
        <form action="index.php" method="post">
            <input type="submit" name="logout" value="Logout"/>
        </form>
    </div>
</div>
<div id="menu">
    <div id="navcontainer">
    <ul id="navlist">
        {section name="i" loop=$box}
            {if $smarty.section.i.iteration == 3}
 
            {else}
                <li id="active"><a href="#" id="current" class="menu" value="{$box[i]}" name="mailbox">{$box[i]}</a></li>
            {/if}
        {/section}
        <li><a href="#" value="MyMailIndex" class="menu" name="file">Odebrane</a></li>
        <li><a href="#" value="Ham" class="menu" name="file">Ham</a></li>
        <li><a href="#" value="Spam" class="menu" name="file">Spam</a></li>
        <input type="hidden" name="mailbox" value="{$box_name}"/>
    </ul>
    </div>
</div>
[HTML] pobierz, plaintext 

W div-ie o id="stats" jest <form> który rozwala mi strone.....

Wejdźcie sobie tutaj w 'offline' mode i poklikajcie na 'odebrane', 'spam', 'ham', zauważycie ze całość menu wraz z wiadomościami obniży sie i postanie luka między ciemnoniebieskim divem a menu i skrzynką, a wszystko przez to że wstawiłem tam <form> .... </form> jak sobie z tym poradzić ?

Ten post edytował Wolfie 17.11.2009, 15:15:19

[blim]

Proponuje #dvloader zostawić widoczny i nadać mu jakąś wysokość np. 10px, i ukrywać loader, który jest wewnątrz o wskazanej wysokości

[Wolfie]

Nie wiem czy dobrze zrozumialem ale zrobiłem to tak :

[HTML] pobierz, plaintext 
<div id="stats">
    <div>Mailbox name : {$stats.Mailbox}</div>
    <div>Number of messages : {$stats.Nmsgs}</div>
    <div>Mailbox size : {$stats.Size}</div>
    <div>No of deleted msgs : {$stats.Deleted}</div>
    <div id="loader">
        <div id="dvloader">
            <img src="jquery/ajax-loader.gif" />
        </div>
    </div>
    <div id="logout">
        <form action="index.php" method="post">
            <input type="submit" name="logout" value="Logout"/>
        </form>
    </div>
</div>
[HTML] pobierz, plaintext 

A do tego css :

[CSS] pobierz, plaintext 
#loader {
    height:15px;
    margin-left:550px;
    margin-top:-10px;
    display:block;
}
 
#dvloader {
    height:10px;
    display:none;
}
[CSS] pobierz, plaintext 

Ale ciągle to samo zachowanie......

[blim]

z tego co widzę, to nic się nie zmieniło .. .widzę coś takiego

[HTML] pobierz, plaintext

1. <div id="stats">
2. ....
3. <div id="dvloader"><img src="jquery/ajax-loader.gif" /></div>

[HTML] pobierz, plaintext

Proponuje taką zmianę

[HTML] pobierz, plaintext

1. <div id="stats">
2. ....
3. <div id="loader"> <img src="jquery/ajax-loader.gif" id="dvloader" /></div>

[HTML] pobierz, plaintext

Ten post edytował blim 17.11.2009, 16:37:17

[Wolfie]

Tak, anulowałem zmiany ponieważ mam już jeden <form> na tej stronie i 'gryzły sie'. Więc ogólnie zrezygnowałem z tego rozwiązania, najprawdopodobniej obsłużę przycisk (wyśle zmienne) za pomocą jQuery a nie <form>


Pozdro