forum.ahadesign.eu

[mulrich]

Hallo Gerhard
Ich hoffe das Du gut den Sommer überstanden hast, ist ja jetzt schon ziemlich herbstlich zumindenst hier. Ich habe ein Template Problem. Anstelle von Thumbnails beutzen wir jetzt die Display Version von den in der RS Gallery abgelegten Bilder. Die kommen natürlich auch grösser in den Artikeln (JCE Image Manager ).
Im La Perroterie Template funktioniert das auch relatif sauber,
http://laperroterie.fr/
bloss im Mamie Lulu Template wird vom Artikeltext der rechte Rand im Template überschritten.
http://mamielulu.fr/
Hast Du eine Idee ??

A+
Michael

[Gerhard]

Hi, schön wieder von Dir zu hören.

Also mach mal ab ca. Zeile 100 bei fieldset folgendes rein:
fieldset

Code: Alles auswählen

{
padding: 0.8em;
white-space:normal;
   }

Also white-space. Dasselbe für pre und blockquote und td.
Bei table sollte das hier stehen:

Code: Alles auswählen

padding:0;
   margin:0;
   width:auto;

Das Problem ist wahrscheinlich table. Ich hoffe es hat geholfen. Übrigens gibt es schon fast alle unsere Templates auch für Joomla 1.5.x und neue werden folgen. Ich hoffe ich konnte Dein Problem lösen, wenn nicht werden wir es lösen.

Beste Grüße nach Frankreich
Gerhard

[mulrich]

Danke für die (wie immer) rasche Antwort. Ich probiere das aber erst morgen mit frischen(eren) Augen aus.
A+
Michael

[mulrich]

Hallo
Ich habe es mal versucht die css Datei zu ändern, abgesehen von

pre und blockquote

die ich nicht gefunden habe, habe ich die Änderungen eingebaut, das Resultat ist allerdings nicht überzeugend.
Hier beiliegend die geänderte css.datei
A+
Michael

[Gerhard]

pre und blockquote ist gar nicht definiert in der css, stimmt.
ich hab mir die Bilder mal angesehen. Die sind sehr breit. Jeweils 400 Pixel und das nebeneinander, das ist nicht so günstig. Hier würde ich entweder die Bilder kleiner machen, oder die Beiträge untereinander und nicht nebeneinander darstellen.

Versuch mal noch folgendes in die CSS einzutragen:

Code: Alles auswählen

.blog {
   width:100%;
   }

Ab Zeile 458 bis zum Eintrag leftmodules ändere bitte noch folgendes:

Code: Alles auswählen

div.rahmen div div div {
   background: url(../images/rbottom.png) 100% 100% no-repeat;
   padding:14px 22px 30px 14px;
   width:auto;
   }
* + html div.rahmen div div div {
   height:1%;
   }
* html div.rahmen div div div {
   height:1%;
   }
div.rahmen div div div div {
   background:none;
   margin:0;
   padding:0;
   }
* + html div.rahmen div div div div {
   height:1%;
   }
* html div.rahmen div div div div {
   height:1%;
   }

Und ab Zeile 673 bis a.mainlevel noch das:

Code: Alles auswählen

div.module div div div, .module_menu div div div, .module_text div div div {
   background: url(../images/rbottom.png) 100% 100% no-repeat;
   padding:22px 17px 22px 13px;
   width:auto;
   }
* + html div.module div div div, * + html .module_menu div div div, * + html.module_text div div div {
   height:1%;
   }
* html div.module div div div, * html .module_menu div div div, * html .module_text div div div {
   height:1%;
   }
div.module div div div div, .module_menu div div div div, .module_text div div div div {
   background:none;
   margin:0;
   padding:0 5px;
  }
* + html div.module div div div div, * + html .module_menu div div div div, * + html .module_text div div div div {
   height:1%;
   }
* html div.module div div div div, * html .module_menu div div div div, * html .module_text div div div div {
   height:1%;
   }

