Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
iFrame i javaScript - problem z wyświetlaniem się całej ramki
|
Liczba postów: 10
Liczba wątków: 2
Dołączył: 23-03-2010
Reputacja:
1
23-03-2010, 18:01
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
23-03-2010, 20:44
(Ten post był ostatnio modyfikowany: 23-03-2010, 20:45 przez Kartofelek.)
Coda.css linijka 17 - do usunięcia. Zaistaluj sobie do firefoxa dodatek FireBug - w prawym dolnym rogu bedziesz mial robaczka, za pomocą ktorego bedziesz sobie badal kod itp.
Dodatkowo bedziesz musial zmienić tło body, bo ta twoja stopka jest w nim narysowana
Liczba postów: 10
Liczba wątków: 2
Dołączył: 23-03-2010
Reputacja:
1
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
Style.css linijka 199 - dopisać:
background:#ededed;
border-top:1px solid #ccc;
padding:10px;
To przykladowy styl. Jezeli chcesz miec idealne tlo z tej twojej stopki w tle strony, to wytnij kawalek tego obrazka a potem dopisz go do 199 linijki tak:
#footer {
background:url(kawalek.gif) repeat-x;
height:Ypx; /*tutaj poda wysokosc tego kawalka */
}
tyle tylko, że to ci nie rozciągnie stopki na boki.
Aby to zrobić, będziesz musiał ją przesunąć w kodzie. Wytnij wiec jej kod z wrapper2 i daj go wlasnie za tym wraperem. Dodatkowo musisz wtedy zmienic 204 linijke w style.css:
#footer p {
width:960px;
margin:5px auto;
}
który wycentruje ci tekst w rozciagnietej stopce.
Ah i zmien to tlo by nie bylo tej pseudo stopki
Liczba postów: 10
Liczba wątków: 2
Dołączył: 23-03-2010
Reputacja:
1
Zrobiłem, faktycznie zaczęło działać, ale przyznam, pewnie coś namieszałem, bo nie mogę ustawić drugiej części tego co napisałeś:
Cytat:Aby to zrobić, będziesz musiał ją przesunąć w kodzie. Wytnij wiec jej kod z wrapper2 i daj go wlasnie za tym wraperem. Dodatkowo musisz wtedy zmienic 204 linijke w style.css:
#footer p {
width:960px;
margin:5px auto;
}
Stopkę jako jpg wstawiłem, pięknie wyświetla, ale faktycznie tekst nie jest wycentrowany i na bokach biało. Najpierw próbowałem zrobić tą kwestię z wrapperem2, ale nie znam się tak dobrze, stąd moje pytanie: Mam ten wrapper2 wyciąć ze style.css? i po prostu nic nie zmieniając przesunąć na dół, do footera? Dla mnie wrapper 2 w style to:
#wrapper2 {
width: 960px;
margin: 0 auto;
overflow: hidden;
Cytat:i daj go wlasnie za tym wraperem.
tym wrapperem co ustawiłem stropkę z wyciętym obrazkiem? Wstyd przyznać, ale nie wiem za jakim właśnie wrapperem.
Tą 204 linijkę zmieniam, ale nic się nie dzieje. Ona wygląda tak:
#footer p{
color: #333333;
odpowiada za kolor, podmieniam go tym co napisałeś i nic nie robi.
Pewnie nieźle namieszałem, co zrobiłem nie tak?
ps. pseudo stopkę wyrzuciłem.
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
24-03-2010, 23:52
(Ten post był ostatnio modyfikowany: 24-03-2010, 23:56 przez Kartofelek.)
Patrzac firebugiem w kod strony (html) widze, ze footer jest zagnierzdzony w div wrapper2. Wytnij wiec tego footera z tego wrappera2 i daj jego kod tuz za wrapperem2
<div id="wraper2">
.....
<div id="footer">........</div>
</div>
zamien na
<div id="wraper2">
.....
</div>
<div id="footer">........</div>
W kodzie masz cos takiego: <!-- end of wrapper --> - wlasnie za tym wstaw wyciety kod footera <div id="footer">..tresc footera..</div>
Style.css linijka 204:
#footer p {
margin:5px auto;
width:960px;
}
zapomnialem sie 
dodaj jeszcze do tego jeszcze jeden styl: text-align:center;
Ciezko tak pisaz z podawaniem linijek, bo wystarczy ze cos zmienisz i to nie bedzie aktualne.
Liczba postów: 10
Liczba wątków: 2
Dołączył: 23-03-2010
Reputacja:
1
25-03-2010, 02:52
(Ten post był ostatnio modyfikowany: 25-03-2010, 06:02 przez charis.)
Pięknie! Zadziałało.  Naprawdę wielkie dzięki
Wszystko zrobiłem dokładnie tak jak napisałeś i działa, jedynie nie wyrównuje góra dół, tylko stopka będąca teraz na środku idzie całkowicie ku górze, to gdzieś do poprawienia w style css?
Mam jeszcze jedną prośbę, przyznam, że przy ilości pomocy jaką od Ciebie uzyskałem, aż głupio prosić, ale chodzi mi o to: czy jest możliwe, aby cały ten footer zmieniał się w zależności od wielkości podstrony? Tak aby np. na "home" był footer (stopka i szary pasek) wyżej, zupełnie u góry przy tekście głównym, a na podstronie "Wyniki OFE" schodził całkowicie na dół. To byłoby idealnie, ale nie wiem, czy to jest trudna kwestia?
|
Podobne wątki… |
Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
|
Javascript i Media Queries - pline |
kassey |
2 |
2,910 |
19-03-2013, 16:34
Ostatni post: Kartofelek
|
|
Rozwijana lista vs PHP and JavaScript :) |
bryndzyk |
1 |
1,622 |
25-02-2013, 18:14
Ostatni post: kornell
|
|
Przekierowanie 301 .htaccess dla całej domeny a dla podstron? |
hdckredyty |
2 |
3,579 |
04-10-2012, 00:47
Ostatni post: hdckredyty
|
|
smarty,array, problem z wyświetlaniem lub konstrukcją tablicy... |
LoBo |
0 |
1,273 |
03-09-2012, 03:20
Ostatni post: LoBo
|
|
Zapisywanie całej strony na dysku. |
Daver |
10 |
5,588 |
30-04-2012, 22:04
Ostatni post: kornell
|
Użytkownicy przeglądający ten wątek:
|
|
Sponsorzy i przyjaciele
|
|
|