problem z divami. Ilość komentarzy, ilość czytań i więcej w jednej lini.

[zderzak]

Witam. Mam taki problem. Mam joomle 1.5.22 na xamppie. (bo zanim coś wgrywam na serwer ftp to robię na localhost). A więc. Sformatowałem przycisk więcej... i dodałem w php ilość czytań i to również sformatowałem. Miałem coś takiego:
http://iv.pl/images/90419926935403421321.png
Później dodałem dodatek jcomments. I zrobiło mi się coś takiego:
http://iv.pl/images/33574166393040617589.png
Zmieniłem wygląd wyświetlania z jcomments na joomla i miałem coś takiego:
http://iv.pl/images/21120164585265751721.png
I teraz chcę aby Komentarze (napis Komentarze(1)) był w równej linii z czytano:[169] i Więcej... i był tak samo sformatowany.
Próbowałem już to zrobić, ale w ostatnim obrazku który znajduje się wyżej napis w prawym dolnym rogu czyli "czytano:[169] Więcej..." jest w divie o klasie którą sam mu nadałem czytanoiwiecej. A Komentarze(1) jest odnośnikiem a o klasie: jcomments-link i jeszcze wokół niego jest div o klasie: jcomments-links.
Wygląda to tak:
http://iv.pl/images/56080526237856254286.png
I tak jak już wcześniej pisałem chciałbym aby napis komentarze były w divie czytanoiwiecej po lewej stronie.

i może załączę arkusze stylów wykorzystanych w tym kawałku artykułu.
.czytano {
color: #0866A4;
font-family: arial;
font-size: 12px;
font-weight: bold;
padding-left: 440px;


}
.readon {
color: #054A8B;
float: right;
font-family: arial;
font-size: 12px;
font-weight: bold;
padding-right: 10px;
text-decoration: none;


}

.czytanoiwiecej {
margin-bottom: 0;


}



.comments-link {
background-position: 0 -27px;


}
.jcomments-links {
clear: both;
margin-top: 10px;
text-align: left;


}

Doceniam każdą pomoc.


I chciałbym zaznaczyć że zrobiłem ten szablon samodzielnie od podstaw. Mam go wrzucone na ftp cba.pl. A i na ftp nie mam dodane dodatku jcomments bo jak wcześniej napisałem najpierw ćwiczę na localhoście. Link: http://chelseanews.c0.pl
(http://chelseanews.c0.pl/)

[larry_krk]

.jcomments-links szerokość i float powinny chyba pomóc

[zderzak]

.jcomments-links szerokość i float powinny chyba pomóc

Nie niestety nie pomogło. Co prawda mógłbym zrobić tak:
.jcomments-links {
margin-bottom: -32px
}
ale raczej nie powinno się tak robić co nie? Oczywiście to zadziała będzie efekt taki jaki bym chciał, ale jednak wolałbym zrobić tak jak trzeba... :)

[larry_krk]

Zasugerowałem się tytułem - problem z divami.
.czytano i .readon wrzuć w drugiego diva, daj mu float, no i z padding left 440px też raczej nie pojedzie.

[zderzak]

Joł. Zrobiłem tak jak napisałeś ale musiałem jeszcze firebug'em kod pozmieniać miejsce wyświetlania tego napisu komentarze(1). całą liniję kodu wyciąłem i wkleiłem w tego diva czytanoiwiecej i wygląda tak:

http://iv.pl/images/70817960365135974536.png

kawałek kodu css:I zmieniłem w kodzie story taki kawałek:
.readmore-link { color: #0866A4;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;


}


.czytano {
color: #0866A4;
float: right;
font-family: arial;
font-size: 12px;
font-weight: bold;


}

.readon {
color: #054A8B;
float: right;
font-family: arial;
font-size: 12px;
font-weight: bold;
margin-left: 5px;
padding-right: 10px;
text-decoration: none;


}






<div class="jcomments-links"> <a class="comments-link" href="/index.php?option=com_content&amp;view=article&amp;id=1:wit aj-u-joomla&amp;catid=1:nowiny&amp;Itemid=50#comments">Komentarze (1)</a> </div>
<p class="czytanoiwiecej">
<span class="czytano">czytano: [170]</span>
<a class="readon" href="/index.php?option=com_content&amp;view=article&amp;id=1:wit aj-u-joomla&amp;catid=1:nowiny&amp;Itemid=50">
Więcej…</a>
</p>

na taki kawałek

<p class="czytanoiwiecej"><a style="" href="/index.php?option=com_content&amp;view=article&amp;id=1:wit aj-u-joomla&amp;catid=1:nowiny&amp;Itemid=50#comments" class="comments-link">Komentarze (1)</a>
<a href="/index.php?option=com_content&amp;view=article&amp;id=1:wit aj-u-joomla&amp;catid=1:nowiny&amp;Itemid=50" class="readon">
Więcej…</a>
<span class="czytano">czytano: [170]</span>
</p>
I wszystko wyświetla się dobrze tylko jeden artykuł który edytowałem w firebug'u. Reszta artykułów poniżej pozostaje bez zmian. Czyli wygląda tak:
http://iv.pl/images/24521488461364531983.png
Myślę że będzie trzeba pozmieniać coś w jakimś pliku php....

[larry_krk]

temat na dziś: http://wiki.joomla.pl/index.php/Zrozumie%C4%87_koncepcj%C4%99_nadpisywania_szablon em

[zderzak]

temat na dziś: http://wiki.joomla.pl/index.php/Zrozumie%C4%87_koncepcj%C4%99_nadpisywania_szablon em

fajny poradnik....

[a_m]

najpierw czyszczenie

z

.czytano {
font-size: 12px;
font-family: arial;
font-weight: bold;
padding-left: 440px;
color: #0866a4;
} wywal padding-left: 440px;

potem w


.jcomments-links {
margin-top: 10px;
clear:both;
text-align: left
}clear:both; zmień na float:left

potem dopisz


.czytanoiwiecej{
float:right;
width:30%;
margin-top: 10px;
}
.czytanoiwiecej span, .czytanoiwiecej a{
display:block;
float:left;
margin-left: 15px;
}+

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

a jak coś namieszałem, to reklamacji nie przyjmujemy

[zderzak]

spróbuje i potem napisze jakie były efekty.... :)

---------- Post dodany o 18:36 ---------- Poprzedni post był o 18:25 ----------

a_m jesteś wielki! :up: Wszystko tak jak miało być działa!

WIEEEELKIEEEE DZIĘKI ZA HELP! :DD

Ps. można już na chelseanews.c0.pl zobaczyć efekty :lol: