Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][XML][CSS]Jak zlikwidowac ten pasek?
Iron22
post
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
 
 Start new topic
Odpowiedzi
Iron22
post
Post #2





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

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

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;
Go to the top of the page
+Quote Post
kapuch
post
Post #3





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

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

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>
Go to the top of the page
+Quote Post

Posty w temacie
- Iron22   [HTML][XML][CSS]Jak zlikwidowac ten pasek?   12.05.2010, 19:22:13
- - tehaha   który pasek? //link do zdjęcia nie działa   12.05.2010, 19:26:47
- - DowNlOaD_   chyba ten pod tym napisem //edit: mi link chodzi...   12.05.2010, 19:29:19
- - darophp   A może by tak trochę więcej kod ? Bo z tego nic ni...   12.05.2010, 19:36:39
- - DowNlOaD_   darophp, masz pasek po prawej do przesuwania, tam ...   12.05.2010, 19:42:52
- - Iron22   Ten pasek który jest pod napisem na tym dużym szar...   12.05.2010, 20:09:46
- - krzysztof_kf   Przedstaw kod bo nie wiadomo co tam zrobiłeś   12.05.2010, 20:13:11
- - Iron22   CODE<!DOCTYPE html PUBLIC "-//W3C//DTD...   12.05.2010, 21:34:11
- - gecior   Problem wynika najprawdopodobniej z powodu załamyw...   12.05.2010, 22:00:35
- - Iron22   Ale ten problem mam akurat w każdej przeglądarce j...   13.05.2010, 16:02:09
- - kapuch   Co to za obrazek "src="Obrazki/index_11....   13.05.2010, 16:13:00
- - Iron22   Tak ten obrazek który napisałes to obrazek tła:) z...   13.05.2010, 17:15:52
|- - kapuch   Cytat(Iron22 @ 13.05.2010, 18:15:52 )...   13.05.2010, 17:24:55
- - krzysztof_kf   Pokaż wersję Online   13.05.2010, 18:23:41
- - Iron22   Kąbinowałem z kodem ale nic Efekt CODE<!D...   14.05.2010, 00:21:59
- - kapuch   Tu w kodzie nie zabardzo cos zdzialasz, trzeba by ...   14.05.2010, 09:58:37
- - Iron22   czyli w tym miejscu miałbym dodać jescze height? C...   14.05.2010, 12:02:14
- - kapuch   Tak i nie zapomnij o sredniku ";". Btw. ...   14.05.2010, 12:11:14
- - Ociu   @Iron22 Zacznij stosować odpowiednie kolorowanie s...   14.05.2010, 12:57:18
- - Iron22   zrobiłem to co powiedziałes ale nie zadziałało:(. ...   14.05.2010, 16:41:55
|- - kapuch   Cytat(Iron22 @ 14.05.2010, 17:41:55 )...   14.05.2010, 19:03:40
- - krzysztof_kf   Po co wszystko pozycjonujesz absolutnie pokaz link...   14.05.2010, 17:05:18
- - Iron22   a to mam go jeszcze na pół przeciąć? Jak mam go po...   14.05.2010, 19:39:51
|- - kapuch   Cytat(Iron22 @ 14.05.2010, 20:39:51 )...   14.05.2010, 23:19:06
- - Iron22   czyli jak mam go na pół przyciąć i zapisać jako ke...   16.05.2010, 22:29:16
- - krzysztof_kf   Cytat(Iron22 @ 14.05.2010, 17:41:55 )...   17.05.2010, 06:45:42
- - Iron22   Pociołem ten obrazek tak Tło 1 i tak Tło2 I co dal...   18.05.2010, 10:37:17
- - krzysztof_kf   Cytat(Iron22 @ 18.05.2010, 11:37:17 )...   18.05.2010, 16:17:56
- - kapuch   Albo daj to jako zlecenie, bo uwierz mi, ale nikt ...   18.05.2010, 18:48:54
- - Iron22   Już sobie sam poradziłem. I nie musiałem nic kur.....   19.05.2010, 10:18:46
|- - kapuch   Cytat(Iron22 @ 19.05.2010, 11:18:46 )...   19.05.2010, 11:08:26
- - Iron22   Sorry kapuch wiem może cie to irytowac ale ja jest...   20.05.2010, 00:02:11
- - kapuch   Cytat(Iron22 @ 20.05.2010, 01:02:11 )...   20.05.2010, 10:18:24

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 7.10.2025 - 13:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn