Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> divy - zostaje sporo miejsca, divy - problem
krzyszbi
post
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 13
Dołączył: 15.09.2005

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

witam wszystkich

mam do zrobienia stronkę i chciałbym aby była stwożona na divach
szukałem na ten temat przez jakiś czas informacji i wyniki są następujące stronka

a teraz problem
otóż poniżej zdjęcia jest mnóstwo wolego miejsca co przerobić aby było wyświetlane z jak najmniejszym przewijaniem zapewne jes to spowodowane niewłaściwym użyciem pozycjonowanie przezemnie w divach
a teraz troszkę kodu
HTML
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html>
  3.              <head>
  4.                   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. 	              <link rel="stylesheet" type="text/css" href="pic/salepsi.css" />
  6. 	       <title></title>
  7.              </head>
  8. <body class="bg_body">
  9. <div id="podstawa">
  10. <div id="top"><object type="application/x-shockwave-flash" data="pic/menu.swf" width="955" height="128">
  11.                         <param name="movie" value="pic/menu.swf" />
  12.                         <param name="menu" value="false" />
  13.                         </object>
  14. </div>
  15. <div  id="lewa"></div><div id="srodek"></div><div id="prawa"></div>
  16. </div>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext

CSS
Kod
.bg_body{
    background-image: url( "grafika/tlo.gif" );
}
.podstawa {
padding: 0;
background-image: url( "grafika/tlo.gif" );
margin: auto;
width: 719px;
text-align: left;
}
.top {
    height: 198px;
    width: 719px;
    margin: auto;
}
#lewa {
    position: relative;
    left: 0px;
    top: 0px;
    background-image: url("grafika/left_s1.jpg");
    background-repeat: no-repeat;
    height: 437px;
    width: 597px;
}
#srodek {
    position: relative;
    left: 597px;
    bottom: 437px;
    background-image: url("grafika/middle_s.jpg");
    background-repeat: no-repeat;
    height: 437px;
    width: 191px;
}
#prawa {
    position: relative;
    left: 788px;
    bottom: 874px;
    background-image: url("grafika/right_s.jpg");
    background-repeat: no-repeat;
    height: 437px;
    width: 191px;
}

z góry dzięki za podpowiedzi, linki itp..
PS a zdjęcie jest tak pogięte aby w przyszłości nie było problemo ze zmianą "kolesia" na jakąś inną tważ

Ten post edytował krzyszbi 15.11.2005, 15:35:03
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

Ad 1. Poprawne użycie znaków przestankowych znacznie ułatwiłoby zrozumienie posta (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)
Ad 2. Zły doctype. Tu masz szablony: webstandards
Ad 3. Dla body nie robi się klasy. Przecież w całym dokumencie masz jeden taki element (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)
Ad 4. Masz przy flashu width=955 ? nie za dużo ?
Ad 5. Pozycjonowanie w Twoim wydaniu jest straszne (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif) Wywal te position relative, top, left.
Przykład struktury trójkolumnowej:
http://css.maxdesign.com.au/floatutorial/tutorial0916.htm
Go to the top of the page
+Quote Post

Posty w temacie
- krzyszbi   divy - zostaje sporo miejsca   15.11.2005, 15:34:24
- - bela_666   Czemu w CSS podstawa i top jest napisany jako klas...   15.11.2005, 16:39:43
- - revyag   Ad 1. Poprawne użycie znaków przestankowych znaczn...   15.11.2005, 16:42:57
- - krzyszbi   ok dzięki za podpowiedzi już zabieram się za popra...   15.11.2005, 16:47:07
- - Zajec   P.S. Może jakieś menu dla no-flash? Nie każdy lubi...   15.11.2005, 22:51:28
- - krzyszbi   witam zmieniłem arkusz css według rad od revyag-a ...   16.11.2005, 10:51:50

« Następny starszy · HTML \ XHTML · 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: 14.10.2025 - 15:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn