CSS Modul Top Menu und der Abstand

**tedtester** · 26.06.2009 11:42

Hallo Ihrs,

ich habe hier eine kleiner für mich mometan nicht lösbare (warum auch immer) Herausforderung.

In meinem Modul "Top Menu" (das standard modul von joomla 1.5)
Menüpunkte und das Problem ist das diese 8 Menüpunkte zusammen gequetscht sind.

So in etwa

Menüpunkt1Menüpunkt2Menüpunkt3Menüpunkt4....

schön wäre

Menüpunkt1 Menüpunkt2 Menüpunkt3 Menüpunkt4 ...

Als Template wird eine Eigenkreation von mir verwendet.

Code:

body{
  font-size: 14px;
  font-family: Arial,sans-serif;
  margin: 0px;
}

#Teil1{ /*Oben1*/
  float: left-top;
  padding: 0;
  margin: 0;
  margin-left: 0px;  
  width: 100%;
}
#Teil2{ /*Oben2*/
  float: left-bottom;
  padding: 0;
  width: 100%;
 }
#Bereich1{	/*Oben1*/
  float: left-top; 
  margin-left: 0px;
  padding: 0;
  height : 40px;
  width: 100%;
  background-color: #FFCC33;
}
#Bereich2{	/*Oben2*/
  float: left-bottom; 
  text-align: center;
  padding-top: 45px;
  padding-left: 15px;
  height: 80px;
  background-color: #FFCC33;
  text-decoration: none;
  font-size: 16px;
  font-family: Arial,sans-serif;  
  }
#Bereich3{	/*menu*/
  float: left;
  width: 25em;
  margin-top: 5px;
  font-size: 14px;
  font-family: Arial,sans-serif;
}
#Bereich4{	/*Main*/
  position: absolute;
  left: 18%;
  top: 20%;
  width: 300px;
  height: 200px;
  margin-left: 240px;
  margin-top: 10px;
  font-size: 14px;
  font-family: Arial,sans-serif;
  border-width: 1pt;
  border-style:dashed;
}

#Topmenu
a.mainlevel-nav:link, a.mainlevel-nav:visited {
  text-align: center;
  text-decoration: none;
  margin: 0em 200em;
  font-size: 16px;
  font-family: Arial,sans-serif;
}

a.mainlevel-nav:hover {
  text-align: center;
  font-family: Arial,sans-serif;
  font-size: 16px;
  background-color: #F04E23;
  text-decoration: none;
}

a.mainlevel-nav:active {
  text-align: center;
  font-family: Arial,sans-serif;
  font-size: 16px;
  background-color: #F04E23;
  text-decoration: none;
}

und die Index.php

Code:

<html>
<head>

  <jdoc:include type="head" />


  <link
  href="/joomla/templates/vorort/css/template.css"
  rel="stylesheet" type="text/css"/>
</head>
<body>
 <div id="Teil1">
    <div id="Bereich1">
	<jdoc:include type="modules" name="mod_latestnews" style="none" />
	</div>
 </div>
 <div id="Teil2">
    <div id="Bereich2">
	<jdoc:include type="modules" name="top" style="xhtml" />
    </div>
 </div>
 <div id="Teil3">
   <div id="Bereich3">
     <jdoc:include type="modules" name="left" style="none" />
   </div>
   <div id="Bereich4">
     <jdoc:include type="component" style="none" />
   </div>
 </div>
</body>
</html>

Es würde mich riesig freuen wenn mich jemand auf den rechten Pfad weißt

:-)

**hofemich** · 28.06.2009 17:00

hallo,

hast du die mennüpunkte in einer liste drin?

wenn nicht ein link zur seite wäre nicht schlecht...

lg

**tedtester** · 30.06.2009 09:12

Nun da es sich um keine externe präsenz handelt sondern um eine interne kann ich Dir mit einem Link leider nicht dienen. Aber ich denke das grundproblem ist das ich wenn man genauer das template.css anschaut ich von css keine Ahnung habe :-)

Habe mir jetzt mal dazu lektüre besorgt und werde den thread jetzt erstmal als
"gelöst" setzen.

Thema: CSS Modul Top Menu und der Abstand

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

CSS Modul Top Menu und der Abstand

Lesezeichen

Lesezeichen

Berechtigungen