GoldenLine
Zaloguj się
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Problem wygląda następująco ze spozycjonowaniem obrazka do dołu komórki:


<table>
<tr>
<td><img (ten obrazek ma byc na górze tej komórki><img2 (ten obrazek ma byc na dole tej komórki)></td>
<td>Tutaj tresc strony wielolinijkowy, dwie komórki po bokach będą się wysokością dopasowywać do tej komórki...</td>
<td><img (ten obrazek ma byc na górze tej komórki><img2 (ten obrazek ma byc na dole tej komórki)></td>
</tr>
</table>

Z background td nie moge juz skorzystać bo juz go wykożystałem do tła tej komórki. Obrazek który jest z góry nie robi problemu, wiadomo, za to problem jest z tym który ma dolegać do dołu.

Jakieś pomysły?

PS kod jest poglądowy, myślę że wiadomo o co chodzi.
Link do wypowiedziLink

konto usunięte

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Wybacz, ale muszę - http://osiolki.net/tabelki
Link do wypowiedziLink

konto usunięte

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Marek Chwil:

Jak korzystasz z tabelek (choć już się chyba nie korzysta), to właduj za pierwszym obrazkiem <br /> :DBartek Sadkowski edytował(a) ten post dnia 21.02.11 o godzinie 20:32
Link do wypowiedziLink
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Wybacz ale nie będę się uczył kodować na divach specjalnie po to by stworzyć jedną prostą stronę internetową.

Rozumiem że to jest tak jakbym chciał gdzieś jechać np polonezem, starasz sie mnie przekonać że vw lepszy, ekonomiczniejszy itp ale ja chce poloneza ok ? %) I mam tylko jeden taki konkretnie problem i chce go rozwiązać, jak nie to bede musial troche przerobic wygląd strony i reszta pójdzie gładko :)
Link do wypowiedziLink

konto usunięte

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Bartek Sadkowski:
Marek Chwil:

Jak korzystasz z tabelek (choć już się chyba nie korzysta), to właduj za pierwszym obrazkiem <br /> :DBartek Sadkowski edytował(a) ten post dnia 21.02.11 o godzinie 20:32

buuuuuuuuuuuuu nawet nie wiesz jak bardzo sie mylisz...
czasami mam debilne wrazenie ze tylko ja nie uzywam tabelek... tak wielu ludzi jeszcze ich uzywa do dizajnowania :D
Link do wypowiedziLink

konto usunięte

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Tabelki... Kiedy to było.

Nie, tu nie chodzi o to czy się trzeba uczyć czy nie - ale dla własnej wygody.
Link do wypowiedziLink
Adam O.

Adam O. webdeveloper,
migomedia

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Marek Chwil:
Wybacz ale nie będę się uczył kodować na divach specjalnie po to by stworzyć jedną prostą stronę internetową.

Skoro nie chcesz się uczyć kodowania na divach - gdzie praktycznie nie ma czego się uczyć, trzeba tylko zmienić swoje przyzwyczajenia i ogarnąć kilka przydatnych właściwości css, to masz problem.

Chyba nie ma (przynajmniej ja nie znam) sensownego rozwiązania tego problemu, gdy oba obrazki pozostaną w jednej komórce. Można bawić się marginesami, albo można... "br br br br" :)

Rozwiązaniem "na poziomie" (zakładając, że divy nie istnieją i trzeba to zrobić na tabelach) to podzielenie tego wiersza na dwa i ustalenie dla każdej odpowiedniego vertical-align i pionowe scalenie komórek, w których jest tekst (rowspan="2")

Mniej na poziomie to wstawienie w komórkę, w której są zdjęcia tabeli i dopiero w niej w odpowiednich komórkach wstawić zdjęcia.

Layouty na divach tworzy się właśnie po to, by nie mieć problemów jak powyżej i żeby nie kaleczyć rozwiązując je w taki sposób jaki podałem powyżej :) (nie umoralniam, ale wspomnieć musiałem :) )
Link do wypowiedziLink

konto usunięte

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Sensowne rozwiązanie, to nadać obrazkom klasy i dla każdej z nich - zrobić position:absolute, a dla komórki position:relative.

Czyli tak jak by to było robione na div'ach.
Link do wypowiedziLink
Adam O.

Adam O. webdeveloper,
migomedia

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Michał Wachowski:
Sensowne rozwiązanie, to nadać obrazkom klasy i dla każdej z nich - zrobić position:absolute, a dla komórki position:relative.

Czyli tak jak by to było robione na div'ach.
to by było zbyt piękne.
właściwość "position" nie zadziała dla <td>
Link do wypowiedziLink

konto usunięte

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Jak nie dla td to dla table i tak w górę.
Aż dojdzie się do wniosku, że table to był błąd.
Link do wypowiedziLink
Marek Chwil

Marek Chwil Koordynator, Chwil

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

dobra to podajcie jak to zrobić na divach, i jak ktos ma to jakiś błyskawiczny i łopatologiczny kurs div. Niech wam bedzie ale jak nie naucze sie w ciągu 3h to zostaje przy tabelkach %)
Link do wypowiedziLink
Krzysztof K.

Krzysztof K. webdesigner,
freelancer

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

trajdis:

http://www.barelyfitz.com/screencast/html-training/css...
Link do wypowiedziLink
Sebastian Płocki

Sebastian Płocki stronyrobie.pl

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

Można to też zrobić na tabelach.



<table width="500" border="1">

  <tr>

    <td ><img /></td>

    <td rowspan="2">Tutaj tresc strony wielolinijkowy, dwie komórki po bokach będą się wysokością dopasowywać do tej komórki..Tutaj tresc strony wielolinijkowy, dwie komórki po bokach będą się wysokością dopasowywać do tej komórki..

   Tutaj tresc strony wielolinijkowy, dwie komórki po bokach będą się wysokością dopasowywać do tej komórki..

Tutaj tresc strony wielolinijkowy, dwie komórki po bokach będą się wysokością dopasowywać do tej komórki..</td>

    <td ><img /></td>

  </tr>

  

  <tr>

    <td valign='bottom'><img /></td>

    <td valign='bottom'><img /></td>

  </tr>

</table>


Nie chodzi mi tu o przeciąganie kogoś na ciemną stronę mocy, ale o rozwiązanie problemu z tabelą.
Link do wypowiedziLink
Wojciech K.

Wojciech K. realizator pomysłów
własnych

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

źle jest stosować tabelki w szkielecie layoutu i w nawigacji - ale tam, gdzie przedstawia się dane tabelaryczne (cenniki, faktury, zestawienia, czasem formularze etc.), tabela pozostaje najwłaściwszym rozwiązaniem - po to istnieją stosowne tagi - i realizacja jej na elementach <div> jest delikatnie mówiąc przedobrzeniem
popularny - zwłaszcza wśród CSSowych neofitów - strach przed użyciem w jakimkolwiek miejscu <table> - jest bez sensu
Link do wypowiedziLink
Marcin Pawlas

Marcin Pawlas kocham poniedziałek

Temat: problem ze spozycjonowaniem obrazka w komórce tabeli

valign="bottom" a jak chcesz żeby tekst był na górze a obrazek na dole to zagnieżdżasz drugą tabelę i jeden poziom dajesz valign to a drugi bottom z height 50% ... ale to rozwiązania które zostały odrzucone w layoutowaniu właśnie z powodu budowania karykaturalnych konstrukcji problematycznych.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj