Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Tabela z równymi komórkami.
#1
Witam.
Czy wiecie może jak stworzyć tabelę którą by mi się automatycznie sama równo podzieliła? Chodzi o to że jak tworzę standardowo tabelę czyli

Kod:
<table>
   <tr>
      <td>
  
      </td>
      <td>
  
      </td>
      <td>
  
      </td>
   </tr>
</table>

to po wpisaniu nagłówków które muszę wpisać, wszystko mam przy lewej krawędzi a po prawej stronie mam jeszcze sporo miejsca wolnego. Chodzi mi o to aby to wszystko było ładnie po równo rozłożone na stronie (aby cała strona była podzielona że tak powiem na 3 równe kolumny). Dziękuję z góry za pomoc.
Pozdrawiam.
Odpowiedz
#2
(08-07-2012, 22:34)kornell napisał(a): Witaj.
Mamy XXI wiek. Do pozycjonowania elementów na stronie nie używa się juz ani ramek (<frameset>,<frame>) ani tabel. Tabele służą do przedstawiania danych tabelarycznych, jak na przykład rozkład jazdy autobusów, a nie elementów na stronie. Powinieneś zacząć używać warstw (<div></div>) oraz Kaskadowych Arkuszy Stylów CSS.
No ale jezeli już koniecznie musisz wiedzieć, to można chyba nawet tak:
Kod:
table tr td {
   width:33% !important;
   height:auto;
}


Sęk w tym że ja to robię przy użyciu CMSa, mam tylko dostęp do edytora html albo wizualnego. Nie mam dojścia do pliku ze stylami.

Muszę zrobić coś takiego że mam nagłówek, pod tym nagłówkiem wypisane elementy które są linkami do strony, później obok kolejny nagłówek i pod nim elementy, obok trzeci nagłówek i pod nim elementy a pod spodem znowu to samo czyli nagłówek, elementy, nagłówek elementy itd. W sumie muszę mieć w poziomie (na szerokość) 3 takie że tak powiem listy a w pionie (w zdłuż) 4 elementy. Czyli taka tablica 3 na 4.
Odpowiedz
#3
CMS do MODx. A co mi da konfiguracja FTPa jak ja mam dostęp jedynie do panelu administracyjnego. Nie mam hasła do serwera bo obsługą administracyjną zajmuje się zewnętrzna firma. Mogę to jedynie zrobić w kodzie bo w edytorze nie lubię się grzebać. Muszę po prostu zrobić tabele 3 kolumny w poziomie czyli po szerokości strony i powtórzyć ją cztero krotnie czyli 4 takie tabele jedna pod drugą.
Odpowiedz
#4
Żebym miał dostęp do pliku CSS to wszystko było by o wiele prostsze i na pewno bym tu nie pytał bo bym sobie to fajnie w CSSie zrobił Smile. Dokładnie to coś takiego mi chodziło. Dzięki za pomoc Wink.

A jeszcze takie pytanie. Czy można zrobić jakoś tak aby zawartość kolumn była niezależna? Bo np teraz jak wpisuję do pierwszej kolumny 1 element a do kolumny 2, 3 elementy to automatycznie ten element z kolumny 1 też mi się jakoś układa względem tych elementów z 2 kolumny. Ja chcę aby to było niezależne tzn aby wpisanie elementów do każdej z kolumn nie oddziaływało na pozostałe.
Odpowiedz
#5
Odpowiedz
#6
Odpowiedz
#7
Tak tak, tu akurat wiem. Mi chodzi o to że spójrz ja są nazwy. Mam branżę 1 a w niej jedną nazwę, później branżę 2 a w niej 3 nazwy i zauważ że nazwa firmy z branży 1 zjechała mi w dół i jest na równo z nazwą 2 z branży 2. A chcę żeby to było wszystko na jednakowym poziomie. Z tym mam właśnie problem.
Odpowiedz
#8
Tak też właśnie myślałem. Ale czy te listy da radę wyjustować tak jak tabelę tzn podzielić stronę na 4 równe części i na każdej części dać osobną listę?

Elementy listy wstawiają mi się jedne pod drugim. Nie mam pojęcia jak zrobić je obok siebie i przydzielić im po równo 25% szerokości strony. Próbowałem je w tabele wstawić ale efekt taki sam jak poprzednio. Nie mogę nigdzie znaleźć jak jest prawidłowo ustawić :|.

Najbardziej mnie wkurza brak dostępu do pliku ze stylami. Gdybym mógł tam się dostać z całą pewnością nie zawracał bym Ci tu teraz głowy bo bez trudu bym sobie to ustawił. A tak muszę się męczyć i kombinować a i tak nie wiem czy coś z tego wyjdzie :|

Ok, szerokość listy ustawiłem. Teraz tylko pozostał problem jak zrobić aby wyświetlała się jednak obok drugiej a nie jedna pod drugą.
Odpowiedz
#9
Kod:
<table cellspacing="0" cellpadding="0">
<tr>
<th>Nagłowek 1</th>
<th>Nagłówek 2</th>
</tr>
<tr>
<td>Komórka 1</td>
<td>Komórka 2</td>
</tr>
</table>

table {width:100%;}
table td,
table th {vertical-align:middle;}

Overflowy, jakieś inne stylowania z logicznego punktu widzenia nie za bardzo się nadają do tabeli.
Jeżeli tabela się nie mieści w danym rozmiarze to automatycznie sobie pozmienia te komórki. Może pomóc table-layout:fixed, ale to też średnio dziala.
Odpowiedz
#10
Też prawda. Dlatego nie powinno się wspierać zarówno 6 jak i 7.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  tabela inaczej wygląda w różnych przeglądarkach faust 3 2,837 25-01-2012, 04:35
Ostatni post: Kartofelek
  Ramka/tabela po najechaniu myszką alionline 1 9,532 02-08-2010, 18:38
Ostatni post: Kartofelek
  Problem z tabelą Grzegorz25 0 1,359 07-10-2009, 21:41
Ostatni post: Grzegorz25

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl