Thema: Blocksatz bei JA News Modul

Wie kann ich erreichen, dass beim JA News Modul dier Text blockzeilig dargestellt wird? Wo kann man dies einstellen?

Kann keiner weiterhelfen?

Hat das Modul eine eigene CSS? Wenn nicht, in der CSS des Templates eine eigene Klasse mit entsprechendem Suffix definieren, das Du dann im Modulmanager beim JA-Modul eintragen kannst.

Jep, eine Css Datei konnte ich finden. Wie lautet der Befehl für Blocktext beim CSS. Für html konnte ich den Befehl justify finden.

Was passiert, wenn du das align in justify änderst? Selfhtml regelt .

Ich habe es jetzt wie folgt geändert:

* # ------------------------------------------------------------------------
# JA SideNews module for Joomla 1.5
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing,
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites: http://www.joomlart.com - http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full,
# is bound by the License applied.
# ------------------------------------------------------------------------
*/
.ja-slidenews-item {
border-bottom: 1px dotted #ccc;
padding: 8px 0;
}

.ja-slidenews-item .ja-title {
display: block;
font-weight: bold;
}

.ja-slidenews-item .ja-createdate {
color: #666;
font-size: 92%;
font-weight: bold;
padding: 2px 5px 2px 0;
}
.ja-sidenews-title{ font-weight:bold }
.ja-sidenews-postdate{ font-size:85%; }
/*****STYLE FOR SIDENEWS LAYOUT******/
.ja-sidenews{
width: 100%;
/* float:left; */
overflow: hidden;
position: relative;
padding:0;
margin:0;
cursor:pointer;
}
.ja-sidenews-display {
position: absolute;
top: 0;
z-index:1;
height: 100%;
width:100%
}
.ja-sidenews-desc{
padding: 0px 3px 0px 3px;
}
.ja-slidenews-cover{
float: justify;
position: absolute;
width: 100%;
z-index:3;
overflow: hidden;
left:0;
bottom:0;
}

Alternativ hatte ich es wie folgt versucht:

/*
* # ------------------------------------------------------------------------
# JA SideNews module for Joomla 1.5
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing,
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites: http://www.joomlart.com - http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full,
# is bound by the License applied.
# ------------------------------------------------------------------------
*/
.ja-slidenews-item {
border-bottom: 1px dotted #ccc;
padding: 8px 0;
}

.ja-slidenews-item .ja-title {
display: block;
font-weight: bold;
}

.ja-slidenews-item .ja-createdate {
color: #666;
font-size: 92%;
font-weight: bold;
padding: 2px 5px 2px 0;
}
.ja-sidenews-title{ font-weight:bold }
.ja-sidenews-postdate{ font-size:85%; }
/*****STYLE FOR SIDENEWS LAYOUT******/
.ja-sidenews{
width: 100%;
/* float:left; */
overflow: hidden;
position: relative;
padding:0;
margin:0;
cursor:pointer;
}
.ja-sidenews-display {
position: absolute;
top: 0;
z-index:1;
height: 100%;
width:100%
}
.ja-sidenews-desc{
padding: 0px 3px 0px 3px;
}
.ja-slidenews-cover{
text-align: justify;
position: absolute;
width: 100%;
z-index:3;
overflow: hidden;
left:0;
bottom:0;
}

Wenn ich auf Weiterlesen klicke hat er anschliessend den Text in Blockschrift, leider aber nicht in den Modulboxen.

Stell mal den URL hier rein, und laß einen CSS Spezi drüberschauen.

Link gelöscht, da noch keine offizielle Seite.

Hallo

style.css Zeile 15

Code:

.ja-slidenews-item {
border-bottom:1px dotted #CCCCCC;
padding:8px 0;
text-align:justify;
}

/* Zusätzlich einfügen für
    Textabstand zum Bild */
.ja-slidenews-item img {
padding-left: 5px;
}

Die Bilder die über die gesamte Breite gehen sind anzupassen (5px kleiner)

Ich sage mal ganz nett Danke. Hat bestens funktioniert. Super!