Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP] Pozycja w tabeli -nie można ustawić pod operę
Forum PHP.pl > Forum > Przedszkole
comin
5.06.2007, 19:30:03
Witam wszystkich.
Tworzę własną templatkę dla Joomli i mam problem z ustawieniem w tabeli obiektu (search).
Nie można ustawić odległości od górnej krawędzi komórki okienka wyszukiwania (z buttonem), tak aby we wszystkich przeglądarkach była jednakowa odległość.
W Internet Explorerze oraz FireFoxie wyświetla się prawidłowo natomiast w Operze wygląda tak, jakby nie były wczytane marginesy (szukaj jest przyklejony do lewej/górnej krawędzi komórki). sad.gif 

[PHP] pobierz, plaintext 
  1. <td height="20"
  2.  
  3. 		 colspan="3" valign="top" ><span class="body_outer">
  4. 			  <?php mosLoadModules ( 'szukaj', -3); ?>
  5. 			</span></td>
[PHP] pobierz, plaintext


CSS
[PHP] pobierz, plaintext 
  1. <?php
  2. .inputbox-szukaj {
  3. margin-top: 5px;
  4. border: 1px solid #999999;
  5. color: #444444;
  6. padding:2px;
  7. font-size:11px;
  8. }
  9. ?>
[PHP] pobierz, plaintext
nexis
5.06.2007, 20:35:42
Przedstawiony przez Ciebie kod HTML korzysta z klasy body_outer, a Ty przedstawiasz klasę .inputbox-szukaj! Nie bardzo rozumiem tą zbieżność, chyba że:

[PHP] pobierz, plaintext 
  1. <?php
  2. mosLoadModules ( 'szukaj', -3);
  3. ?>
[PHP] pobierz, plaintext


Kryje coś ciekawego, ale mógłbyś przedstawić wynik wywołania tej funkcji.
comin
5.06.2007, 21:10:42
Cytat(nexis @ 5.06.2007, 21:35:42 ) *
chyba że... Kryje coś ciekawego, ale mógłbyś przedstawić wynik wywołania tej funkcji.


Oczywiście chodzi o kod PHP

Wynik (źródło z Opery)
Kod
<tr valign="middle">
            <td height="20"
        
            colspan="3" valign="top" >  <div style="position: left:5; top:5; width:20; height:20">
                      <div class="module-szukaj">
            <div>
                <div>
                    <div>
                        
<form action="index.php?option=com_search&amp;Itemid=5" method="get">
    <div class="search-szukaj">
        <input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox-szukaj" type="text" size="22" value="Darmowe konto..."  onblur="if(this.value=='') this.value='Darmowe konto...';" onfocus="if(this.value=='Darmowe konto...') this.value='';" /><input type="submit" value="Szukaj" class="button-szukaj"/>    </div>

    <input type="hidden" name="option" value="com_search" />
    <input type="hidden" name="Itemid" value="5" />    
</form>                    </div>
                </div>
            </div>
        </div>
                    </div> </td>
            <td width="228" height="11"><span class="body_outer">



Po zwiększeniu marginesu w operze lekko się ruszyło, a w FF i IE "rozjechało" stronę sad.gif

[PHP] pobierz, plaintext 
  1. <?php
  2. .inputbox-szukaj {
  3. margin-top: 50px;
  4. border: 1px solid #999999;
  5. color: #444444;
  6. font-size:11px;
  7. }
  8. ?>
[PHP] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.