Strona 1 z 1

cięcie layoutu a tekst na stronie

PostNapisane: 10 września 2007, o 21:11
przez 12bombs
witam

spędziłam nad szukaniem rozwiązania na ten problem cały dzień, przeszukałam różne fora, ale muszę prosić o jakieś wskazówki. zrobiłam layout strony w ps'ie, pocięłam go, wygląda to tak:
http://www.ttschicago.prv.pl/

chciałam zapytać, jak mam umieścić tekst na poszczególnych elementach tła, które właściwie nie jest tłem, bo to wszystko jest w znacznikach img src, a nie background. muszę wstawić menu i tabelę?, w której będą znajdować się teksty na poszczególne tematy. czy jest jakiś sposób, żeby na elemencie http://www.ttschicago.prv.pl/images/index_21.gif zrobić po prostu lity tekst? bez paska przewijania z boku? czytałam różne porady, typu zrobienie diva z grafiką (jak to zrobić?) albo żeby umieścić ten element jako background, ale wtedy jak zdefiniować, żeby był on w takiej pozycji i to w różnych rozdzielczościach? myślałam też, żeby umieścić cały, niepocięty gif z layoutem jako background i usunąć ten 21.gif, ale wtedy wszystko mi się rozpada.

proszę o jakieś porady

PostNapisane: 10 lipca 2009, o 22:54
przez jokker

PostNapisane: 10 lipca 2009, o 23:10
przez januzi

PostNapisane: 11 lipca 2009, o 12:24
przez jokker

PostNapisane: 11 lipca 2009, o 17:08
przez januzi

PostNapisane: 11 lipca 2009, o 22:01
przez jokker

PostNapisane: 12 lipca 2009, o 01:06
przez januzi
czarnymi maźnięciami zaznaczone krawędzie divów
obrazek

jeśli całość ma się ułożyć pośrodku ekranu, to jeszcze jeden div centrujący
razem 6 (lub z centrującym) 7 divów; górne i boczne menu jako ul; tekst w p
srodkowy i dolny div z marginesem gornym

jak zaokrąglenia, to albo to co w firefoxie jest w css, albo żeby wyłapało więcej przeglądarek: http://www.webcredible.co.uk/user-frien ... ders.shtml (i inne linki, które google znajdzie pod hasłem "div round corners")

div z menu float na lewo, div z tekstem float na prawo

i to by było mniej więcej wszystko

PostNapisane: 12 lipca 2009, o 13:56
przez jokker
dobra, nic nie zrozumiałem ;(. Nie dokładnie pokazałeś te wycięcia, i jak zrobić te divy?

Czy na layu musze zrobic bez tekstu? i jak zrobic zeby tekst byl na przycisku itp ? mozesz mi pociąć to i podesłać ? zrobić poradnik jak dla super początkującego? :) Proszę Cię o to bardzo :)

a i po co div srodkujący skoto to w css można zrobić ? ;p

PostNapisane: 12 lipca 2009, o 16:15
przez januzi
można zrobić w css i właśnie po to jest ten div

<div id="head">
</div>
<div id="menu_top">
</div>
<div id="content">
<div id="menu_left">
</div>
<div id="main">
</div>
</div>

w stylach:
#wpisane_id {
wymiary, kolor, tlo, czcionki itd
}

PostNapisane: 12 lipca 2009, o 21:32
przez jokker
a mozesz podaj co wpisuje w tych sstylach ?

jak tlo dac ? mam w sciezce images/header.gif itp ;)

a jak go tak pociełem to porobiło się pare takich małych pasków i nie wiem jak je poustawiać ;/

to mój kod:


<body>
<div id="page-container">
<div id="header"><h1><img src="images/header.gif"></h1></div>
<div id="main-nav"><img src="images/nav.gif" ></div>
<div id="3"><img src="images/3.gif"></div>
<div id="left-nav"><img src="images/left-nav.gif"></div>
<div id="srodek"><img src="images/srodek.gif"></div>
</div>

</body>

a i potem gdzie tekst pisać ??

PostNapisane: 13 lipca 2009, o 11:35
przez januzi
obrazki jako tło, tekst tam gdzie powinien być

PostNapisane: 13 lipca 2009, o 14:58
przez jokker
a mozesz mi to napisać tak jak powinno być ?
a gdzie powinien być tekst : p ?

PostNapisane: 13 lipca 2009, o 19:01
przez januzi
<div id="srodek"><p>tekst</p></div>

PostNapisane: 13 lipca 2009, o 22:13
przez jokker
a przecież znacznika <p> nie trzeba zamykać ;p a jak w css ma wyglądać ten skrypt... bardziej mi o to chodziło ;)

PostNapisane: 15 lipca 2009, o 22:19
przez jokker
czy może mi ktoś w tym pomóc? trochę precyzji nie zaszkodzi ;/