Und bei table sollte nicht width auto sondern width:100% stehen, weil sonst das Menü nach diesen Änderungen nicht mehr passt. Ich habe die CSS gleich mal fertig geändert. Ich hoffe jetzt klappt es. Aber wahrscheinlich haut das wegen der zu großen Bilder trotzdem nicht hin. Ich hab das auch mal mit anderen nicht meinen Templates versucht. Da ist es das gleiche Problem. Bei den neuen 1.5er Templates passiert das nicht mehr, da kann man viel mehr definieren und verändern.

Hier die geänderte komplette CSS

Code: Alles auswählen

/*Ahadesign CSS*/
/*modi Ul = 14px mu*/
* {
   margin: 0;
   padding: 0;
   }
* html #mainout {
  width: 80em;
  width: expression((document.documentElement && document.documentElement.clientHeight) ?
    (document.documentElement.clientWidth < 994) ? "994px" : (( document.documentElement.clientWidth > 1950 ) ? "1950px" : "auto") :
(document.body.clientWidth < 994) ? "994px" : (( document.body.clientWidth > 1950 ) ? "1950px" : "auto")
);
}
html {
   font-size:100.01%;
   }
body {
   text-align:center;
   background-color:#EEEAAD;
   color:#272607;
   font-size: 76.1%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 1.3em;
   margin: 1em 0;
   }
#mainout {
   width:99%;
   margin:0 auto;
   text-align:left;
   height:100% !Important;
   height:1%;
   overflow:hidden;
   min-width: 994px;
   }
.padding {
   padding:1px;
   }
.clear {
   clear:both;
   }
h1, h2, h3, h4, h5, h6, p, blockquote, label, ol, dl, address, {
   margin: 0.8em 0;
   }
form {
   padding:0.8em;
   margin:0;
   }
#login {
   margin:0;
   text-align:center;
   }
.inputbox {
   background-color:#fbf9e3;
   border-color:#ede8a9;
   border-style:solid;
   color:#45420e;
   }
.inputbox:hover {
   background-color:#ede8a9;
   color:#000;
   border-color:#45420e;
   }
select {
   background-color:#fbf9e3;
   border-color:#ede8a9;
   border-style:solid;
   color:#45420e;
   }
#mod_templatechooser_jos_change_template {
   background-color:#fbf9e3;
   border-color:#ede8a9;
   border-style:solid;
   color:#45420e;
   }
#mod_templatechooser_jos_change_template:hover {
   background-color:#ede8a9;
   color:#000;
   border-color:#45420e;
   }
marquee {
   height:200px;
   width:auto;
   }
ul {
   margin:1px 4px;
   padding:2px;
   text-align:left;
   font-size:14px;
   }
dd {
   /*margin-left: 0.8em;*/
   }
li {
   background:url(../images/narrow.png) 0 5px no-repeat;
   padding-left:20px;
   list-style:none;
   }
li:hover {
   background:url(../images/narrow_hover.png) 0 5px no-repeat;
   }
fieldset {
   padding: 0.8em;
   white-space:normal;
   }
a {
   text-decoration: none;
   color:#45420e;
   }
a:hover {
   text-decoration: none;
   color:#000;
   }
h1, .componentheading {
   font-size: 1.7em;
   line-height: 1.3em;
        font-weight:bold;
   color:#45420e;
   }
   h2, .contentheading {
   font-size: 1.5em;
   line-height: 1.2em;
   }
   h3 {
   font-size: 1.3em;
   line-height: 1.1em;
   }
   h4 {
   font-size: 1.2em;
   line-height: 1.1em;
   }
   h5 {
   font-size: 1.1em;
   line-height: 1.1em;
   }
   h6 {
   font-size: 0.8em;
   line-height: 0.8em;
   font-weight: bold;
   }
.small, .createdate, .modifydate, .mosimage_caption {
   font: 0.8em Arial, Helvetica, sans-serif;
   color: #45420e;
   }
