![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
Witam wszystkich. Mam problem z ułożeniem szablonu.
Aktualnie wygląda to tak: http://img697.imageshack.us/f/asdcb.png/ A chcę, żeby wyglądało tak: http://img192.imageshack.us/f/2asd.png/ Kod html:
KOD CSS: Kod div#gora { } #logo { width: 244px; height: 164px; background: url(image/logo.gif) repeat-y; } #logo a { width: 244px; height: 164px; background: url(image/logo.gif) repeat-y; } div#menu_1 { width: 42px; height: 41px; background-image: url(image/bg_lay_05.gif); margin: 0 auto; } div#menu { margin: 0 auto; width: 43%; height: 41px; background: url(image/bg_lay_07.gif) repeat-x; } div#menu a { font-weight: bold; padding: 10px 0 0 0; font-size: 17px; font-style: italic; display: inline-block; text-decoration: none; color: #FFFFFF; margin-right: 20px; margin-left: 20px; height: 41px; text-align: center; } div#menu a:hover { font-weight: bold; color: #3399FF; } div#menu_2 { width: 12px; height: 41px; background-image: url(image/bg_lay_09.gif); margin: 0 auto; } Problem w tym, że nie wiem co dać w kontenerze div#gora, żeby wyglądało tak jak na drugim obrazka. Proszę o pomoc. Z góry dziękuje (IMG:style_emoticons/default/smile.gif) |
|
|
![]()
Post
#2
|
|
Grupa: Administratorzy Postów: 1 552 Pomógł: 211 Dołączył: 7.07.2009 Skąd: NJ ![]() |
Dodaj float do elementów, które mają być obok siebie.
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
A z jakim argumentem ten float?
|
|
|
![]()
Post
#4
|
|
Grupa: Administratorzy Postów: 1 552 Pomógł: 211 Dołączył: 7.07.2009 Skąd: NJ ![]() |
float: left lub float: right - zależy w którą stronę mają być opływane, zerknij w przykłady.
|
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
Dzięki wielkie (IMG:style_emoticons/default/smile.gif)
Proszę nie zamykać tematu bo jak będę miał dalej problem to napisze tutaj (IMG:style_emoticons/default/smile.gif) Nadszedł kolejny problem Kod div#tresc_prawa { width: 284px; height: 351px; background: url(image/bg_lay_34.gif); float: left; } div#tresc_dol { width: 790px; height: 187px; background: url(image/bg_lay_46.gif); float: left; } HTML Nie dość, że nie pokazuje się obrazek to treść też nie EDIT_1 Ok już wiem dlaczego. Był problem z bazą danych i skrypt dalej nie przechodził. EDIT_2 Mam problem Po wejściu w zakładkę, gdzie jest więcej info szablon się nie rozszerza. http://www.nportfolio.c0.pl/index.php?page=portfolio Ten post edytował adrianozo 18.09.2010, 12:36:20 |
|
|
![]()
Post
#6
|
|
Grupa: Administratorzy Postów: 1 552 Pomógł: 211 Dołączył: 7.07.2009 Skąd: NJ ![]() |
Zacznijmy od tego, że pod FF rozjeżdża się nawet strona startowa (IMG:style_emoticons/default/smile.gif) .
|
|
|
![]()
Post
#7
|
|
Grupa: Zarejestrowani Postów: 652 Pomógł: 47 Dołączył: 6.02.2010 Skąd: Radom Ostrzeżenie: (0%) ![]() ![]() |
co to tak sie wszystko rozjeżdża ?
moze zacznij tak :
dla elementow nadawaj float + marginesy to bedzie ok , a jak chcesz zeby pod ie tez bylo ok to dochodzi clear: both. Ten post edytował gigzorr 18.09.2010, 15:16:49 |
|
|
![]()
Post
#8
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
W sumie to już zrobione. Teraz tylko muszę poprawić grafikę, bo tło jest przejściowe.... No to mam poważny problem. W IE 6.0 Wszystko się posypało. Czego to może być wina? http://www.nportfoli.c0.pl |
|
|
![]()
Post
#9
|
|
Grupa: Zarejestrowani Postów: 652 Pomógł: 47 Dołączył: 6.02.2010 Skąd: Radom Ostrzeżenie: (0%) ![]() ![]() |
W sumie to już zrobione. Teraz tylko muszę poprawić grafikę, bo tło jest przejściowe.... No to mam poważny problem. W IE 6.0 Wszystko się posypało. Czego to może być wina? http://www.nportfoli.c0.pl w pytaniu masz odpowiedz (IMG:style_emoticons/default/smile.gif) Ten post edytował gigzorr 18.09.2010, 17:11:12 |
|
|
![]()
Post
#10
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
|
|
|
![]()
Post
#11
|
|
Grupa: Zarejestrowani Postów: 286 Pomógł: 29 Dołączył: 5.04.2007 Skąd: Rymanów Zdrój/Rzeszów Ostrzeżenie: (0%) ![]() ![]() |
Wszystkim divom które są w jednej linii dodaj:
Kod display:inline; div#gora powinien mieć określoną wysokość i szerokość. Ten post edytował bemol 18.09.2010, 17:46:10 |
|
|
![]()
Post
#12
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
Kod display: inline; Trochę pomógł, chociaż nie do końca Lepiej stworzyć nowy styl do ie czy coś innego? Pamięta ktoś była taka strona co tam podawałeś link do strony, czekałeś i generowało widok w przeglądarkach i systemach, które się wybierze. browse coś tam czy coś takiego? |
|
|
![]()
Post
#13
|
|
Grupa: Administratorzy Postów: 1 552 Pomógł: 211 Dołączył: 7.07.2009 Skąd: NJ ![]() |
|
|
|
![]()
Post
#14
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
Po niektórych poprawkach zostały tylko dwa błędy:
IE: http://img545.imageshack.us/f/89815366.png/ Firefox,Opera,Chrome http://img535.imageshack.us/f/inneh.png/ W ie wyszukiwarka jest dobrze ustawiona w firefox, chrome i operze jest za blisko menu W ie występuje pasek, którego nie powinno być. Wszystko jest na ss'ach. LINK: http://www.nportfolio.c0.pl Dokładnie ta strona. Ten post edytował adrianozo 19.09.2010, 10:19:41 |
|
|
![]()
Post
#15
|
|
Grupa: Zarejestrowani Postów: 1 568 Pomógł: 192 Dołączył: 7.03.2005 Skąd: Warszawa Ostrzeżenie: (0%) ![]() ![]() |
Po co ci IE 6, większość firm już nie robi stron pod IE 6, IE6 = Kick out
I jeszcze taka sprawa, ja zawsze robię reset stylów, wtedy pod większością przeglądarek nie mam problemów (IMG:style_emoticons/default/smile.gif) Ten post edytował potreb 19.09.2010, 10:24:41 |
|
|
![]()
Post
#16
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
Tak, ale bardzo dużo osób korzysta jeszcze z IE6
Ten post edytował adrianozo 19.09.2010, 10:23:27 |
|
|
![]()
Post
#17
|
|
Grupa: Zarejestrowani Postów: 2 355 Pomógł: 533 Dołączył: 15.01.2010 Skąd: Bydgoszcz Ostrzeżenie: (0%) ![]() ![]() |
Tak, 3,76% użytkowników internetu. Faktycznie multum
|
|
|
![]()
Post
#18
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
Czyli co? Olać IE6?
Kurde każda przeglądarka jaką posiadam inaczej reaguje na styl. W Chrome i Operze wszystko jest już OK. W Firefox źle wyszukiwarka i troszkę menu, natomiast w IE wszystko jest posypane.... Ten post edytował adrianozo 19.09.2010, 14:07:58 |
|
|
![]()
Post
#19
|
|
Grupa: Administratorzy Postów: 1 552 Pomógł: 211 Dołączył: 7.07.2009 Skąd: NJ ![]() |
W Firefoksie wyszukiwarka jest OK, ale elementy menu mają za duże marginesy i się chyba nie mieszczą.
|
|
|
![]()
Post
#20
|
|
Grupa: Zarejestrowani Postów: 733 Pomógł: 4 Dołączył: 11.11.2009 Ostrzeżenie: (0%) ![]() ![]() |
Niestety wyszukiwarka w firefox nie jest ok bo brakuje jednego obrazka z lewej strony takiego zaokrąglenie. Na chrome i Operze jest a tutaj nie ma
|
|
|
![]() ![]() |
![]() |
Aktualny czas: 23.08.2025 - 12:45 |