<div> na stronie [layout]


(Morgenowsky) #1

Witam.

Pociąłem swój layout, ale mam pewien problem.

Chcę zrobić z tego stronę WWW - niestety nie wychodzi.

Mam taki układ: (przed pocięciem)

kolumna | logo | kolumna

Po pocięciu jest oczywiście taki sam, ale każdy obrazek chcę zrobić jako tło, żeby móc potem na tym pisać.

Gdy robię divy to układ jest taki

kolumna

logo

i dalej już nie robię.

Co powinienem wpisać, żeby mieć układ taki, jaki jest na layoutcie?


(Piotrek Płatek) #2

tak, przerabiaj teraz na divy, powodzenia...

a skąd mam wiedzieć jak jest teraz ??


(Azpr) #3

zapodaj jakiegos screena chłopie...


(Airborn) #4

google: div+pozycjonowanie


(Fora) #5

http://forum.dobreprogramy.pl/viewtopic.php?t=73609


(Vendro) #6

styl.css

.lewa {

background-color: #eee;

float: left;

width: 100px;

}

.srodek {

background-color: #fff;

float: left;

width: 400px;

}

.prawa {

background-color: #eee;

float: left;

width: 100px;

}

w body

menu lewe

srodek

menu prawe
[/code] Domyślam się, z Twojego postu, że o to chodziło. Wyrównywanie bloków -
itp. robisz przy pomocy
[code]float: left/right

zapraszam do lektury: http://kurs.browsehappy.pl/

Pozdrawiam.


(Morgenowsky) #7

layyyyy_01.jpg

layyyyy_02.jpg

menu prawe


(adam9870) #8

A może tak byś dał na forum zawartość pliku ze stylem :roll:


(Morgenowsky) #9

Zawartość style.css


(Kubarek) #10

zeby cokolwiek bylo floatowane, musi miec okresloną wartosc width

look: http://forum.4programmers.net/viewtopic.php?id=91924


(Morgenowsky) #11

Określiłem width i nadal to samo.

Kilka dni temu udało mi się zrobić ponad 4 divy pod rząd, ale ostatni był krzywo.

Wzorowałem się na kodzie darmowego szablonu.


(Kubarek) #12

ale linka, ktorego podalem, nie ogladnales :? masz tam podane na tacy dwa dobre rozwiazania tego problemu...

a poza tym w Twoim kodzie ktory napisales sa bledy, nie ma zamknietego jednego znacznika div, inna rzecz: puste div'y zachowuja sie tak jakby ich nie bylo, dodaj przynajmniej twarda spacje ( nbsp )


(Morgenowsky) #13

(Airborn) #14

(Morgenowsky) #15

No dobra, powiedzmy że rozumiem.

Tylko jak to mam ustawić w dobre miejsce tak, żeby to było idealnie?

Mam coś wymierzać?


(Piotrek Płatek) #16

to posłuchaj mądrego pana Airborn a


(Airborn) #17

jak chcesz, rozwiązań jest kilka zapewne, ja zawsze wymierzam, możesz pozycjonować względnie rób jak Tobie jest wygodniej


(Morgenowsky) #18

Ok, w piątek się tym zajmę.

Tylko mam pytanie - będę widział czy to jest równo na 100%?

Mogę się przecież pomylić powiedzmy o 1px, ale wtedy chyba zobaczę jakąś białą kreskę (obrazki nie będą do siebie przylegały).

Czy taki 1px jest zauważalny?


(Airborn) #19

zrób sobie obrazek, czarną linię o grubości 1px i wrzuć np. na imageshack i sprawdź jak to u Ciebie wygląda na monitorze :wink: