Forum PHP.pl > [HTML][XML][CSS]Jak zlikwidowac ten pasek?

Iron22

12.05.2010, 19:22:13

Jak zlikwidowac ten pasek?
BO to wygląda tak jak by tu dwie warstwy sie na siebie nakładały?

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dokument bez nazwy</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}

div.Tytul{

width:760px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
margin:0 auto;
padding:0;

}

div.index-01_{
width:760px;
height:263px;
font-size:0;
}

div.index-02_{
position:absolute;
top:263px;
width:67px;
height:96px;

}

div.index-03_{
position:absolute;
left:67px;
top:263px;
width:129px;
height:65px;
}

div.index-04_{
position:absolute;
left:196px;
top:263px;
width:564px;
height:1px;
}

div.index-05_{
position:absolute;
left:196px;
top:264px;
width:48px;
height:95px;
}

div.index-06_{
position:absolute;
left:244px;
top:264px;
width:273px;
height:64px;
}

div.index-07_{
position:absolute;
left:517px;
top:264px;
width:216px;
height:64px;
}

div.index-08_{
position:absolute;
left:733px;
top:264px;
width:27px;
height:95px;
}

div.index-09_{
position:absolute;
left:67px;
top:328px;
width:129px;
height:31px;
}

div.index-10_{
position:absolute;
left:244px;
top:328px;
width:489px;
height:31px;
}

div.index-11_{
position:absolute;
overflow:hidden;
left:0px;
top:359px;
width:760px;
background:url(Obrazki/index_11.jpg);
border-bottom:none;

}
</style>

</head>
<body style="background:#33FFFF; text-align:center;">

<div class="Tytul">
</div>

<div class="index-01_">
<img src="Obrazki/index_01.jpg" border="0">
</div>

<div class="index-02_">
<img src="Obrazki/index_02.jpg"border="0">
</div>

<div class="index-03_">
<img src="Obrazki/index_03.jpg" border="0">
</div>

<div class="index-04_">
<img src="Obrazki/index_04.jpg"border="0">
</div>

<div class="index-05_">
<img src="Obrazki/index_05.jpg"border="0">
</div>

<div class="index-06_">
<img src="Obrazki/index_06.jpg" border="0">
</div>

<div class="index-07_">
<img src="Obrazki/index_07.jpg" border="0">
</div>

<div class="index-08_">
<img src="Obrazki/index_08.jpg" border="0">
</div>

<div class="index-09_">
<img src="Obrazki/index_09.jpg" border="0">
</div>

<div class="index-10_">
<img src="Obrazki/index_10.jpg" border="0">
</div>

<div class="index-11_">

<p><br />Doskonale zdajemy sobie sprawę że zakupy w internecie u niektórych

<img src="Obrazki/index_11.jpg" border="0">

</div>

</body>
</html>

Tu jest link do zdjęcia
Obrazek

tehaha

12.05.2010, 19:26:47

który pasek? //link do zdjęcia nie działa

DowNlOaD_

12.05.2010, 19:29:19

chyba ten pod tym napisem

//edit:

mi link chodzi:
http://fotoo.pl/zdjecia/files/2010-05/0d13d64c.bmp

darophp

12.05.2010, 19:36:39

A może by tak trochę więcej kod ? Bo z tego nic nie wiadomo.

EDIT:

Sorka, nie zauważyłem

DowNlOaD_

12.05.2010, 19:42:52

darophp, masz pasek po prawej do przesuwania, tam jest caly kod ;p

Iron22

12.05.2010, 20:09:46

Ten pasek który jest pod napisem na tym dużym szarym polu:)
Obraz

krzysztof_kf

12.05.2010, 20:13:11

Przedstaw kod bo nie wiadomo co tam zrobiłeś

Iron22

12.05.2010, 21:34:11

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dokument bez nazwy</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}

div.Tytul{

width:760px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
margin:0 auto;
padding:0;

}

div.index-01_{
width:760px;
height:263px;
font-size:0;
}

div.index-02_{
position:absolute;
top:263px;
width:67px;
height:96px;

}

div.index-03_{
position:absolute;
left:67px;
top:263px;
width:129px;
height:65px;
}

div.index-04_{
position:absolute;
left:196px;
top:263px;
width:564px;
height:1px;
}

div.index-05_{
position:absolute;
left:196px;
top:264px;
width:48px;
height:95px;
}

