iopi
21-10-2016, 12:45
CSS dopiero się uczę, na stronie mam dwie galerie, Joomgallery trochę mi się rozjechała na cały kontener przykład:
http://www.akwarysci.com/index.php?option=com_content&view=article&id=44:drozfotorelacja&catid=2:aktualnosci&Itemid=101
(http://www.akwarysci.com/index.php?option=com_content&view=article&id=44:drozfotorelacja&catid=2:aktualnosci&Itemid=101)
Odległości miedzy fotografiami są za duże, z tym że w ccs chyba nie zostało to kreślone
/* Joomgallery CSS
CSS Styles generated by settings in the Joomgallery backend.
DO NOT EDIT - this file will be overwritten every time the config is saved.
Adjust your styles in joom_local.css instead.
CSS Styles, die ueber die Speicherung der Konfiguration im Backend erzeugt werden.
BITTE NICHT VERAENDERN - diese Datei wird mit dem naechsten Speichern ueberschrieben.
Bitte nehmen Sie Aenderungen in der Datei joom_local.css in diesem
Verzeichnis vor. Sie koennen sie neu erstellen oder die schon vorhandene
joom_local.css.README umbenennen und anpassen
*/
/* Gallery view */
.jg_element_gal, .jg_element_gal_r {
float:left;
width:33%;
}
.jg_element_txt {
float:left;
}
.jg_element_txt_subs {
float:left;
font-size: 0.9em;
}
.jg_photo_container {
float:left;
}
/* Category view */
.jg_element_cat {
width:33%;
float:left;
}
.jg_catelem_cat a{
height:160px;
}
.jg_catelem_photo {
float:left;
}
.jg_catelem_txt {
text-align:left !important;
}
/* Subcategory view */
.jg_subcatelem_cat, .jg_subcatelem_cat_r{
width:49%;
float:left;
text-align:center !important;
}
.jg_subcatelem_cat a{
height:160px;
}
.jg_subcatelem_photo {
text-align:center !important;
}
.jg_subcatelem_txt {
clear:both;
text-align:center !important;
}
/* Detail view */
.jg_minipic {
height:28px;
}
#motioncontainer {
width:400px; /* Set to gallery width, in px or percentage */
height:50px;/* Set to gallery height */
}
/* Special view - Toplists*/
.jg_topelement, .jg_favelement {
width:99%;
height:auto;
}
.jg_topelem_photo, .jg_favelem_photo {
width:49%;
float:left;
}
.jg_topelem_txt, .jg_favelem_txt {
text-align:left !important;
width:49%;
float:left;
}
/* Search view*/
.jg_searchelement {
width:99%;
height:auto;
}
.jg_searchelem_photo {
width:49%;
float:left;
}
.jg_searchelem_txt {
text-align:left !important;
width:49%;
float:left;
}
http://www.akwarysci.com/index.php?option=com_content&view=article&id=44:drozfotorelacja&catid=2:aktualnosci&Itemid=101
(http://www.akwarysci.com/index.php?option=com_content&view=article&id=44:drozfotorelacja&catid=2:aktualnosci&Itemid=101)
Odległości miedzy fotografiami są za duże, z tym że w ccs chyba nie zostało to kreślone
/* Joomgallery CSS
CSS Styles generated by settings in the Joomgallery backend.
DO NOT EDIT - this file will be overwritten every time the config is saved.
Adjust your styles in joom_local.css instead.
CSS Styles, die ueber die Speicherung der Konfiguration im Backend erzeugt werden.
BITTE NICHT VERAENDERN - diese Datei wird mit dem naechsten Speichern ueberschrieben.
Bitte nehmen Sie Aenderungen in der Datei joom_local.css in diesem
Verzeichnis vor. Sie koennen sie neu erstellen oder die schon vorhandene
joom_local.css.README umbenennen und anpassen
*/
/* Gallery view */
.jg_element_gal, .jg_element_gal_r {
float:left;
width:33%;
}
.jg_element_txt {
float:left;
}
.jg_element_txt_subs {
float:left;
font-size: 0.9em;
}
.jg_photo_container {
float:left;
}
/* Category view */
.jg_element_cat {
width:33%;
float:left;
}
.jg_catelem_cat a{
height:160px;
}
.jg_catelem_photo {
float:left;
}
.jg_catelem_txt {
text-align:left !important;
}
/* Subcategory view */
.jg_subcatelem_cat, .jg_subcatelem_cat_r{
width:49%;
float:left;
text-align:center !important;
}
.jg_subcatelem_cat a{
height:160px;
}
.jg_subcatelem_photo {
text-align:center !important;
}
.jg_subcatelem_txt {
clear:both;
text-align:center !important;
}
/* Detail view */
.jg_minipic {
height:28px;
}
#motioncontainer {
width:400px; /* Set to gallery width, in px or percentage */
height:50px;/* Set to gallery height */
}
/* Special view - Toplists*/
.jg_topelement, .jg_favelement {
width:99%;
height:auto;
}
.jg_topelem_photo, .jg_favelem_photo {
width:49%;
float:left;
}
.jg_topelem_txt, .jg_favelem_txt {
text-align:left !important;
width:49%;
float:left;
}
/* Search view*/
.jg_searchelement {
width:99%;
height:auto;
}
.jg_searchelem_photo {
width:49%;
float:left;
}
.jg_searchelem_txt {
text-align:left !important;
width:49%;
float:left;
}