Kodowanie laya...

[FreakyPhobos]

Witam,
Dzisiaj zacząłem sie uczyć css, poczytałem kilka kursów, wiem mniej więcej co z czym się je.
Jednak nie potrafie zroumieć tego co robić z pociętem layem.

Dokładnie chodzi mi o to że co mam zrobić aby np. treść newsa była na danym obrazku który jest zmieniony w tło a nie obrazek.

Zapewne ten kto sie tym zajmuje wie że kiedy potnę laya to PS sam daje mi ten początkowy kod, i nie wiem czy jest mi on potrzebny czy też nie?

Jeżeli napisałem coś niezrozumiale to przepraszam, jeżeli ktoś może mi pomóc prosze o odpowiedź w temacie lub najlepiej na gg 9850595.

Pozdrawiam FreakyPhobos.

[Gherthus]

Kodu raczej nie dostaniesz. Dostaniesz layout w postaci obrazka, plik .psd - będziesz mógł sobie go edytować w PS i może jakiś czcionki, ikonki.
Jak napiszesz sobie taki szablon oparty na divach to w arkuszu css musisz dać dla diva z np. newsem tło pod newsem z tego laya.

robisz np. tak:

kod html:

Kod:

<div class="news">Jakaś tam tresć newsa</div>

kod css:

Kod:

div.news
{
background-image: url(ścieżka_do_pliku_tła);
Background-color: #Kolor_w_hexie;
}

Kod ten nada dla wszystkich divów o klasie news tło z twojego obrazka i jednolity kolor tła. Chyba zrozumiesz. Jak nie to poczytaj jeszcze kurs. Szczególnie rozdział z tłem i selektorami.

[FreakyPhobos]

Nie zrozumiałeś.
Dajmy że mam już układ strony, i chce abym mogł na tym obrazu gdzie pisze news umieszczac swój tekst...
Teraz mam wszystko zapisane w .htmlu czyli w indexie
nie mam pliku styl.css

Rozumiesz?

(tutaj link do strony http://www.gemlapsze.yoyo.pl/ )

[webrunner1981]

Nie zrozumiałeś.
Dajmy że mam już układ strony, i chce abym mogł na tym obrazu gdzie pisze news umieszczac swój tekst...
Teraz mam wszystko zapisane w .htmlu czyli w indexie
nie mam pliku styl.css

Rozumiesz?

(tutaj link do strony http://www.gemlapsze.yoyo.pl/ )

http://www.gemlapsze.yoyo.pl/style.css jak widać plik css jest.

[Gherthus]

Nie zrozumiałeś.
Dajmy że mam już układ strony, i chce abym mogł na tym obrazu gdzie pisze news umieszczac swój tekst...
Teraz mam wszystko zapisane w .htmlu czyli w indexie
nie mam pliku styl.css

Rozumiesz?

(tutaj link do strony http://www.gemlapsze.yoyo.pl/ )

http://www.gemlapsze.yoyo.pl/style.css jak widać plik css jest.

Bo przedtem było tam zupełnie coś innego. Przekonałem kolegę do divów i chyba wrzucił tam jakiś darmowy szablon ;]

[webrunner1981]

Pewnie znów to samo, co w większości przypadków w pliku CSS: position: absolute; oraz position: relative; dla danego kontenera (div).
Do wyboru:

Kod:

#div.news { position: absolute; margin-top: 20px; margin-left: 100px; }

lub klasa

Kod:

.div.news { position: absolute; margin-top: 20px; margin-left: 100px; }

Warto z tym pokombinować i zobaczyć, co wyjdzie. Ja do tego dochodziłem metodą prób i błędów, który div (warstwa czy też kontener) powinna mieć atrybut absolute, a który relative i jakie wartości dla margin-top oraz margin-left powinny posiadać w pikselach.