Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Tabele
Forum PHP.pl > Forum > Przedszkole
conix
12.03.2008, 12:53:50
Witam,
mam problem. W pliku styli mam ustawione menu oraz pole tresc gdzie znajduja sie newsy. Jak dorobic menu po prawej stronie?
[HTML] pobierz, plaintext 
  1. BODY  {
  2.     color:#ffffff;
  3.     margin: 0 auto;
  4.     padding: 0;
  5.     background-color:#000000;
  6.     width: 800px;
  7.     height:900;
  8. }
  9. a{
  10. color:white;
  11. }
  12. a:hover{
  13. text-decoration:blink;
  14. }
  15.  
  16. #logo {
  17.         width:800px;
  18.         height:127px;
  19.         background-image:url(obrazki/logo.jpg);
  20.  
  21. }
  22. #reklamy  {
  23.         width:760px;
  24.         height:120px;
  25. }
  26. #strona {margin:0px auto;}
  27.  
  28. #tresc  {
  29.         width:300px;
  30.         height:auto;
  31.         float:right;
  32.         background-image:url(obrazki/news.jpg);
  33.         background-color:#292929;
  34.         margin:0px;
  35.  
  36. }
  37. #tytul  {
  38.         background-image:url(obrazki/ntlo.jpg);
  39.  
  40.  
  41.  
  42. }
  43.  
  44.  
  45. #menu {
  46.         text-align:center;
  47.         width:185px;
  48.         height:auto;
  49.         float:left;
  50.         background-image:url(obrazki/tlo.jpg);
  51.         border-right:1px solid #474747;
  52. }
  53. #menu2{
  54.         text-align:center;
  55.         width:185px;
  56.         height:auto;
  57.         float:right;
  58.         background-image:url(obrazki/tlo.jpg);
  59.         border-right:1px solid #474747;
  60. }
  61. #stopka{
  62. clear: both;
  63. background-color:#292929;
  64. text-align:right;
  65. }
[HTML] pobierz, plaintext

Co trzeba zmienic w menu2 :/?
camillos
12.03.2008, 13:05:28
A mógłbyś wrzucić schematycznie strukturę divów - co w czym po czym? U mnie podobny schemat (float: left; float:right;) działa.
P.S. Widzę, że masz #treść na float right - musisz ją wycentrować, najlepiej dając odpowiednie margin po obu stronach.
conix
12.03.2008, 13:12:06 
[HTML] pobierz, plaintext 
  1. <body>
  2.   <link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" />
  3. <div id=\"strona\">
  4.   <DIV id=\"logo\" align=\"center\"></DIV>
  5.   <DIV id=\"reklamy\"><!--start_jatsu_ad,01,0000FF,FFFFFF,0000FF,000000,0000FF,end_jatsu_ad//--></DIV>
  6.   <DIV id=\"tresc\">$wyswietl_newsa</DIV>
  7.   <DIV id=\"menu\">
  8.   <IMG src=\"obrazki/s.jpg\" width=\"185\" />
  9.  $wyswietl_link2<br>
  10.   <IMG src=\"obrazki/jc.jpg\" width=\"185\" />
  11.  $wyswietl_link<br>
  12.   <IMG src=\"obrazki/jc2.jpg\" width=\"185\" />
  13.    $wyswietl_link1<br>
  14.   </DIV>
  15.    <DIV id=\"menu2\">cos w menu 2</DIV><P>
  16.   <div id=\"stopka\"><font color=\"#757373\">++</font> Wszelkie prawa zastrzeżone!<font color=\"#757373\"> ++</font> <br><font color=\"#757373\">++</font> Tresć, oskryptowanie, design: conix <font color=\"#757373\">++</font>
  17.   </div>
  18.  
  19.  
  20.   </DIV>
[HTML] pobierz, plaintext
camillos
12.03.2008, 13:20:42
O jeden </div> za dużo, ale to nie problem. Spróbuj tak
Kod
#tresc  {
        width:300px;
        height:auto;
        background-image:url(obrazki/news.jpg);
        background-color:#292929;
margin-left : 190px;
margin-right : 190px;
}

Chociaż lepiej byłoby szerokości menu i maginy ustawiać w %.
--
pomogłem??
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.