Wycentrowane, samoskalujące Logo - podejście drugie
Witajcie
Z podobnym problemem pomagaliście mi już wcześniej:
http://forum.joomla.pl/showthread.ph...-strony%29-jak
Dlatego tym głupiej jest mi pytać, ale... nie mam chyba innego wyjścia. Powoli zaczynam wątpić w moje umiejętności webmasterskie, i sens studiów na politechnice...
Dobra, ad-rem:
Postanowiłem zmienić template swojej strony, i wybór padł na js_optimus. Oferuje on trzy ustawienia strony - statyczne (szerokość 800), statyczne (szerokość 1024) i płynne (fluid). Mój wybór padł oczywiście na fluid. Szybko dostosowałem sobie, co tam potrzebowałem, między innymi dodając w pliku index.php takie coś (pogrubione):
Oczywiście własna pozycja modułu logo_moje trafiła również do .xml'a. Wszystko zagrało, moduł random_images_plus, będący moim "zmieniaczem logo" dał się tam wstawić. Teraz jednak pojawiły się problemy.Kod:<body> <div id="logo_moje"><jdoc:include type="modules" name="logo_moje" /></div> <div id="wrap"> <div id="header"> <div id="logo-<?php echo $headerstyle;?>"> <h1><a href="<?php echo JURI::base(); ?>" title="<?php echo $mainframe->getCfg('sitename'); ?>"><?php echo $headline;?></a></h1> <h2><?php echo $slogan;?></h2> </div>
Moduł, grafika nie chciała dać się skalować, w przeciwieństwie do całej reszty strony.
Szybkie spojrzenie na pliki .css dało wniosek, że za formatowanie może odpowiadać albo template.css albo (co bardziej prawdopodobne) - fluid.css. Wstawiając próbne parametry obrazka do template.css nie otrzymałem rezultatu, w fluid.css - i owszem, więc uznałem, że to on odpowiada za formatowanie wyglądu tego, co chcę zmienić. Jeśli błądzę, proszę mnie poprawić.
Wstawiłem więc do fluid.css zaproponowane wtedy przez pomocnego Moderatora linijki, tak że cały, króciutki fluid.css wyglądał tak:
Pogrubiona linijka była również wstawiana w formie:Kod:#wrap{width: 90%;margin-right: auto;margin-left: auto;position:relative;} .designer {width: 90%;margin-right: auto;margin-left: auto;position: relative;text-align:center;} #logo_moje{max-width: 1250px;margin-right: auto;margin-left: auto;position:relative;} div#logo_moje { margin-top: 0px; margin-left: 5px; margin-right: 5px; overflow: hidden; } body.width_fmax #logo_moje{max-width:1000px; margin-left:auto; margin-right:auto} .width_fmax #logo img{width:100%!important; height:auto!important; float:left} }
Niestety, bez pozytywnego rezultatu.Kod:.width_fmax #logo_moje img{width:100%!important; height:auto!important; float:left}
Efekt działania jest taki, że obrazek jest przycinany, zamiast ładnie skalowany do szerokości strony.
Czy ktoś z Was zna może rozwiązanie tego problemu?
Pozdrawiam, BelegU$
Cytuj
