Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
Reply to this topicStart new topic
> [HTML][CSS]Problem z ułożeniem szablonu
adrianozo
post
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:
  1. <div id="gora">
  2. <div id="logo">
  3. <a href=""></a>
  4. </div>
  5. <div id="menu_1">
  6. </div>
  7. <div id="menu">
  8. <a href="">Home</a>
  9. <a href="/portfolio.html">Portfolio</a>
  10. <a href="/oferta.html">Oferta</a>
  11. <a href="/o_mnie.html">O mnie</a>
  12. <a href="/kontakt.html">Kontakt</a>
  13. </div>
  14. <div id="menu_2">
  15. </div>
  16. <div class="wyszukiwarka">
  17. <?php
  18. if(isset($_GET['wynik']))
  19. {
  20. $wynik_filtru = urlencode(trim(strip_tags($_GET['wynik'])));
  21. }
  22. if(isset($_POST['wynik']))
  23. {
  24. echo '<div class="wyszukiwarkas"><form action="http://www.nportfolio.pl/szukaj.html" method="post">
  25. <input type="text" name="wynik" value="'.$_POST['wynik'].'" class="texts" />
  26. <input type="image" name="submit" src="images/gszukaj.png" value=" " class="submits" />
  27. </form></div>';
  28. }
  29. else
  30. {
  31. echo '<div class="wyszukiwarkas"><form action="http://www.nportfolio.pl/szukaj.html" method="post">
  32. <input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" class="texts" />
  33. <input type="image" name="submit" src="images/gszukaj.png" value=" " class="submits" />
  34. </form></div>';
  35. }
  36. ?>
  37. </div>
  38. </div>


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)
Go to the top of the page
+Quote Post
Daiquiri
post
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.
Go to the top of the page
+Quote Post
adrianozo
post
Post #3





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

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


A z jakim argumentem ten float?
Go to the top of the page
+Quote Post
Daiquiri
post
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.
Go to the top of the page
+Quote Post
adrianozo
post
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
  1. <div id="tresc_prawa">
  2. asda
  3. </div>
  4. <div id="tresc_dol">
  5. qwerty
  6. </div>


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
Go to the top of the page
+Quote Post
Daiquiri
post
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) .
Go to the top of the page
+Quote Post
gigzorr
post
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 :
  1.  
  2. * { padding: 0;
  3. margin: 0;
  4. }
  5.  
  6. body {margin-left: auto;
  7. margin-right: auto;
  8. width: 1024px;
  9. text-align: center;
  10. }


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
Go to the top of the page
+Quote Post
adrianozo
post
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
Go to the top of the page
+Quote Post
gigzorr
post
Post #9





Grupa: Zarejestrowani
Postów: 652
Pomógł: 47
Dołączył: 6.02.2010
Skąd: Radom

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


Cytat(adrianozo @ 18.09.2010, 18:07:49 ) *
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
Go to the top of the page
+Quote Post
adrianozo
post
Post #10





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

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


Tak, ale z wcześniejszą grafiką nie mam problemu.

http://www.nportfoli.pl
Go to the top of the page
+Quote Post
bemol
post
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
Go to the top of the page
+Quote Post
adrianozo
post
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?
Go to the top of the page
+Quote Post
Daiquiri
post
Post #13





Grupa: Administratorzy
Postów: 1 552
Pomógł: 211
Dołączył: 7.07.2009
Skąd: NJ




http://browsershots.org/ ?
Go to the top of the page
+Quote Post
adrianozo
post
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
Go to the top of the page
+Quote Post
potreb
post
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
Go to the top of the page
+Quote Post
adrianozo
post
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
Go to the top of the page
+Quote Post
Damonsson
post
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
Go to the top of the page
+Quote Post
adrianozo
post
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
Go to the top of the page
+Quote Post
Daiquiri
post
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ą.
Go to the top of the page
+Quote Post
adrianozo
post
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
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 12:45