PDA

Zobacz pełną wersję : Pozycja Modułu - jak wycentrować?



beyond_illusions
11-08-2009, 18:31
Witam.
próbuję zrobić sobie prostą stronę. Nie mam doświadczenia dużego z Joomlą, ale przez ostatnie parę dni ogarnąłem to i owo.
Próbuję przerobić template JA_Purity na własne potrzeby.
Mam jednak duży problem z wycentrowaniem modułu rotatora obrazów.
Przypisałem mu pozycję "user2".
W index.php templatki nie znalazłem informacji o alignie, jedynie ze user2 przypisany jest do diva

<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap">
<div id="ja-botsl" class="clearfix">

<?php if( $this->countModules('user1') ): ?>
<div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>

<?php if( $this->countModules('user2') ): ?>
<div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
<jdoc:include type="modules" name="user2" style="xhtml" />
Dalej grzebałem w opcji EDIT CSS w panelu administratora i odnalazłem ten tag Spotlight box.


/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-right: 30px;
background: none;
}

.ja-box-right div.moduletable {
padding-left: 30px;
background: url(../images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
padding: 0 30px;
background: url(../images/vdot2.gif) repeat-y left;
}

#ja-botsl h3 {
background: none;
}

#ja-botslwrap {
border-top: 5px solid #CCCCCC;
background: #444444;
color: #CCCCCC;
}

#ja-botsl {
padding: 15px 0;
}

#ja-botsl div.moduletable {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}

#ja-botsl h3 {
margin: 0 0 12px;
padding: 0;
color: #FFFFFF;
}

#ja-botsl a {
color: #CCCCCC;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #FFFFFF;
}

#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
padding: 0;
margin: 0 !important;
}

#ja-botsl ul li {
padding: 0 0 0 15px;
margin: 0;
background: url(../images/bullet2.gif) no-repeat 3px 8px;
}

#ja-botsl ol li {
margin-left: 25px;
padding: 0 !important;
}

#ja-botsl td {
padding: 0;
}

#ja-botsl .article_separator {
display: none;
}

#ja-botsl table {
border-spacing: 0;
border-collapse: collapse;
}
Rozumiem, że pierwsze 3 linijki ustawiają float na lewą stronę dla wszystkich wymienionych eeerr... nazw.


.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}próbowałem zmieniać float na : center; ale nie dawało to żadnego rezultatu.
próbowałem też z text-align, myśląc, że może modul jest traktowany jako zawartość tekstowa ale też nie dawało to skutku.

Proszę o pomoc.
Nie mam za dużej wiedzy z zakresu CSS ani HTML, a poszukiwania na forum nie pomogły mi w rozwiązania problemu.




Z góry dziękuję.

idek
11-08-2009, 18:49
.ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-full {margin:auto; overflow:hidden}

ostatni kod jaki podałeś zastąp tym co ja podaję i powinno pojść

beyond_illusions
11-08-2009, 19:01
magia! spalić wiedźmę!

:D
bardzo dziękuję

beyond_illusions
11-08-2009, 19:32
Ale zaraz... errr... sprawdziłem teraz pod IE i moduł wystaje poza ekran.... :/

w firefoxie wszystko ok.

KYCu
11-08-2009, 21:06
Ktora wersja IE? jeżeli 6 lub 7 proponuję dodać hack z informacją, że przeglądający posiada starą przeglądarkę, żeby sobie zaktualizował bla bla bla ;). Należy tępić to badziewie :p

beyond_illusions
11-08-2009, 21:11
IE 6.0

może i stara, co nie zmienia faktu, że większość firm jeszcze go używa :(

zwiastun
11-08-2009, 21:15
Kochani - ostrożnie z tym tępieniem badziewia: tysiące ludzi korzystają z Internetu w pracy. I bardzo często to nie oni odpowiadają za oprogramowanie, a wszelkiej maści informatycy-administratorzy. Nie wolno im instalować żadnego oprogramowania, a administratorom nie zawsze się chce.
Taka dola projektanta www (i cieszcie się, że o wiele prostsza pod tym względem, niż było jeszcze rok, dwa trzy trzy lata wstecz.
Bez trudu można dziś znaleźć w Sieci i w literaturze opisy sposobów radzenia sobie z badziejstwem IE.

Bazyl
11-08-2009, 21:17
Hack hackiem, a orać trzeba...

Może to pomoże: http://extensions.joomla.org/extensions/style-&-design/browsers-&-web-standards/7623/details?

trzepiz
11-08-2009, 21:20
może i stara, co nie zmienia faktu, że większość firm jeszcze go używa


kiedyś na blogu pewnego programisty i webmastera przeczytałem ciekawą rzecz.

Napisał on, że nigdy nie poprawi kodu swojego bloga (chociaż był źle wyświetlany w IE6) gdyż czas jaki musiałby poświęcić na dopracowywanie czegoś, co wszędzie wyświetlane jest poprawnie (przeglądarka) przekroczyłby czas stworzenia całej witryny. Poza tym nie ma zamiaru uszczęśliwiać ludzi, którzy z własnej woli nie aktualizują swojego oprogramowania ..

W sumie całkowicie się zgadzam. Gdyby przeprowadzić masową akcję typu: Masz IE6 - nie wejdziesz na moją stroną - ilość użytkowników tejże przeglądarki radykalnie by zmalała ...

beyond_illusions
11-08-2009, 21:23
z ideologią się zgadzam :)
nie mniej jednak szukam pracy obecnie, więc nie mogę wysyłać linku do strony która nie będzie działała na typowym biurowym rzęchu sprzed 6 lat.

trzepiz
11-08-2009, 21:25
rozumiem jak najbardziej .... ale tak czy inaczej IE6 samym swym istnieniem podnosi mi ciśnienie (swoją drogą i tak już wysokie) :)

beyond_illusions
11-08-2009, 21:29
Hack hackiem, a orać trzeba...

Może to pomoże: http://extensions.joomla.org/extensions/style-&-design/browsers-&-web-standards/7623/details?

zainstalowałem i zrobiłem "enable"

bez zmian :(

zwiastun
11-08-2009, 21:30
@trzepiz To patrz na żonę i myśl o żonie oraz nie p***** IE :)
@beyond_illusions: rusz głową: chcesz hakiem dla IE8 naprawiać byki w IE6?

beyond_illusions
11-08-2009, 21:31
?????????????????????

zwiastun
11-08-2009, 21:33
:) @trzepiz dobrze rozumie :)

Bazyl
11-08-2009, 21:35
:o Ups...

trzepiz
11-08-2009, 21:36
@zwiastun - czasem mi się zdarza coś rozumieć ... a z tą żoną to chcesz mnie wykończyć ? :)

to mialoby mi ciśnienie obniżyć czy jak ..? toż to zdrowa młoda kobieta jest :)

zwiastun
11-08-2009, 21:55
Ot, po prostu widok wart ciśnienia. I sama radość. W przeciwieństwie do IE! :)

trzepiz
11-08-2009, 22:00
i tu przytaknę ... i nie będę już offtopował :)