td {
   padding:0;
   margin:0;
   white-space:normal;
   }
table {
   padding:0;
   margin:0;
  width:100%;
   }
.content_rating {
   font-size: 10px;
   color: #45420e;
   }
.content_vote {
   font-size: 10px;
   }
.poll {
   margin:0;
   padding:0;
   }
.error {
     font-style: italic;
     text-transform: uppercase;
     padding: 5px;
     color: #d00;
     font-size: 14px;
     font-weight: bold;
   }
.highlight {
   background-color: #ff0;
   color: #d00;
   padding: 0px 2px;
   }
.code {
   background-color: #C0C0C0;
   color:#5B5B5B;
   border: 1px solid #000;
   }
hr {
   width:  90%;
   margin:1% 5%;
   }
hr.separator {
   width:  40%;
   margin:1% 5%;
   }
.blog {
   width:100%;
   }
.blog_more {
   text-align:right;
   font-size: 14px;
   margin:0;
   }
.blogsection {
   text-align: left;
   font-size: 12px;
   }
.blog_more ul li {
   list-style: none;
   background-image: none;
   }
a.readon {
   text-align: left;
   font-size: 14px;
   text-decoration: none;
   line-height: 18px;
   padding-left: 14px;
   margin-top: 10px;
   text-decoration: none;
   font-weight: bold;
   }
.sectiontableentry1 {
   text-align: center;
   background: none;
   font-size: 12px;
   color:#45420e;
   padding: 1px;
   }
.sectiontableentry2 {
   background: none;
   font-size: 12px;
   color:#000;
   text-align: center;
   padding: 1px;
   }
.syndicate div a img {
   margin:0;
   padding:0;
   }
a.category:link, a.category:visited {
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   }
.categorytitle {
   font-weight: bold;
   font-size: 14px;
   }
div.componentheading {
   text-align:center;
   }
.contentpaneopen {
   margin:0;
   padding:0;
   }
.contenttoc {
   padding:2px;
   white-space:nowrap;
   }
.pagenav {
   font-size: 12px;
   font-weight: bold;
   }
img {
   margin:17px 4px 0 4px;
   }
.button {
   background-color:#ede8a9;
   border-color:#f9f5d2;
   border-style:solid;
   color:#272607;
   margin-top:6px;
   }
.button:hover {
   background-color:#f9f5d2;
   color:#272607;
   border-color:#272607;
   }
.back_button a:link, .back_button a:visited {
   color: #272607;
   font-size: 1em;
   font-weight: bold;
   width: 74px;
   line-height: 21px;
   height: 21px;
   margin: 10px;
   }
.back_button a:hover {
   color: #000;
   }
.header {
   width:100%;
   }
#headleft {
   height:171px;
   width:100%;
   float:left;
   background: url(../images/header_left.jpg) top left no-repeat;
   margin:0;
   padding:0;
   }
.header h1 {
   float:left;
   font-family: Helvetica, Arial, sans-serif;
   text-align:left;
   font-size:4em;
   font-weight:bold;
   color: #272607;
   margin-top:-133px;
   padding-left:150px;
   text-indent:-5000px;
   }
* html .header h1 {
   padding-left:10px;
   }
*+html .header h1 {
   padding-left:10px;
   }
#headright {
   height:171px;
   width:399px;
   float:right;
   background: url(../images/header_right.jpg) top right no-repeat;
   }
.search {
   float:left;
   width: auto;
   height: 35px;
   overflow: hidden;
   margin:0;
   }
.search .inputbox {
   width: 185px;
   height: 35px;
   line-height: 18px;
   padding-left: 42px;
   padding-top:8px;
   font-size: 14px;
   background-color: transparent;
   background: url(../images/search.png) no-repeat;
   border: none;
   color:#272607;
   }
h\tml:f\irst-child>body .search .inputbox {
   /*Opera Safari*/padding:0 0 0 44px; margin:0;
   }