div.index-06_{
position:absolute;
left:244px;
top:264px;
width:273px;
height:64px;
}

div.index-07_{
position:absolute;
left:517px;
top:264px;
width:216px;
height:64px;
}

div.index-08_{
position:absolute;
left:733px;
top:264px;
width:27px;
height:95px;
}

div.index-09_{
position:absolute;
left:67px;
top:328px;
width:129px;
height:31px;
}

div.index-10_{
position:absolute;
left:244px;
top:328px;
width:489px;
height:31px;
}

div.index-11_{
position:absolute;
overflow:hidden;
left:0px;
top:359px;
width:760px;
background:url(Obrazki/index_11.jpg);
border-bottom:none;

}
</style>

</head>
<body style="background:#33FFFF; text-align:center;">

<div class="Tytul">
</div>

<div class="index-01_">
<img src="Obrazki/index_01.jpg" border="0">
</div>

<div class="index-02_">
<img src="Obrazki/index_02.jpg"border="0">
</div>

<div class="index-03_">
<img src="Obrazki/index_03.jpg" border="0">
</div>

<div class="index-04_">
<img src="Obrazki/index_04.jpg"border="0">
</div>

<div class="index-05_">
<img src="Obrazki/index_05.jpg"border="0">
</div>

<div class="index-06_">
<img src="Obrazki/index_06.jpg" border="0">
</div>

<div class="index-07_">
<img src="Obrazki/index_07.jpg" border="0">
</div>

<div class="index-08_">
<img src="Obrazki/index_08.jpg" border="0">
</div>

<div class="index-09_">
<img src="Obrazki/index_09.jpg" border="0">
</div>

<div class="index-10_">
<img src="Obrazki/index_10.jpg" border="0">
</div>

<div class="index-11_">

<p><br />Doskonale zdajemy sobie sprawę że zakupy w internecie u niektórych

<img src="Obrazki/index_11.jpg" border="0">

</div>

</body>
</html>

I co macie jakies pomysły?

gecior

12.05.2010, 22:00:35

Problem wynika najprawdopodobniej z powodu załamywania sie wierszy, ponieważ został użyty Margin. Proponuję użyć paddingu zamiast marginu. Niestety pod kilkoma przeglądarkami występuje ten problem, szczególnie pod IE. Odsyłam do innego posta, może coś pomoże: http://forum.php.pl/index.php?showtopic=12...amp;mode=linear

Iron22

13.05.2010, 16:02:09

Ale ten problem mam akurat w każdej przeglądarce jak podglądam stronę

Także przeczytałem wczoraj ten post pod który mnie odesłałeś ale nic nie pomogło:(

To moze inanczej wrzuce plik ze stroną na serwer i wtedy łatwiej może będzie znaleśc rozwiązacie.
Stronka

kapuch

13.05.2010, 16:13:00

Co to za obrazek "src="Obrazki/index_11.jpg" ?
Czy czasami to nie jest obrazek tla?
Wrzucasz go do tego samego diva co ten napis, a ze ten obrazek ma takie przejscie od bialego do szarego to tez widzisz ta kreske.
Ciezko cokolwiek powiedziec, skoro nie masz strony na serwerze, bo jedyne co mozemy, to domyslac sie co to za obrazki tam wstawiasz.
Wrzuc to na jakis darmowy serwer, np. prv.pl a nie dajesz linka do spakowanej strony, chyba nie trudno zalozyc konto?

Iron22

13.05.2010, 17:15:52

Tak ten obrazek który napisałes to obrazek tła:) zgadza się.

kapuch

13.05.2010, 17:24:55

Cytat(Iron22 @ 13.05.2010, 18:15:52 )

Tak ten obrazek który napisałes to obrazek tła:) zgadza się.

Czyli wywal ten img z diva a w css daj backgrund:url('obrazek_tla.jpg'); dla tego diva i bedzie ok (powinno byc)

krzysztof_kf

13.05.2010, 18:23:41

Pokaż wersję Online

Iron22

14.05.2010, 00:21:59

Kąbinowałem z kodem ale nic

Efekt

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dokument bez nazwy</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}

div.Tytul{
overflow:hidden;
width:760px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
margin:0 auto;
padding:0;

}

div.index-01_{
width:760px;
height:263px;
font-size:0;
}

div.index-02_{
position:absolute;
top:263px;
width:67px;
height:96px;

}

