Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][XML][CSS]Jak zlikwidowac ten pasek?
Iron22
post 12.05.2010, 19:22:13
Post #1





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

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

Ten post edytował Iron22 12.05.2010, 19:24:42
Go to the top of the page
+Quote Post
2 Stron V   1 2 >  
 Start new topic
Odpowiedzi (1 - 19)
tehaha
post 12.05.2010, 19:26:47
Post #2





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

Ostrzeżenie: (0%)
-----

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

Ten post edytował tehaha 12.05.2010, 19:28:16
Go to the top of the page
+Quote Post
DowNlOaD_
post 12.05.2010, 19:29:19
Post #3





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 28.02.2010

Ostrzeżenie: (0%)
-----

chyba ten pod tym napisem

//edit:

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

Ten post edytował DowNlOaD_ 12.05.2010, 19:30:20
Go to the top of the page
+Quote Post
darophp
post 12.05.2010, 19:36:39
Post #4





Grupa: Zarejestrowani
Postów: 309
Pomógł: 20
Dołączył: 13.02.2010
Skąd: Kęty

Ostrzeżenie: (0%)
-----

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

EDIT:

Sorka, nie zauważyłem smile.gif

Ten post edytował darophp 12.05.2010, 19:49:01


--------------------
Fotografia, projektowanie stron WWW | web-coding.pl - HTML 5 i CSS 3 - już w krótce ;)
Go to the top of the page
+Quote Post
DowNlOaD_
post 12.05.2010, 19:42:52
Post #5





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 28.02.2010

Ostrzeżenie: (0%)
-----

darophp, masz pasek po prawej do przesuwania, tam jest caly kod ;p
Go to the top of the page
+Quote Post
Iron22
post 12.05.2010, 20:09:46
Post #6





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

Ten pasek który jest pod napisem na tym dużym szarym polu:)
Obraz
Go to the top of the page
+Quote Post
krzysztof_kf
post 12.05.2010, 20:13:11
Post #7





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Przedstaw kod bo nie wiadomo co tam zrobiłeś
Go to the top of the page
+Quote Post
Iron22
post 12.05.2010, 21:34:11
Post #8





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

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?
Go to the top of the page
+Quote Post
gecior
post 12.05.2010, 22:00:35
Post #9





Grupa: Zarejestrowani
Postów: 63
Pomógł: 1
Dołączył: 16.08.2007

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
Iron22
post 13.05.2010, 16:02:09
Post #10





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
kapuch
post 13.05.2010, 16:13:00
Post #11





Grupa: Zarejestrowani
Postów: 389
Pomógł: 69
Dołączył: 26.04.2010
Skąd: Łódź

Ostrzeżenie: (0%)
-----

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?


--------------------
Nie chce "Pomógł", aktualna ilość (69) w pełni mnie satysfakcjonuje :)
Go to the top of the page
+Quote Post
Iron22
post 13.05.2010, 17:15:52
Post #12





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

Tak ten obrazek który napisałes to obrazek tła:) zgadza się.
Go to the top of the page
+Quote Post
kapuch
post 13.05.2010, 17:24:55
Post #13





Grupa: Zarejestrowani
Postów: 389
Pomógł: 69
Dołączył: 26.04.2010
Skąd: Łódź

Ostrzeżenie: (0%)
-----

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)

Ten post edytował kapuch 13.05.2010, 17:25:28


--------------------
Nie chce "Pomógł", aktualna ilość (69) w pełni mnie satysfakcjonuje :)
Go to the top of the page
+Quote Post
krzysztof_kf
post 13.05.2010, 18:23:41
Post #14





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Pokaż wersję Online
Go to the top of the page
+Quote Post
Iron22
post 14.05.2010, 00:21:59
Post #15





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

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>
Go to the top of the page
+Quote Post
kapuch
post 14.05.2010, 09:58:37
Post #16





Grupa: Zarejestrowani
Postów: 389
Pomógł: 69
Dołączył: 26.04.2010
Skąd: Łódź

Ostrzeżenie: (0%)
-----

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.

Ten post edytował kapuch 14.05.2010, 09:59:24


--------------------
Nie chce "Pomógł", aktualna ilość (69) w pełni mnie satysfakcjonuje :)
Go to the top of the page
+Quote Post
Iron22
post 14.05.2010, 12:02:14
Post #17





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

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;
Go to the top of the page
+Quote Post
kapuch
post 14.05.2010, 12:11:14
Post #18





Grupa: Zarejestrowani
Postów: 389
Pomógł: 69
Dołączył: 26.04.2010
Skąd: Łódź

Ostrzeżenie: (0%)
-----

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

Ten post edytował kapuch 14.05.2010, 13:06:03


--------------------
Nie chce "Pomógł", aktualna ilość (69) w pełni mnie satysfakcjonuje :)
Go to the top of the page
+Quote Post
Ociu
post 14.05.2010, 12:57:18
Post #19





Grupa: Moderatorzy
Postów: 1 566
Pomógł: 37
Dołączył: 14.05.2003
Skąd: Kraków
@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.
Go to the top of the page
+Quote Post
Iron22
post 14.05.2010, 16:41:55
Post #20





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

zrobiłem to co powiedziałes ale nie zadziałało:(. Mam pasek z boku do przewijania a ja chce bez tego paska.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

2 Stron V   1 2 >
Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn