CSS-prosze o pomoc

tommy_from_cracow Re: CSS-prosze o pomoc 17.10.05, 12:50

jeszcze zrodla:
<body>
<div id="all">
<div id="menu">
<a href="?mod=index">Home</a>
<a href="?mod=kontakt">Kontakt</a>
<a href="?mod=omnie">O mnie</a>
<a href="?mod=wywiady">Wywiady</a>
<a href="?mod=publikacje">Publikacje</a>
</div>
<div id="linki">
Prawo i Sprawiedliwosc
Zbigniew Ziobro
Zbigniew Wasserman
Boguslaw Bosak
Pawel Kowal
Piotr Boron
Andrzej Golas
Pawel Kowal
</div>
<div id="content">
<? include("mod/".$HTTP_GET_VARS['mod'].".html"); ?>
</div>
</div>
</body>
</html>

/* CSS Document */
body{
background-color:#FFFFFF;
background-image: url(images/backgrounds/mainbg.jpg);
background-repeat: repeat-x;
margin: 0;
padding: 0;
text-align: center;
}
#all{
position: relative;
margin: 0 auto;
padding: 0;
text-align: left;
background-color:#ffffff;
width: 700px;
height: 800px;
border-top: solid 1px#666666;
border-left: solid 1px#666666;
border-right: solid 1px#666666;
}
#menu{
position: relative;
width: 100%;
background-color:#000000;
margin: 100px 0 0 0;
padding: 0;
color:#ffffff;
text-align: left;
}
#menu a:link{
padding: 10px;
font-family: verdana;
font-size: 14px;
color:#ffffff;
text-decoration: none;
letter-spacing: 3px;
}
#menu a:visited{
padding: 10px;
font-family: verdana;
font-size: 14px;
color:#ffffff;
text-decoration: none;
letter-spacing: 3px;
}
#menu a:hover{
padding: 10px;
font-family: verdana;
font-size: 14px;
color:#ffffff;
text-decoration: underline;
letter-spacing: 3px;
}
#linki{
position: relative;
float: left;
background-color: transparent;
margin: 0;
padding: 0;
text-align: left;
}
#linki a{
display: block;
border: solid 1px#000000;
margin: 2px 0;
}
#linki a:link{
padding: 10px 2px;
font-family: verdana;
font-size: 10px;
color:#000000;
text-decoration: none;
letter-spacing: 3px;
background-color: transparent;

}
#linki a:visited{
padding: 10px 2px;
font-family: verdana;
font-size: 10px;
color:#666666;
text-decoration: none;
letter-spacing: 3px;
background-color: transparent;
}
#linki a:hover{
padding: 10px 2px;
font-family: verdana;
font-size: 10px;
color:#000000;
text-decoration: none;
letter-spacing: 3px;
background-color:#cccccc;
}
#content{
position: relative;
float: left;
padding: 0;
margin: 0;
text-align: left;
background-color: transparent;
}
#content h1{
font-family: Trebuchet MS;
font-size: 28px;
color:#000000;
padding: 10px;
margin: 0;
float: left;
}
#content p{
position: relative;
font-family: Trebuchet MS;
font-size: 12px;
color:#000000;
margin: 0;
float: left;
}

szczurek1983 Re: CSS-prosze o pomoc 17.10.05, 17:47

Jeśli chodzi o opływanie to wywal float:left z wszystkich sekcji z trescia. A
wysokości jeśli nie ustawisz to jest taka jak treść tam zawarta i nie traci
żadnych innych wlaściwości poza stałą wysokościa.

blekot Re: CSS-prosze o pomoc 17.10.05, 18:56

patrzyłem w czym problem z czcionką (krzaki w " o mnie") a ty masz krzaki w
źródle! :-)
a z tym #all faktycznie coś dziwnego się dzieje - po usunięciu nie działa ramka,
musisz nad tym popracować, zdecydowanie :-)
tylko testuj w różnych przeglądarkach bo już teraz różnie strona wygląda