div.index-03_{
position:absolute;
left:67px;
top:263px;
width:129px;
height:65px;
}

div.index-04_{
position:absolute;
left:196px;
top:263px;
width:564px;
height:1px;
}

div.index-05_{
position:absolute;
left:196px;
top:264px;
width:48px;
height:95px;
}

div.index-06_{
position:absolute;
left:244px;
top:264px;
width:273px;
height:64px;
}

div.index-07_{
position:absolute;
left:517px;
top:264px;
width:216px;
height:64px;
}

div.index-08_{
position:absolute;
left:733px;
top:264px;
width:27px;
height:95px;
}

div.index-09_{
position:absolute;
left:67px;
top:328px;
width:129px;
height:31px;
}

div.index-10_{
position:absolute;
left:244px;
top:328px;
width:489px;
height:31px;
}

div.index-11_{
position:absolute;
overflow:hidden;
left:0px;
top:359px;
width:760px;
background:url(Obrazki/index_11.jpg) repeat-x;

}
</style>

</head>
<body style="background:#33FFFF; text-align:center;">

<div class="Tytul">
</div>

<div class="index-01_">
<img src="Obrazki/index_01.jpg" border="0">
</div>

<div class="index-02_">
<img src="Obrazki/index_02.jpg"border="0">
</div>

<div class="index-03_">
<img src="Obrazki/index_03.jpg" border="0">
</div>

<div class="index-04_">
<img src="Obrazki/index_04.jpg"border="0">
</div>

<div class="index-05_">
<img src="Obrazki/index_05.jpg"border="0">
</div>

<div class="index-06_">
<img src="Obrazki/index_06.jpg" border="0">
</div>

<div class="index-07_">
<img src="Obrazki/index_07.jpg" border="0">
</div>

<div class="index-08_">
<img src="Obrazki/index_08.jpg" border="0">
</div>

<div class="index-09_">
<img src="Obrazki/index_09.jpg" border="0">
</div>

<div class="index-10_">
<img src="Obrazki/index_10.jpg" border="0">
</div>

<div class="index-11_">

<p><br /> In fermentum feugiat nisi. In lorem. Fusce ligula arcu, blandit a, posuere et, viverra sit amet, neque. Integer lacinia, lacus sed pretium bibendum, turpis purus vulputate quam, a lobortis elit massa eu metus. Aliquam placerat sagittis felis. Nullam sit amet turpis a sem tempus congue. Proin pharetra magna vitae turpis. Proin ultrices, arcu id volutpat consectetur, massa eros placerat purus, vitae gravida turpis turpis ut eros. Morbi eleifend sagittis leo. Fusce at nisl sit amet purus mattis elementum. Pellentesque sodales. Pellentesque in dolor. Fusce metus augue, tristique quis, rhoncus id, consectetur eget, turpis. Etiam ultricies mauris a pede. Aenean tristique enim ac enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida nisi at lectus. In faucibus, arcu at dignissim iaculis, erat lectus convallis est, aliquam tempor lorem lectus quis pede. Mauris adipiscing. Sed ullamcorper orci quis felis. Vestibulum ante. Nam dui. Morbi viverra mollis nisi. Vestibulum vestibulum nisi eu elit. Sed malesuada turpis ut sem. Vestibulum porta tortor. Aliquam mauris. Cras venenatis hendrerit est. Phasellus porttitor nibh ac lorem. Sed auctor tellus ac nisi. Sed facilisis. Donec dapibus volutpat mauris. In varius est. Sed dapibus semper pede. In lobortis. Ut quis tellus. Phasellus commodo. Fusce viverra, augue quis feugiat ultrices, eros nunc ornare ipsum, a vehicula erat leo ac orci. Mauris euismod. Nulla hendrerit. Duis eu risus. Donec eget eros et lectus tincidunt lobortis. Vestibulum posuere.