ul#mainlevel-nav {
   text-decoration: none;
   list-style: none;
   padding:0;
   margin: 2px 12px 0 0;
   float:right;
   }
ul#mainlevel-nav li {
   width:120px;
   float:left;
   font-size:0.9em;
   height:26px;
   line-height:26px;
   margin:0;
   padding:0;
   display:inline;
   background:none;
   }
ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
   font-weight:bold;
   text-align:center;
   text-decoration:none;
   white-space:nowrap;
   display:block;
   width:100%;
   overflow:hidden;
   color: #45420e;
   margin:0;
   padding:0;
   background: url(../images/hornav.png);
   }
ul#mainlevel-nav li a:hover {
   white-space:nowrap;
   margin:0;
   padding:0;
   color: #000;
   background-position: -120px 0;
   }
.bread {
   width:100%;
   }
#breadleft {
   height:35px;
   width:100%;
   float:left;
   background: url(../images/breadleft.png) top left no-repeat;
   padding:0;
   margin:0;
   }
#breadtext {
   float:left;
   font-size:1em;
   text-decoration:none;
   font-style:italic;
   line-height:1em;
   margin-top:-42px;
   margin-left:8px;
   display:inline;
   }
*+html #breadtext {
   margin-top:-49px;
   }
.pathway {
   font-size: 1em;
   line-height: 42px;
   color: #272607;
   font-weight: bold;
   text-decoration: none;
   }
*+html .pathway {
   line-height: 53px;
   }
a.pathway:link, a.pathway:visited {
   color: #45420e;
   font-weight: bold;
   font-size:1em;
   }
a.pathway:hover {
   color: #000;
   font-weight: bold;
   }
#breadright {
   height:35px;
   width:18px;
   float:right;
   background: url(../images/breadright.png) top right no-repeat;
   }
#mainarea {
   float:left;
   width:80%;
   background: #EEEAAD;
   position:relative;
   }
#contentarea {
   float:right;
   width:75%;
   overflow:hidden;
   background: #EEEAAD;
   color:#272607;
   }
div.rahmen h3 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   color: #272607;
   margin-bottom:8px;
   }
div.rahmen {
   background: url(../images/ltop.png) 0 0 no-repeat;
   margin: 5px 0;
   padding:0;
   }
div.rahmen div {
   background: url(../images/rtop.png) 100% 0 no-repeat;
   margin-bottom:-2px;
   }
div.rahmen div div {
   background: url(../images/lbottom.png) 0 100% no-repeat;
   }
div.rahmen div div div {
   background: url(../images/rbottom.png) 100% 100% no-repeat;
   padding:14px 22px 30px 14px;
   width:auto;
   }
* + html div.rahmen div div div {
   height:1%;
   }
* html div.rahmen div div div {
   height:1%;
   }
div.rahmen div div div div {
   background:none;
   margin:0;
   padding:0;
   }
* + html div.rahmen div div div div {
   height:1%;
   }
* html div.rahmen div div div div {
   height:1%;
   }
#leftmodules {
   float:left;
   text-align:left;
   width:24.99%;
   overflow:hidden;
   background: #EEEAAD;
   margin-top:4px;
   }
h\tml:f\irst-child>body #leftmodules {
   width:25%;
   }
#rightmodules {
   float:right;
   text-align:right;
   width:20%;
   position:relative 100% 0;
   overflow:hidden;
   background: #EEEAAD;
   margin-top:4px;
   }
.foot {
   width:100%;
   }
#footleft {
   height:64px;
   width:100%;
   float:left;
   background: url(../images/footer_left.png) top left no-repeat;
   margin:0;
   padding:0;
   }
#back {
   float:left;
   font-family: Helvetica, Arial, sans-serif;
   text-align:center;
   font-size:9px;
   line-height:11px;
   color: #272607;
   margin-top:-48px;
   margin-left:10%;
   display:inline;
   width:auto;
   }
