Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Jak przerobić stronę na tabelkach na divy
#1
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 Smile
Odpowiedz
#2
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 w środku tego diva umieszczasz nowe divy, top strony i tak po kolei.

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 stercie

To w takim skrócie. Poczytaj więcej o robieniu stron na divach.
PHP i MySQL Tworzenie stron WWW Vademecum profesjonalisty Wydanie 4
- sprzedam po rozsądnej cenie, stan jak nowa.

Carpe Di Em
Odpowiedz
#3
Dzięki, pomogło mi to bardzo i już wiem o co chodzi Smile
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...
Odpowiedz
#4
Żeby obraz się powtarzał w pionie i w poziomie to
Kod:
background-repeat: repeat-x, repeat-y;
Co do innych pytań to pokaż kod, bo inaczej kod którym Ci podam może kolidować z tym obecnym.
[Obrazek: 2guxq1i.gif]
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  tło w css na całą stronę klimczok 2 3,851 16-02-2015, 17:33
Ostatni post: klimczok
  Divy.. Utilaft 4 3,617 21-02-2013, 02:27
Ostatni post: kornell
  [css] pytanie o divy grzesiek77 15 6,934 28-08-2012, 02:44
Ostatni post: kornell
  Jak wykonać taką stronę internetową? Moody 3 3,319 09-08-2012, 17:18
Ostatni post: Moody
  onclick.. divy zasłania diva itp. harvester2001 10 5,465 13-07-2012, 21:47
Ostatni post: Kartofelek

Skocz do:


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