<p>Pellentesque quis velit eu arcu tincidunt consequat. Aliquam metus. Pellentesque tempus posuere diam. Donec dapibus sem ac nunc ultrices venenatis. Nullam id tortor et sem imperdiet aliquet. Phasellus mollis, nisi quis aliquam sodales, ipsum neque facilisis tortor, vel venenatis urna nibh et massa. Ut nisi tortor, lacinia a, pulvinar non, pulvinar vel, metus. Duis magna enim, sollicitudin vitae, interdum sed, suscipit nec, erat. In fermentum feugiat nisi. In lorem. Fusce ligula arcu, blandit a, posuere et, viverra sit amet, neque. Integer lacinia, lacus sed pretium bibendum, turpis purus vulputate quam, a lobortis elit massa eu metus. Aliquam placerat sagittis felis. Nullam sit amet turpis a sem tempus congue. Proin pharetra magna vitae turpis. Proin ultrices, arcu id volutpat consectetur, massa eros placerat purus, vitae gravida turpis turpis ut eros. Morbi eleifend sagittis leo. Fusce at nisl sit amet purus mattis elementum. Pellentesque sodales. Pellentesque in dolor. Fusce metus augue, tristique quis, rhoncus id, consectetur eget, turpis. Etiam ultricies mauris a pede. Aenean tristique enim ac enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida nisi at lectus. In faucibus, arcu at dignissim iaculis, erat lectus convallis est, aliquam tempor lorem lectus quis pede. Mauris adipiscing. Sed ullamcorper orci quis felis. Vestibulum ante.</p>

<p>In lorem. Fusce ligula arcu, blandit a, posuere et, viverra sit amet, neque. Integer lacinia, lacus sed pretium bibendum, turpis purus vulputate quam, a lobortis elit massa eu metus. Aliquam placerat sagittis felis. Nullam sit amet turpis a sem tempus congue. Proin pharetra magna vitae turpis. Proin ultrices, arcu id volutpat consectetur, massa eros placerat purus, vitae gravida turpis turpis ut eros. Morbi eleifend sagittis leo. Fusce at nisl sit amet purus mattis elementum. Pellentesque sodales. Pellentesque in dolor. Fusce metus augue, tristique quis, rhoncus id, consectetur eget, turpis. Etiam ultricies mauris a pede. Aenean tristique enim ac enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida nisi at lectus. In faucibus, arcu at dignissim iaculis, erat lectus convallis est, aliquam tempor lorem lectus quis pede. Mauris adipiscing. Sed ullamcorper orci quis felis. Vestibulum ante.</p>
fgfgfgf<br>

</div>

</body>
</html>

kapuch

14.05.2010, 09:58:37

Tu w kodzie nie zabardzo cos zdzialasz, trzeba by bylo pociac obrazek, tzn. wyciac samo przejscie i je dac jako tlo, a reszte wypelnic kolorem takim samym jak reszta obrazka(szarym), albo nadac divowi ustalona wysokosc (taka jak obrazek tla) i dac mu:

Kod

overflow-y: auto;

Polecam poczytac o css-ie, dowiesz sie duzo fajnych rzeczy.

Iron22

14.05.2010, 12:02:14

czyli w tym miejscu miałbym dodać jescze height?

CODE