*+html #back {
   margin-left:38%;
   }
* html #back {
   margin-left:38%;
   }
h\tml:f\irst-child>body #back {
   margin-left:38%;
   }
#back p {
   font-family: Helvetica, Arial, sans-serif;
   font-size:9px;
   color: #272607;
   margin:0;
   display:inline;
   }
#back a {
   color:#272607;
   margin:0;
   }
#back a:hover {
   color:#000;
   }
#footright {
   height:64px;
   width:397px;
   float:right;
   background: url(../images/footer_right.png) top right no-repeat;
   }
#topmodule {
   width:498px;
   float:right;
   margin-top:-164px;
   margin-right:46px;
   }
#footermodule {
   padding:68px 4px 0;
   }
* html #footermodule {
   padding:0;
    }
*+html #footermodule {
   padding:0;
   }
#advert2module1 {
   width:100%;
   float:left;
   }
#advert2module2 {
   width:49.99%;
   float:left;
   }
h\tml:f\irst-child>body #advert2module2 {
   width:50%;
   }
#advert2module3 {
   width:33.33%;
   float:left;
   }
#advert2module4 {
   width:24.99%;
   float:left;
   }
h\tml:f\irst-child>body #advert2module4 {
   width:25%;
   }
#user1module1 {
   width:100%;
   float:left;
   }
#user1module2 {
   width:49.99%;
   float:left;
   }
h\tml:f\irst-child>body #user1module2 {
   width:50%;
   }
#user1module3 {
   width:33.33%;
   float:left;
   }
#user1module4 {
   width:24.99%;
   float:left;
   }
h\tml:f\irst-child>body #user1module4 {
   width:25%;
   }
#user2module1 {
   width:100%;
   float:left;
   }
#user2module2 {
   width:49.99%;
   float:left;
   }
h\tml:f\irst-child>body #user2module2 {
   width:50%;
   }
#user2module3 {
   width:33.33%;
   float:left;
   }
#user2module4 {
   width:24.99%;
   float:left;
   }
h\tml:f\irst-child>body #user2module4 {
   width:25%;
   }
#user5module1 {
   width:100%;
   float:left;
   }
#user5module2 {
   width:49.99%;
   float:left;
   }
h\tml:f\irst-child>body #user5module2 {
   width:50%;
   }
#user5module3 {
   width:33.33%;
   float:left;
   }
#user5module4 {
   width:24.99%;
   float:left;
   }
h\tml:f\irst-child>body #user5module4 {
   width:25%;
   }
#advert1 {
   width:100%;
   }
.moduletable {
   text-align:center;
   padding-bottom:2px;
   }
div.module h3, .moduletable h3 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   color: #272607;
   background:none;
   line-height:28px;
   }
div.module {
   text-align:center;
   background: url(../images/ltop.png) 0 0 no-repeat;
   padding:0;
   }
div.module div {
   background: url(../images/rtop.png) 100% 0 no-repeat;
   margin-bottom:-2px;
   }
div.module div div {
   background: url(../images/lbottom.png) 0 100% no-repeat;
   }
div.module div div div, .module_menu div div div, .module_text div div div {
   background: url(../images/rbottom.png) 100% 100% no-repeat;
   padding:22px 17px 22px 13px;
   width:auto;
   }
* + html div.module div div div, * + html .module_menu div div div, * + html.module_text div div div {
   height:1%;
   }
* html div.module div div div, * html .module_menu div div div, * html .module_text div div div {
   height:1%;
   }
div.module div div div div, .module_menu div div div div, .module_text div div div div {
   background:none;
   margin:0;
   padding:0 5px;
  }
* + html div.module div div div div, * + html .module_menu div div div div, * + html .module_text div div div div {
   height:1%;
   }
* html div.module div div div div, * html .module_menu div div div div, * html .module_text div div div div {
   height:1%;
   }
