+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Jak przerobić stronę na tabelkach na divy (/thread-jak-przerobic-strone-na-tabelkach-na-divy)
Jak przerobić stronę na tabelkach na divy - szczupak - 01-06-2010
Witam.
Od razu mówię że jestem początkującym i nie zajmującym się zawodowo tym amatorem.
Mam jedno proste pytanie. Jak przerobić stronę która była zrobiona na tabelce na taką jaka powinna być, czyli bez tabelki. Chodzi mi o że wtedy robiło się odpowiednie komórki, wrzucało się tam obrazki i wszystko grało, ale nie wiem jak to zrobić na divach, tak żeby były one w odpowiednim miejscu, całość wyśrodkowana, a niektóre obrazki się powtarzały i przylegały do innych.
Dzięki z góry za odpowiedzi
RE: Jak przerobić stronę na tabelkach na divy - KeeL - 01-06-2010
Cześć,
No na pewno nie będzie Ci łatwo zamienić tabelek na divy.
Ale jeżeli znasz podstawy to na pewno Ci się uda.
Zaczynasz od tego że robisz jednego diva w którym umieszczasz potem następne divy. Żeby go wyśrodkować, a co za tym idzie całą strone nadajesz mu atrybut w CSS
Kod:
margin: 0 auto;Następnie edytujesz wszystko w CSS.
Przydatne atrybty do układania divów:
Kod:
float: left; opływanie, czyli z której strony ma być umieszczony DIV zamiast left może być jescze right
clear: both czyli brak opływania atrybuty tak jak wyżej + both który powoduje że div będzie zsunięty
z-index: 10; nakładanie im wyższa liczba tym wyżej div na stercieTo w takim skrócie. Poczytaj więcej o robieniu stron na divach.
RE: Jak przerobić stronę na tabelkach na divy - szczupak - 02-06-2010
Dzięki, pomogło mi to bardzo i już wiem o co chodzi
Mam tylko jedno pytanie jeszcze, jak zrobić, żeby środkowy element (obrazek) powtarzał się automatycznie pionowo i poziomo i dostosował się do tych które już są (lewy, prawy, góra i dół). Da się tak zrobić, czy trzeba po prostu ustawić odpowiednią szerokość i wysokość?
Aha, i jak zrobić żeby zawartość zaczynała się od samej góry strony? Zrobiłem top: 0px, ale i tak jest przerwa...
RE: Jak przerobić stronę na tabelkach na divy - dziamber - 02-06-2010
Żeby obraz się powtarzał w pionie i w poziomie to
Kod:
background-repeat: repeat-x, repeat-y;