div.index-11_{
position:absolute;
overflow:auto;
left:0px;
top:359px;
width:760px;
height:
background:url(Obrazki/index_11.jpg) repeat-x;

kapuch

14.05.2010, 12:11:14

Tak i nie zapomnij o sredniku ";".
Btw. nie szybciej bylo sprawdzic, niz pisac posta?

Ociu

14.05.2010, 12:57:18

@Iron22 Zacznij stosować odpowiednie kolorowanie składni. Kod dzięki temu jest o wiele czytelniejszy. Na tyle postów bez odpowiedniego bbCode - jeszcze jeden post i zamykam temat.

Iron22

14.05.2010, 16:41:55

zrobiłem to co powiedziałes ale nie zadziałało:(. Mam pasek z boku do przewijania a ja chce bez tego paska.

krzysztof_kf

14.05.2010, 17:05:18

Po co wszystko pozycjonujesz absolutnie pokaz link www wrzuć gdzieś nie screen .

kapuch

14.05.2010, 19:03:40

Cytat(Iron22 @ 14.05.2010, 17:41:55 )

zrobiłem to co powiedziałes ale nie zadziałało:(. Mam pasek z boku do przewijania a ja chce bez tego paska.

przeciez podalem ci dwa sposoby! Ten z przewijaniem ci sie nie podoba, to potnij obrazek, bo inaczej tego nie zrobisz, skoro jeden obrazek jest przejsciem jaki i tlem zarazem.

Iron22

14.05.2010, 19:39:51

a to mam go jeszcze na pół przeciąć?
Jak mam go pociąć?

kapuch

14.05.2010, 23:19:06

Cytat(Iron22 @ 14.05.2010, 20:39:51 )

a to mam go jeszcze na pół przeciąć?
Jak mam go pociąć?

Nie na 3/4 i na wskroś.
Czlowieku czytaj to co sie do Ciebie pisze.
Chyba napisalem Ci wyraznie we wczesniejszym poscie, ze mozesz wyciac tylko to przejscie i wstawic jako tlo, a reszte wypelnic kolorem szarym.
Z nie pocietym obrazkiem nic innego nie zrobisz, przeciez on ma ustalona wysokosc i jesli div sie wydluzy, to reszty ten obrazek nie pokryje, gdyby byl to jakis gradient/desen to mozna by bylo zastosowac "repeat", ale nie z tym!
Skoro nie pasuje ci sposob z overflow, masz problem ze zrozumieniem jak sie robi tlo i nie wiesz jak ciac obrazki, to najlepiej zmien to tlo na gradient.
EOT z mojej strony.

Iron22

16.05.2010, 22:29:16

czyli jak mam go na pół przyciąć i zapisać jako keljny plik np index-14.
I potem co?
Jakich komend urzyć?

PEwnie ci chodzi żeby pociąć go w tym elemencie który sie nakłada na stronie?
TYlko w tym problem że ten obrazek jako zdjęcie tak nie wygląda tylko do piero po wprowadzeniu większej ilości tekstu taki pasek się robi.

Także nie wiem czy o tym samym myslimy.

Pomóżcie mi bo nie wiem czy was dobrze rozumiem.
Ja już nawet zakupiłem sobie ksiażke z wydawnictwa HElio o HTML i CSS i tam nic nie ma jak ciąć obrazki.
A ostatnim razem jakchciałem poskałdadac strone to powiedzieliście że za bardzo ja pociołem a teraz sie dowiaduje że tez źle.
I tak źle i tak niedobrze.
Przeciez jak przetne ten szry obrazek na pół to mi to nic nie da.

krzysztof_kf

17.05.2010, 06:45:42

Cytat(Iron22 @ 14.05.2010, 17:41:55 )

zrobiłem to co powiedziałes ale nie zadziałało:(. Mam pasek z boku do przewijania a ja chce bez tego paska.

yyy ? jak ci zniknie pasek przewijania jak masz zamiast grafiki zrobiony plakat zmniejsz go potnij coś poczytaj kurs każdy chce dobrze tylko ty nie chcesz sobie pomóc ?

Iron22

18.05.2010, 10:37:17

Pociołem ten obrazek tak
Tło 1
i tak
Tło2
I co dalej?

krzysztof_kf

18.05.2010, 16:17:56

Cytat(Iron22 @ 18.05.2010, 11:37:17 )

Pociołem ten obrazek tak
Tło 1
i tak
Tło2
I co dalej?

Dalej to poczytaj to Kurs

kapuch

18.05.2010, 18:48:54

Albo daj to jako zlecenie, bo uwierz mi, ale nikt tu nikomu nie placi, za uczenie kogos od podstaw - pomoc mozemy, ale w Twoim przypadku, to klaniaja sie podstawy podstaw podstawy HTMLa.

Iron22

19.05.2010, 10:18:46

Już sobie sam poradziłem.
I nie musiałem nic kur.. ciąć od nowa.
mówiłem wam że coś mozna w kodzie zrobić i zrobiłem
dałem

CODE

background:#d2d2d2 url(Obrazki/index_11.jpg) no-repeat;

kapuch

19.05.2010, 11:08:26

Cytat(Iron22 @ 19.05.2010, 11:18:46 )

Już sobie sam poradziłem.
I nie musiałem nic kur.. ciąć od nowa.
mówiłem wam że coś mozna w kodzie zrobić i zrobiłem
dałem

CODE

background:#d2d2d2 url(Obrazki/index_11.jpg) no-repeat;

Z kogos chcesz glupka zrobic?
Pare postow wyzej miales napisane, zeby wywalic obrazek z diva i zrobic background: url(); w css, ale wtedy ci to nie pasowalo, bo jesli tekst byl zbyt dlugi to wyjezdzal ci poza tlo.
Teraz dodales do tego no-repeat i uwazasz sie za bystrego, bo pewnie nawet nie wiesz co to jest no-repeat, otoz powoduje to tylko tyle, ze obrazek tla nie powtarza sie, a tekst bedzie ci nadal wyjezdzal.
Ale fajnie ze sie tak zachowales, bo przynajmniej wiadomo z kim mamy do czynienia, wiec z mojej strony, nie licz na jakakolwiek pomoc, a napewno jeszcze nie raz bedziesz jej potrzebowal, patrzac na twoja wiedze.
Trzymaj sie webmasterze :]

Cytat(kapuch @ 13.05.2010, 18:24:55 )

Czyli wywal ten img z diva a w css daj backgrund:url('obrazek_tla.jpg'); dla tego diva i bedzie ok (powinno byc)

Cytat(Iron22 @ 14.05.2010, 01:21:59 )

Kąbinowałem z kodem ale nic

Efekt

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dokument bez nazwy</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}

div.Tytul{
overflow:hidden;
width:760px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
margin:0 auto;
padding:0;

}

div.index-01_{
width:760px;
height:263px;
font-size:0;
}

div.index-02_{
position:absolute;
top:263px;
width:67px;
height:96px;

}

div.index-03_{
position:absolute;
left:67px;
top:263px;
width:129px;
height:65px;
}

div.index-04_{
position:absolute;
left:196px;
top:263px;
width:564px;
height:1px;
}

div.index-05_{
position:absolute;
left:196px;
top:264px;
width:48px;
height:95px;
}

div.index-06_{
position:absolute;
left:244px;
top:264px;
width:273px;
height:64px;
}

div.index-07_{
position:absolute;
left:517px;
top:264px;
width:216px;
height:64px;
}

div.index-08_{
position:absolute;
left:733px;
top:264px;
width:27px;
height:95px;
}

div.index-09_{
position:absolute;
left:67px;
top:328px;
width:129px;
height:31px;
}

div.index-10_{
position:absolute;
left:244px;
top:328px;
width:489px;
height:31px;
}

div.index-11_{
position:absolute;
overflow:hidden;
left:0px;
top:359px;
width:760px;
background:url(Obrazki/index_11.jpg) repeat-x;

}
</style>

</head>
<body style="background:#33FFFF; text-align:center;">

<div class="Tytul">
</div>

<div class="index-01_">
<img src="Obrazki/index_01.jpg" border="0">
</div>

<div class="index-02_">
<img src="Obrazki/index_02.jpg"border="0">
</div>

<div class="index-03_">
<img src="Obrazki/index_03.jpg" border="0">
</div>

<div class="index-04_">
<img src="Obrazki/index_04.jpg"border="0">
</div>

<div class="index-05_">
<img src="Obrazki/index_05.jpg"border="0">
</div>

<div class="index-06_">
<img src="Obrazki/index_06.jpg" border="0">
</div>

<div class="index-07_">
<img src="Obrazki/index_07.jpg" border="0">
</div>

<div class="index-08_">
<img src="Obrazki/index_08.jpg" border="0">
</div>

<div class="index-09_">
<img src="Obrazki/index_09.jpg" border="0">
</div>

<div class="index-10_">
<img src="Obrazki/index_10.jpg" border="0">
</div>

<div class="index-11_">

<p><br /> In fermentum feugiat nisi. In lorem. Fusce ligula arcu, blandit a, posuere et, viverra sit amet, neque. Integer lacinia, lacus sed pretium bibendum, turpis purus vulputate quam, a lobortis elit massa eu metus. Aliquam placerat sagittis felis. Nullam sit amet turpis a sem tempus congue. Proin pharetra magna vitae turpis. Proin ultrices, arcu id volutpat consectetur, massa eros placerat purus, vitae gravida turpis turpis ut eros. Morbi eleifend sagittis leo. Fusce at nisl sit amet purus mattis elementum. Pellentesque sodales. Pellentesque in dolor. Fusce metus augue, tristique quis, rhoncus id, consectetur eget, turpis. Etiam ultricies mauris a pede. Aenean tristique enim ac enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida nisi at lectus. In faucibus, arcu at dignissim iaculis, erat lectus convallis est, aliquam tempor lorem lectus quis pede. Mauris adipiscing. Sed ullamcorper orci quis felis. Vestibulum ante. Nam dui. Morbi viverra mollis nisi. Vestibulum vestibulum nisi eu elit. Sed malesuada turpis ut sem. Vestibulum porta tortor. Aliquam mauris. Cras venenatis hendrerit est. Phasellus porttitor nibh ac lorem. Sed auctor tellus ac nisi. Sed facilisis. Donec dapibus volutpat mauris. In varius est. Sed dapibus semper pede. In lobortis. Ut quis tellus. Phasellus commodo. Fusce viverra, augue quis feugiat ultrices, eros nunc ornare ipsum, a vehicula erat leo ac orci. Mauris euismod. Nulla hendrerit. Duis eu risus. Donec eget eros et lectus tincidunt lobortis. Vestibulum posuere.

<p>Pellentesque quis velit eu arcu tincidunt consequat. Aliquam metus. Pellentesque tempus posuere diam. Donec dapibus sem ac nunc ultrices venenatis. Nullam id tortor et sem imperdiet aliquet. Phasellus mollis, nisi quis aliquam sodales, ipsum neque facilisis tortor, vel venenatis urna nibh et massa. Ut nisi tortor, lacinia a, pulvinar non, pulvinar vel, metus. Duis magna enim, sollicitudin vitae, interdum sed, suscipit nec, erat. In fermentum feugiat nisi. In lorem. Fusce ligula arcu, blandit a, posuere et, viverra sit amet, neque. Integer lacinia, lacus sed pretium bibendum, turpis purus vulputate quam, a lobortis elit massa eu metus. Aliquam placerat sagittis felis. Nullam sit amet turpis a sem tempus congue. Proin pharetra magna vitae turpis. Proin ultrices, arcu id volutpat consectetur, massa eros placerat purus, vitae gravida turpis turpis ut eros. Morbi eleifend sagittis leo. Fusce at nisl sit amet purus mattis elementum. Pellentesque sodales. Pellentesque in dolor. Fusce metus augue, tristique quis, rhoncus id, consectetur eget, turpis. Etiam ultricies mauris a pede. Aenean tristique enim ac enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida nisi at lectus. In faucibus, arcu at dignissim iaculis, erat lectus convallis est, aliquam tempor lorem lectus quis pede. Mauris adipiscing. Sed ullamcorper orci quis felis. Vestibulum ante.</p>

<p>In lorem. Fusce ligula arcu, blandit a, posuere et, viverra sit amet, neque. Integer lacinia, lacus sed pretium bibendum, turpis purus vulputate quam, a lobortis elit massa eu metus. Aliquam placerat sagittis felis. Nullam sit amet turpis a sem tempus congue. Proin pharetra magna vitae turpis. Proin ultrices, arcu id volutpat consectetur, massa eros placerat purus, vitae gravida turpis turpis ut eros. Morbi eleifend sagittis leo. Fusce at nisl sit amet purus mattis elementum. Pellentesque sodales. Pellentesque in dolor. Fusce metus augue, tristique quis, rhoncus id, consectetur eget, turpis. Etiam ultricies mauris a pede. Aenean tristique enim ac enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida nisi at lectus. In faucibus, arcu at dignissim iaculis, erat lectus convallis est, aliquam tempor lorem lectus quis pede. Mauris adipiscing. Sed ullamcorper orci quis felis. Vestibulum ante.</p>
fgfgfgf<br>

</div>

</body>
</html>

Iron22

20.05.2010, 00:02:11

Sorry kapuch wiem może cie to irytowac ale ja jestem nowicjuszem i dopiero się uczę. Może ty byłes taki zdolny jak zaczynałes że nie porzebowałeś pomocy. ALe inni jej potrzebują. Nie każdy tak szybko staje się dobrym webmasterem. WIęc daj na luz i daj trochę wyrozumiałości.

kapuch

20.05.2010, 10:18:24

Cytat(Iron22 @ 20.05.2010, 01:02:11 )

Sorry kapuch wiem może cie to irytowac ale ja jestem nowicjuszem i dopiero się uczę. Może ty byłes taki zdolny jak zaczynałes że nie porzebowałeś pomocy. ALe inni jej potrzebują. Nie każdy tak szybko staje się dobrym webmasterem. WIęc daj na luz i daj trochę wyrozumiałości.

Kazdy zaczynal tak jak ty, tyle ze ja np. sluchalem jak ktos mi cos radzil, a ty robisz wrazenie, ze pytasz o cos, a pozniej nie sluchasz

Moze troche mnie ponioslo, ale luz, mam nadzieje ze zrozumiales.
Tak czy siak radzil bym pouczyc sie pierw samych podstawo html/css, wtedy bedzie prosciej - nam pomagac, a Tobie zrozumiec