a.mainlevel {
   display: block;
   padding:0;
   margin:0;
   width:100%;
   text-align:center;
   height:30px;
   line-height:30px;
   font-weight:bold;
   list-style:none;
   }
a.mainlevel:link, a.mainlevel:visited {
   background: #F2EFC2;
   color: #45420E;
   text-decoration:none;
   list-style:none;
   border-top: #F7F4D5 solid 1px;
   border-bottom:#EDE8A9 solid 1px;
   }
a#active_menu.mainlevel {
   color:#7E7918;
   background:#D7BA81;
   }
a.mainlevel:hover {
   color: #000;
   background: #FBF9E3;
   border-top:1px solid #F9F5D2;
   border-bottom:1px solid #FDFCEE;
   }
a.sublevel {
   display:block;
   text-align: left;
   padding:3px 0;
   margin:0;
   font-weight:bold;
   font-size:0.8em;
   list-style:none;
   }
a.sublevel:link, a.sublevel:visited {
   color: #45420e;
   text-decoration:none;
   list-style:none;
   }
a#active_menu.sublevel {
   color:#7e7918;
   }
a.sublevel:hover {
   color: #000;
   }
div.module div div div table tbody tr td div img {
   float:left;
   padding:4px 4px 0 0;
   margin:0;
   }
div#leftmodules div.padding div.module div div div table tbody tr td div {
   background:#EEEAAD;
   margin:0;
   padding:0;
   }

[mulrich]

Tja, wenn Du est sagst.
Die neue css funktioniert gut, mit nur ein Kolonne in der Seiteneinstellung, werde also diese Lösung benutzen.
Umsteigen auf 1.5 kommt zur Zeit für mich immer noch nicht in Frage, das hängt vor allem mit meiner Bildergallery zusammen. Da gibt es zwar eine Version für Joomla 1.5, bloss die SEF Urls funktionieren noch schlechter als in der Version 1.0, was schon viel heissen will. Und da ich beinah 3000 Bilder habe, und Google und andere beim indizieren sind, habe ich wirklich keinen Bock das alles zu verlieren.
Zur Zeit habe ich mit mehreren Gallerien rumprobiert, bloss gab es immer einen Haken, irgendetwas klappt immer nicht. Französische Sonderzeichen, keine Möglichkeit dieselben SEF URLs zu erstellen, keine Mehrsprachfähigkeit usw usw.
Und bevor ich alles neu Aufbaue, warte ich lieber auf die Version Joomla 1.6, mit der ACL Verwaltung. Es wird da wahrscheinlich noch einige Überraschungen geben. Kommt Zeit,...
Ich Danke Dir für Dein Engagement
A+
Michael

[Gerhard]

Da muss ich Dir absolut recht geben. Auch ich warte ab bis Version 1.6 und dann mal sehen. Hast Du schon mal die neueste Version von sh404SEF für Joomla 1.5 ausprobiert? Damit ließen sich eventuell die selben URL´s erstellen. Aber bei vielen Seiten bzw. Bildern ist das ein echter Aufwand. Deshalb scheue ich bisher auch die Umstellung. Soviel Zeit hab ich im Moment einfach gar nicht. Oder man pfeift auf Google und Co. Aber das ist ja auch nicht so schlau. Das mit den Galerien ist derzeit wirklich noch sehr unbefriedigend. Also ich seh das alles genauso wie Du. Also wenn man die Zeit hat, sollte man schon umsteigen. Aber wer hat die?

Gruß
Gerhard

[mulrich]

Hast Du schon mal die neueste Version von sh404SEF für Joomla 1.5 ausprobiert? Damit ließen sich eventuell die selben URL´s erstellen

Im Prinzip ja, bloss der Plug In für RS Gallery funktioniert nicht, weil RS Gallery 2.0 ein Problem hat, was die die(den) Entwickler von RSD bloss nicht interessiert, oder er kann es nicht lösen, oder, oder.
Also weiter suchen..
Bis
Michael