tommy_from_cracow Re: CSS-prosze o pomoc 18.10.05, 01:24

Dzikie za odpowiedzi.
Co do krzaczkow to moze to glupie ale zawsze zostawiam to na koniec a ten text wkleilem tylko
zeby zakomponowac strone.
Wprowadzilem male zmiany wiec jesli ktos ma czas niech popatrzy. Miedzy innymi ten element
#all... wywalilem height ktore bylo ustawione na 800px i tu jak mowiliscie niestety jest problem
bo nie obejmuje tego wszystkiego co soba zawiera. Popatrzcie na to ze wszystko jest w #all
ktory ma ustawiony background-color na #fff i niestety...
Wiecie o co moze chodzic?
Pozdrawiam

szczurek1983 Re: CSS-prosze o pomoc 18.10.05, 10:04

W IE nagłówek jest okob reszty tekstu a nie nad, dzieje się tak przez ten
float:left w #content h1.
O co Ci chodzi z tym all to nie wiem, dla mnie zachowuje się normalnie, tak jak
mu każe css.
Co to za kolor #fff dość ciekawy muszę przyznać.
A w ogóle to mógłbyś jakieś szerokości nadać tym wewnętrznym warstwom, moim
zdaniem łatwiej będzie to kontrolować.
- tommy_from_cracow Re: CSS-prosze o pomoc 18.10.05, 12:07
  
  Teraz rzeczywiscie to #all jest juz OK, co do szerokosci to tez pozmienialem(warstwy
  wewnetrzne) z tym floatem pokmbinuje. A jesli chodzi o kolor #fff to w specyfikacji css
  znalazlem zapis ze jesli podajesz kolor skadajacy sie z 6 takich samych cyfr lub liter to mozesz
  uzyc tylko trzech.
  Dzieki z rady i pozdrawiam
  - szczurek1983 Re: CSS-prosze o pomoc 18.10.05, 13:06
    
    Nie kombinuj z tym floatem w h1 tylko go usuń skoro każesz mu być oblewanym z
    prawej strony to w jednej przeglądarce będzie powyżej(bo nagłówek ustawia się
    podobnie jak <p>) a w innej będzie w tej samej linii bo miał być oblewany.
    Co do koloru to rzeczywiście coś tam było w specyfikacji, ja jakoś wpisuję te
    trzy znaki więcej i pewny jestem że np. genialny IE w jakiejś wersji nie zrobi
    mi numeru w postaci wyświetlania domyślnego tła(jeśli ten kolor to biały to i
    tak nie ma problemu).
  - blekot Re: CSS-prosze o pomoc 18.10.05, 14:02
    
    tommy ale ty oglądasz tą stronę w różnych przeglądarkach, co?
    bo w FF i Operze masz menu "obwiedzione" /border jest/ a w IE nie ma
    no i zupełnie inaczej tekst oblewa menu
    więc jaki jest twój zamysł? która wersja to jest "ta" wersja?
    - szczurek1983 Re: CSS-prosze o pomoc 18.10.05, 18:09
      
      Ramka tam jest a nie widać jej przez margin, padding bo IE inaczej interpretuje
      i będziesz musiał trochę pokombinować żeby było tak samo.

tommy_from_cracow Re: CSS-prosze o pomoc 18.10.05, 19:01

Co do przegladarek to sprawa wyglada tak ze siedze na systemia maka i nie wiem na ile
poszczegolne wersje przegladarek na roznych systemach wyswietlaja kod prawidlowo.
Sprawdzilem pod safari pod NS7 i pod IE5.2(w tej ostatniej rzeczywiscie jest problem)
Proby na Windowsie juz wkrotce przeprowadze... Moze jak sie ociepli i wyjde z domu ;-)
Bardzo dziekuje za wszystkie rady!
Pozdrawiam

k_r_m Re: CSS-prosze o pomoc 23.10.05, 18:17

i zrobiłbym coś z czcionka bo niestety nie wyświetlają się poprawnie polskie znaczki

Najnowsze z forum Tworzenie stron WWW

Zaloguj się