Thema: Runde Ecken um die Module

Zitat von purligar

Hi,

ich habe gerade das Problem, dass das mitte.gif über meine komplette div-Box "menu" wiederholt wird. Dadurch kommen die oberen und unteren (runden) Ecken natürlich nicht zur Geltung

Habe ein ähnliches Problem. hier mal ein Bild davon, hab schon einiges versucht, aber bekomm diese reste des mittleren Bildes, die die Ecken so verhunzen einfach nicht weg...

Würd mich freuen, wenn da jemand ne Lösung wüsste.

Ich bekomms irgendwie nicht gebacken, ich sehe keine Backgroundgrafiken :(

Hab das Login Form Modul so in meine Index eingebunden:

PHP-Code:

<td align="right" valign="top" id="login">
<?php if (mosCountModules( "toolbar", -3)) { ?><?php mosLoadModules ( 'toolbar', -3); ?><?php } ?> </td>
</tr>
</table>

und in der css:

PHP-Code:

div.module {
    width: (breite des BG Images in px)px;
    background: url(../images/modulemitte.gif) repeat-y;
      margin-bottom: 0px;
}

div.module div {
     background: url(../images/moduleunten.gif) bottom left no-repeat;
}

div.module div div {
      background: url(../images/moduleoben.gif) top left no-repeat;
      padding: 0px ;
}

div.module div div div {
      background: none;
      padding: 0;
      width: auto !important;
      width: 100%; 
} 


Wo könnt der Fehler liegen?
Muss ich in der CSS noch was vorschreiben vor "div.module"???

ahja... habs hinbekomm.... musste einfach hinter.module den suffix ranhäng, fertig!

Habs jetzt auch hinbekommen. hab mir nen neuen Rahmen gebastelt und schon funktionierts.

Zitat von mar123

Hallo,

Ich mach das immer so:
Füge in die css folgendes ein:

HTML-Code:

div.module {
  width: (breite des BG Images in px)px;
  background: url(mitte.gif) repeat-y;
  margin-bottom: 2px;
}

div.module div {
  background: url(rundunten.gif) bottom left no-repeat;
}

div.module div div {
  background: url(rundoben.gif) top left no-repeat;
  padding: 7px 10px 15px 12px;
}

div.module div div div {
  background: none;
  padding: 0;
  width: auto !important;
  width: 100%; 
}

und in die index.php das einfügen:

PHP-Code:

<?php mosLoadModules ( 'left',-3); ?>

damit der Quelltext zum Beispiel das hier auspuckt:

Code:

<div class="module">
<div>
<div>
<div>
<h3>Main Menu</h3>
{Menu}
</div>
</div>
</div>
</div>

ev. noch padding in der css anpassen!

gruß

mar123

Könnte man hier das "mitte.gif" einfach durch eine Hintergrundfarbe des divs ersetzen?
so:

HTML-Code:

div.module {
  width: (breite des modules)px;
  background-color: #xxxxxx;
  margin-bottom: 2px;

Dann könnte man sich eine Grafik sparen.
Ist aber nur mal so ne Frage aus neugier, bin auch noch nicht der Joomla-Profi.

Hi,

das habe ich auch bemerkt....gibt es dafür ne lösung ?

mfg
Priamos