Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] Dwa obrazki na sobie w tabeli
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
kufalo
  1. <table border=0 cellspacing=0 cellpadding=0 bgcolor=#AAAAAA>
  2. <tr>
  3. <td>
  4. <img width=100 height=100>
  5. <img width=100 height=100 style=position:relative;left:-100>
  6. </td>
  7. </tr>


Prosze o używanie odpowieniego bbcode. W tym przypadku HTML. Poprawiam
---
nospor


Chce aby wewnatrz tabeli dwa obrazki <img> o rozmirach 100x100 wyswietlily sie jeden na drugim (ten drugi to bedzie GIF z przezroczystym tlem zawierajacy opisy do zdjecia pod spodem).
Powstaje niestery problem: rozciaga mi tabele do 200 pikseli...

PS Interesuje mnie rozwiazanie bez wykorzystania mozliwosci wrzucenia pierwszego zdjecia na tlo komorki tabeli.
nospor
nie relative a absolute. przynajmniej u mnie dziala smile.gif
style="position:absolute;left:-100"
ActivePlayer
  1. <table border=0 cellspacing=0 cellpadding=0 bgcolor=#AAAAAA>
  2. <tr>
  3. <td width=100 height=100 >
  4. <img width=100 height=100 style="position:absolute">
  5. <img width=100 height=100 style="position:absolute">
  6. </td>
  7. </tr>
?
mike
@ActivePlayer a może by tak zacząć używać cudzysłowiów przy wartościach atrybutów w tagach HTML :?:
biggrin.gif tongue.gif
  1. <table border="0" cellspacing="0" cellpadding="0" bgcolor="#AAAAAA">
  2. <tr>
  3. <td width="100" height="100" >
  4. <img width="100" height="100" style="position:absolute">
  5. <img width="100" height="100" style="position:absolute">
  6. </td>
  7. </tr>
ActivePlayer
przekopiowalem od kolegi z góry kod, a w cudzysłowy dalem tylko style bo przy tym moglo sie zwalic... ale masz rację, trzeba, a nawet powinno sie uzywac cudzysłówów... a jeszcze lepiej zamiast:
  1. <img width="100" height="100" style="position:absolute">

napisac
  1. <img style="width: 100px; height: 100px; position:absolute">

itd
pajak
kiedys zrobilem cos takiego, nie wiem na ile Ci sie to przyda ale moze:

  1. <img style="background-image: url(miniaturazdjecia.jpg); background-repeat:no-repeat;" src="bgRamka.gif" width="xx" height="xx" alt="" />


mozesz takze (jesli komorka tebeli ma rozmiar przezroczystego gif'a) ustawic w td backgroud

oczywiscie proponuje style przeniesc do klasy css
dr_bonzo
Cytat
ale masz rację, trzeba, a nawet powinno sie uzywac cudzysłówów... a jeszcze lepiej zamiast:

Chyba na odwrot: powinno sie, a nawet trzeba biggrin.gif
XML wymaga zeby wszystkie wartosci atrybutow byly w cudzysl. (f*k, nigdy sie nie naucze liczby mnogiej od " biggrin.gif).
A poza tym im prostsze reguly tym latwiej je zapamietac i stasowac: wszystkie wartosci argumentow w ""-y, zamiast tylko te przy ktorych nie ma spacji, itd.
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.