Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z menu poziomym rozwijanym i divami.
martela
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 9.08.2013

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


Witam, mam problem. Rozjeżdża mi się strona (3 bloki) podczas rozwijania się poziomego menu. Co robić w tym przypadku?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Cytat
Co robić w tym przypadku?

w linii czwartej pliku piatego napisac taki tekst:
wrozek nie ma
99 przypadkach na 100 tekst ten pomaga*

*w zaden sposob nie udowodnione naukowo
Go to the top of the page
+Quote Post
fate
post
Post #3





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


hehe, no właśnie

daj dla całego menu:
  1. position:fixed;top:0px

(IMG:style_emoticons/default/specool.gif)
Go to the top of the page
+Quote Post
martela
post
Post #4





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 9.08.2013

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


Nie wiem który kod wam się do tego przyda. ;d

strukturastrony.css

Kod
html, body {
    background-color: #1000;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
}
#top {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#content {
    width:800px%;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background-color: #1000;
    }
#menulewe {
    height:3200px;
    width: 150px;
    float: left;
    overflow: hidden;
    background-color: #1000;
}
#info {
    height:3200px;
    width: 150px;
    float: right;
    overflow: hidden;
    background-color: #1000;
}
#text {
    height:3200px;
    width: 500px;
    float: left;
    overflow: hidden;
    background-color: ccc;
}
#stopka {
    height:313px;
    clear: both;
    width: 100%;
    background-color: #1000;
}


menupoziome.css

Kod
ol {
  list-style-type:none;
  padding:0;
  margin:0;
  font-size:16px;
}
ol li {
  float:left;
  width:150px;
  text-align:center;
}
ol li a {
  display:block;
  color:#000;
  background-color:#FDD700;
  text-decoration:none;
  margin-left:1px;
  line-height:2em;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}
ol li a:hover {
  color:#09C;
}
ol {
  list-style-type:none;
  padding:0;
  margin:0 auto;
  width:900px;
  font-size:16px;
  height:2em;
}
ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
ul li {
  float:none;
}
ul li a {
  background-color:#EEE;
  line-height:normal;
  padding:3px 5px;
  border:1px solid #FFF;
  border-radius:0 0 6px 6px;
  }
ul li:first-child {
  margin-top:1px;
}
ul li a:hover {
  background-color:#FFF;
  border:1px solid #DDD;
  box-shadow:inset 0 0 4px #DDD;
}
ul {
  display:none;
  list-style-type:none;
  padding:0;
  margin:0;
}
ol li:hover ul {
  display:block;
}
Go to the top of the page
+Quote Post

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: 24.08.2025 - 20:36