Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Panele z zakładkami- Dreamveaver

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

Panele z zakładkami- Dreamveaver

Post 04.02.2009, 11:14:27

Witam
Czy ktoś korzystał kiedyś z widżetu panele z zakładkami w programie Dreamveawer?
Wszystko jest ok dopóki nie pomniejsza się strony w przeglądarce za pomocą funkcji Pomniejsz. W pewnej chwili zakładka dolna przeskakuje wyżej i umiszcza się po prawej stronie zakładki górnej. Zakładki są formatowane za pomocą css. Nie mam koncepcji jak sprawić, żeby dolna zakładka nie zmianiała położenia.
Czy zna ktoś odpowiedź? Będę wdzięczna za pomoc :)
magduska106
Posty: 4
Dołączył(a): 04.02.2009

Post 04.02.2009, 17:53:28

Możliwość udzieleni odpowiedzi uzależniam od chęci pokazazani współpracy po Twojej stronie.

Link do strony?

Magiczna kula i wróżenie z fusów odpada, nie dzisiaj, boli mnie głowa.
Krzysztof Safjanowski – dostawca rozwiązań IT
Avatar użytkownikabrand
Krzysztof Safjanowski

...
...

Posty: 4404
Dołączył(a): 27.01.2006
Lokalizacja: Poznań

Post 05.02.2009, 09:49:29

Witam
Mam nadzieję, że dziś czujesz się lepiej :)
Podaję link do strony:
http://www.promac.com.pl/robocze/zakladki.html

i wycinki z css:

dla całego panelu
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%;
}

Poniżej dla górnej części panelu

.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
-moz-user-select: none;
-khtml-user-select: none;

}

dla dolnych części panelu

.TabbedPanelsContentGroup {
clear: both;
page-break-before: always;
page-break-after: left;
}

.TabbedPanelsContent {
clear: both;
display: block;
}

dla odwiedzonych paneli:

.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
position: relative;

}

/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
.clr_none {
clear: both;
width: auto;
}

I to chyba wszystko.
Z góry dziękuję za pomoc. :-)
magduska106
Posty: 4
Dołączył(a): 04.02.2009

Post 05.02.2009, 10:44:02

ustaw min-width* na body lub na TabbedPanels1
Kod: Zaznacz cały
body {min-width: 200px;}


* szerokosc dobierz eksperymentalnie
Krzysztof Safjanowski – dostawca rozwiązań IT
Avatar użytkownikabrand
Krzysztof Safjanowski

...
...

Posty: 4404
Dołączył(a): 27.01.2006
Lokalizacja: Poznań

min-width

Post 05.02.2009, 11:03:34

Dzięki ale to nie pomaga. :(
Wypróbowałam przed chwilą. Dolny panel z ustaloną min. szerokością przeskakuje na górę i zaczyna wystawać szerokość strony.
magduska106
Posty: 4
Dołączył(a): 04.02.2009


Powrót do Początkujący webmaster


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 11 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51028 zarejestrowanych użytkowników.
Najnowszy użytkownik: DirkChri


Nasi użytkownicy napisali:

  • 936618 wiadomości
  • w 246933 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)