 [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 oto kod po poprawkach.. wyrzuciłem półprzezroczyste prostokąty z top_background.jpg (na miejscu left menu i contentu) zamiast tego w .left-menu i .content użyłem opacity które całkiem inaczej działa jak sie wrzuci stronke na serwer a inaczej jak sie odpali ją z dysku, na serwerze tego opacity prawie w ogóle nie widać prostokąty sa prawie czarne i na IE i na Firefox, z dysku opacity widać i wszystko jest OK (IMG:style_emoticons/default/closedeyes.gif)
Do buttonów stworzyłem klase .button_text i uzyłem text-shadow który nie działa w ogóle na starszych wersjach IE. (IMG:style_emoticons/default/wstydnis.gif) W kodzie też mam nie wykorzystaną klase .img_button , chodzi o prostokąty półprzezroczyste które chciałbymwstawić jako tło pod napisy żeby powstał cały button, jak próbowałem zrobić z tego jedną klase dla prostokąta i napisów to opacity nadaje też napisom, i nie mogłem wyrównać napisów w pionie paddingiem, bo mi przesuwało całą klase. Co moge zrobić żeby wsadzić tam ten półprzezroczysty prostokąt (IMG:style_emoticons/default/wstydnis.gif) Pozdrawiam i prosze o konkretne uwagi.. (IMG:style_emoticons/default/Lkingsmiley.png) link do strony ten sam: http://welding.w8w.pl/ Kod: 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: 100%; padding-top:212px; } #bottom { background: url("images/bottom_background.jpg") top center no-repeat; min-height: 140px; margin-bottom: 0px; } #top-menu { height: 35px; margin-bottom: 1px; margin-right:0px; } a.button_text{ height: 35px; width:101px; float: right; margin-right:1px; display:block; color: white; text-align: center; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; } .button_text:hover{text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff;} .img_button{ height: 35px; width:101px; float: right; background-color: #000; opacity:0.6; filter:alpha(opacity=60); } .left-menu {float: left; background-color: #000; opacity:0.6; filter:alpha(opacity=60); width: 299px; height:253px} .content {float: right; background-color: #000; opacity:0.6; filter:alpha(opacity=60); width: 600px; height:253px} #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 class="button_text" href="#">Contact us</a> <a class="button_text" href="#">Realizations</a> <a class="button_text" href="#">Services</a> <a class="button_text" href="#">About</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, 15:36:42 |
|
|
|
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 xfilip1985 Witam Wrzucam szkielet stronki wg zaleceń użytk... 26.01.2012, 23:42:40 by_ikar No już całkiem całkiem to wygląda. Tyle że ty zrob... 27.01.2012, 09:59:11  |
|
Aktualny czas: 4.10.2025 - 18:37 |
