Automatyczna zmiana wielkości nagłówka
: 15 listopada 2011, 17:52
Witam serdecznie!
W związku z tym, iż strasznie dawno nie zajmowałem się tworzeniem stron internetowych i ogólną tematyką z tym związaną, postanowiłem się zgłosić z mym problemem do Was. Staram się zmodyfikować styl we_clearblue stworzony pod phpBB 3. Udało mi się uzyskać efekt, na którym mi zależało, lecz ze względu na to, że motyw zmienia swą szerokość w zależności od rozdzielczości, nie wygląda to poprawnie u każdego. Pozwolę sobie zamieścić screenshoty obrazujące problem:
Jak powinno wyglądać (i wygląda na mej rozdzielczości):
Jak wygląda na ten moment:
Interesujące nas (jak sądzę) fragmenty kodu:
Mam wrażenie, iż niepoprawnie użyłem wartości 70% dla pojemnika main-logo, lecz nie mam pomysłu jak zastosować ową w inny sposób. Pozwolę sobie również zamieścić adres strony, w przypadku, gdyby przytoczone fragmenty były niewystarczające:
Z góry dziękuję za wszelką pomoc!
W związku z tym, iż strasznie dawno nie zajmowałem się tworzeniem stron internetowych i ogólną tematyką z tym związaną, postanowiłem się zgłosić z mym problemem do Was. Staram się zmodyfikować styl we_clearblue stworzony pod phpBB 3. Udało mi się uzyskać efekt, na którym mi zależało, lecz ze względu na to, że motyw zmienia swą szerokość w zależności od rozdzielczości, nie wygląda to poprawnie u każdego. Pozwolę sobie zamieścić screenshoty obrazujące problem:
Jak powinno wyglądać (i wygląda na mej rozdzielczości):
Kod: Zaznacz cały
http://i41.tinypic.com/14o569y.pngKod: Zaznacz cały
http://i44.tinypic.com/zoc7k3.pngKod: Zaznacz cały
<div id="illustration"><img src="{T_THEME_PATH}/images/header-mod_1.png" width="10" height="124" style="float: left;"/><div id="main-logo"></div><img src="{T_THEME_PATH}/images/header-mod_2.png" width="10" height="124" style="float: left;"/></div>Kod: Zaznacz cały
#illustration {
height: 124px;
clear:both;
}
#main-logo {
float: left;
height: 124px;
min-width: 960px;
max-width: 70%;
background: url("{T_THEME_PATH}/images/header-mod_bg.png") repeat-x;
}Kod: Zaznacz cały
http://mindwalker.vihost.pl/darkwings/