Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

Tabele. Jak zrobić, aby komórki się układały w pokazany sposób

#1
Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
[Obrazek: f_beztytuum_aed90d3.png]

Chcę zrobić taką tebelę w HTML i nie wiem jak.
Wszystko jest opisane na rysunku.

Z góry dzieki za pomoc
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#2
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
W tabelach będzie ciężko. Wydaje mi się, że to niemożliwe.
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#3
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
no to może być bez tabel. mi jedynie chodzi, że jeśli tekst jest mniejszy od obrazka, to że reszta elementów nachodzi na siebie nawzajem, a ja chce żeby to wszystko sie wyrównywało ładnie.
Używam tego kodu:
Kod:
<img src='link do obrazka' style='margin:5px' align='right' width="200" height="280" alt="">jakichś tekst<center><img src="link obrazka" height="200" width="250"><img src="link obrazka" height="200" width="250"></center>
<br>

I gdy tekst jest długi, to mi się obrazki 2 i 3 ładnie wyrównują ze sa w jednej linii, a jak teskt jest krótki to się wszystko rozjeżdza o tak:

[Obrazek: f_beztytuu2m_2fdc1f6.png]
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#4
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
użyj divów

Kod:
<style type="text/css">
#top{height:100px;}
#left{
float: left;
width:200px;
height:400px;
}
#right{}
</style>

<div id="main">
<div id="top"> </div>
<div id="left"> </div>
<div id="right"> </div>
</div>
To powinno zrobić takie coś jak na obrazku, oczywiście jak dodasz style CSS tło, tekst itd...
 System operacyjny: windows_xp_2003 Przeglądarka: opera
#5
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
ok juz sobie poradziłem. zrobiłem to za pomocą tabel ale w inny sposób
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#6
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
~Anonim napisał(a):ok juz sobie poradziłem. zrobiłem to za pomocą tabel ale w inny sposób
Dodam że robienie strony w divach jest łatwiejsze i jest więcej możliwościOczko
 System operacyjny: windows_xp_2003 Przeglądarka: opera
#7
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
sorki ale nie znam się na divach. czyt mógłbyś napisać taki kod, żeby nie bylo tak jak na 3 obrazku, tylko jeeśli ten tekst jest mniejszy to żeby nastepny obrazek nie wchodził w miejsce
puste tylko żeby się robił jakby od nowej linii
[Obrazek: f_obr4m_3b82192.png]
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#8
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
Jeżeli ma być w nowej linii to trzeba użyć znacznika <br />
http://red104.w.interia.pl - strona o Maluchach
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#9
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
Do tego trzeba użyć tamowania elementów: clear. Wartością clear może być left, right, albo both. Wartość jaką przyjmuje clear zależy od wartości float elementów które znajdują się przed elementem który chcesz "zatamować".
 System operacyjny: windows_xp_2003 Przeglądarka: opera
#10
RE: Tabele. Jak zrobić, aby komórki się układały w pokazany sposób
sorki że tak ide na łatwizne ale musze zrobić najpierw skrypt w php, a potem zajmę się tym "wyglądem" i chcę to zrobić szybko. czy moglibyście dac gotowy kod? wystarczy m żeby tylko ten obrazek się "tamował" (zeby było tak jak na obrazku 2 posty wyżej). z góry dzieki
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
Programy: Polecane / Nowe / Inne



Użytkownicy forum szukali:
tekst i tabela nachodza na siebie

Podobne wątki (Tabele. Jak zrobić, aby komórki się układały w pokazany sposób)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Najlepszy sposób na przechowywanie postów w bazie danych. Trojan3000 1 5890 19.12.2015, 20:50
Ostatni post: dzikuu86
  [Szukam] Prosty sposób na autoryzację w Symfony2 kaju0019 0 5796 28.07.2015, 23:38
Ostatni post: kaju0019
Question Jak zrobić, aby element na stronie podążał za przesuwającym się oknem przeglądarki? anarhak 1 5996 23.06.2015, 12:49
Ostatni post: rafineria888

Skocz do:


Wybrane wątki (Tabele. Jak zrobić, aby komórki się układały w pokazany sposób)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Brak dostępu /wp-admin/options.php damian0076 2 5392 27.04.2018 10:27
Ostatni post: raxer
  Wordpress - zmiana tła strony i zaokrąglenie narożników tjilatjila 1 5790 23.03.2018 16:15
Ostatni post: ~Anonim
  Blokada wyświetlenia strony/komunikat, przy wyłączonym Javascript raxer 4 1403 14.03.2018 08:56
Ostatni post: raxer
  Pozycjonowanie a kopiuj-wklej OxyGenE 7 8032 10.03.2018 22:34
Ostatni post: Ajgor
  Zewnętrzny plik JS nie działa Spyze 2 6147 16.02.2018 15:36
Ostatni post: Spyzee
Ściana Scrollbar jako nakładka na stronę Spyze 0 6093 15.02.2018 21:12
Ostatni post: Spyze
  Jak stworzyć dobry sklep internetowy? LeoW 2 7332 02.02.2018 13:04
Ostatni post: wlooqo
  Złe zapytanie sql php bartek164 1 6531 18.01.2018 09:38
Ostatni post: koneton
  Stream na stronie WordPress Artur3333 0 6408 17.01.2018 13:57
Ostatni post: Artur3333
  Złe działanie skyrptu php/formularze bartek164 0 6409 16.01.2018 17:14
Ostatni post: bartek164
  Poszukuję kodu do strony na wybór wejścia Ganjax15 4 7336 15.01.2018 12:21
Ostatni post: Ganjax15
  Dziwna zmienna dodawana w nazwie postów? stasiowin 2 6610 12.01.2018 09:50
Ostatni post: raxer
  Jaki kod pod taką stronę? aktywny27 11 15878 10.01.2018 19:36
Ostatni post: Ajgor
  Prośba o stworzenie strony internetowej. Matiexis 0 6555 08.01.2018 19:59
Ostatni post: Matiexis
  Zmiana wyglądu ''index of'' w XAMPP'ie domeczegg 3 6199 06.01.2018 13:14
Ostatni post: domeczegg