Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wyswietlanie textu na obrazku
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
blizniak
mam cos takiego
  1. <TD COLSPAN=16>jakis text
  2. <IMG SRC="Obrazki/index_01.gif" WIDTH=773 HEIGHT=133 ALT=""></TD>
  3. <TD>

jak zrobic zeby ten text byl na obrazku a nie z boku czy jeszcze gdzies indziej
Draugfor
HTML:
Kod
<TD COLSPAN=16>
<span class="blizniak">jakis text</span>
<IMG SRC="Obrazki/index_01.gif" WIDTH=773 HEIGHT=133 ALT="">
</TD>


CSS:
Kod
<style type="text/css">
.blizniak
{
    position: absolute;
    margin: 5px;
}
</style>


Manipuluj wartoscia margin, by tekst byl w zadowalajacym Cie miejscu.

Pozdrawiam. smile.gif
Rastman
możesz też na warstwach. w tym celu ustaw z-index w CSSie
blizniak
a czy mozna temu jakos zaradzic zeby w operze i w internet explorer czy w jakiejs innej przegladarce bylo to w tym samym miejscu wyswietlane no i jak zminimalizuje okno zeby to tez mi sie nie przestawialo
Draugfor
Nic mi sie nie przesuwa...?
Jasniej?
blizniak
najlepiej wejdz na blizniak.gaa.pl i zobacz wlacz to sobie w jakichs roznych przegladarkach u mnie np w operze ip wyswietla mi ok a explorer wyswietla mi to troche nizej i jeszcze sproduj zminimalizowac strone i zobacz co sie wtedy dzieje


Po edycji
ok to z tym zminimalizowaniem juz poprawilem tylko jeszcze w roznych przegladarkach mi roznie wyswietla
Draugfor
Zmienianie rozmiarow i minimalizowanie nie robi wrazenia na mojej Operze, Firefoxie ani IE. Za to co wyglada niepokojaco w Twoim kodzie, to to, ze <span class="blizniak"> obejmuje cala mase tekstu, tabele itd., a powinien samo id.
Poza tym stosujesz pozycjonowanie w jednostkach cm, nie lepiej sprobowac px?

Jest:
Kod
<span class="blizniak">
    
    
    <form action="index.php?opcja=sprawdzanie_logowania" method="post">
  
     <table>
    <tr>
      <td align="right">login:&nbsp;</td>
      <td><input type="text" name="login" /></td>
    </tr>
    <tr>
      <td align="right">haslo:&nbsp;</td>
      <td><input type="password" name="haslo" /></td>
    </tr>
    <tr>
      <td colspan="2" align="right">
      <input type="submit" value="zaloguj" /></td>
    </tr>
     </table>
     </form>
    
    
    
     <font color=#FFFF00>62.XXX.XXX.XXX</font>

</span>


Sprobuj:
Kod
  
    
    <form action="index.php?opcja=sprawdzanie_logowania" method="post">
  
     <table>
    <tr>
      <td align="right">login:&nbsp;</td>
      <td><input type="text" name="login" /></td>
    </tr>
    <tr>
      <td align="right">haslo:&nbsp;</td>
      <td><input type="password" name="haslo" /></td>
    </tr>
    <tr>
      <td colspan="2" align="right">
      <input type="submit" value="zaloguj" /></td>
    </tr>
     </table>
     </form>
    
    
  <span class="blizniak">    
     <font color=#FFFF00>62.XXX.XXX.XXX</font>
</span>
blizniak
ok dzieki juz dziala smile.gif
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.