 [JavaScript][CSS] Jak usunąć dolny pasek, Top+background zlane w jedną grafike |
| [JavaScript][CSS] Jak usunąć dolny pasek, Top+background zlane w jedną grafike |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 14 Pomógł: 0 Dołączył: 21.04.2010 Ostrzeżenie: (0%) 
 |
Witam, jak moge usunąć dolny pasek gdy mam strone szerokosci np 1400 a szerokosć ekranu np 1280, dodam że potrzebuje tego bo po obydwu stronach topu mam grafikę która zlewa sie z TOP'em jak na stronie http://www.50cent.com jednak top i grafika po lewej i prawej to odzielne jpg, ninimalna rozdzielczosc przy jakiej powinien sie pojawic dolny pasek to szerokosc topu czyli 900 px (IMG:style_emoticons/default/closedeyes.gif) oczywiście top i zawartośc strony musi być wyśrodkowana (IMG:style_emoticons/default/ohno-smiley.gif)
|
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 14 Pomógł: 0 Dołączył: 21.04.2010 Ostrzeżenie: (0%)
|
Witam (IMG:style_emoticons/default/arrowheadsmiley.png) Wrzucam szkielet stronki wg zaleceń użytkownika By_ikar, szkielet posiada aktywne przyciski do których użyłem Hover oraz obrazów png z przezroczysrością, nadal nie wiem dlaczego w top-menu musze ustawić margin-right:-1px; żeby button był równo wyrównany do prawej razem z pół-przezroczystym tłem contentu, jak ustawiam margin-right:0px; jest odsuniety o 1px w lewo, prosze o konkretne uwagi co można by zmienić lub "lepiej" zrobić pozdrawiam (IMG:style_emoticons/default/headsetsmiley.png)
Link do strony: http://www.welding.w8w.pl/ Kod strony: Kod <!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> <title>PS Welding Services</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> <style> * { margin: 0; padding: 0; } html, body { height: 100%; } body { background: #000; text-align: center; } .wrapper { width: 900px; height: auto; margin: 0 auto; } #top, #bottom { width: 100%; height: auto; clear: both; position: relative; } #top { background: url("images/Top_background.jpg") top center no-repeat; min-height: 500px; padding-top:212px; } #bottom { background: url("images/bottom_background.jpg") top center no-repeat; height: 140px; margin-bottom: 0px; } #top-menu { height: 35px; margin-bottom: 1px; margin-right:-1px; } #btn-about {float: right; display:block; height: 35px; width:101px; background-image:url(images/btn_about.png) } #btn-about:hover {float: right; display:block; height: 35px; width:101px; background-image:url(images/btn_about_light.png); } #btn-services {float: right; display:block; height: 35px; width:101px; background-image:url(images/btn_services.png) } #btn-services:hover {float: right; display:block; height: 35px; width:101px; background-image:url(images/btn_services_light.png); } #btn-realizations {float: right; display:block; height: 35px; width:101px; background-image:url(images/btn_realizations.png) } #btn-realizations:hover {float: right; display:block; height: 35px; width:101px; background-image:url(images/btn_realizations_light.png); } #btn-contact {float: right; display:block; height: 35px; width:101px; background-image:url(images/btn_contact.png) } #btn-contact:hover {float: right; display:block; height: 35px; width:101px; background-image:url(images/btn_contact_light.png); } .left-menu {float: left; width: 299px;} .content {float: right; width: 600px;} #copyright { float:left; padding-top:110px; padding-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #CCC; text-decoration: none; } </style> </head> <body style="background-color:#000000;"> <div id="top"> <div class="wrapper"> <div id="top-menu"> <a id="btn-contact" href="#"></a> <a id="btn-realizations" href="#"></a> <a id="btn-services" href="#"></a> <a id="btn-about" href="#"></a> </div> <div class="left-menu"></div> <div class="content"></div> </div> </div> <div id="bottom"> <div class="wrapper"> <div id="copyright"><a>All rights reserved filipzylka@gmail.com</a></div> </div> </div> </body> </html> Ten post edytował xfilip1985 27.01.2012, 00:15:28 |
|
|
|
xfilip1985 [JavaScript][CSS] Jak usunąć dolny pasek, Top+background zlane w jedną grafike 19.01.2012, 00:58:12 
Ilware schowaj go za pomocą cssów
[HTML] pobierz, plaint... 19.01.2012, 01:26:12 by_ikar W sumie bardzo prosto. Jeżeli dasz overflow: hodde... 19.01.2012, 10:15:28 xfilip1985 Dzięki działa uzyskałem identyczny effekt ja... 19.01.2012, 23:54:44 by_ikar Pokaż link do strony, lub pokaż cały kod html + cs... 20.01.2012, 11:56:50 xfilip1985 Witam o to link do screena ze strony..
http://ww... 20.01.2012, 13:24:01 by_ikar Niestety kod który dałeś w sumie nic mi nie daje ... 20.01.2012, 15:05:37 xfilip1985 Hmmm Pomysł jest dobry, przejrzalem ten kod, na... 20.01.2012, 18:03:36 by_ikar Jasne, zrobisz jak uważasz, to jest tylko przykład... 20.01.2012, 18:23:28 by_ikar No już całkiem całkiem to wygląda. Tyle że ty zrob... 27.01.2012, 09:59:11 
xfilip1985 Witam oto kod po poprawkach.. wyrzuciłem półprzezr... 27.01.2012, 15:26:42  |
|
Aktualny czas: 5.10.2025 - 11:43 |
