CSS Problem mit Navigation!

[ewaldo]

Hallo zusammen,

bei folgenden Problem bin ich einfach zu keiner Lösung gekommen.

Ich haben ohne Probleme das Besucher Modul "visitors" mit dem CSS "mod_visitors_dachshund_fe" in die linke Spalte mein Site eingebunden screenshot_2.png. Soweit so gut.

Meine vertikale Dropdown Navigation ist ebenfalls in der linken Spalt eingebunden. Wenn nun die Navigation erscheint klebt der Besucherzähler direkt an der Navigation screenshot_1.png. Das Ziel wäre nun, bei aufgeklappten Menü einen Abstand zum Besucher Modul zu erzeugen.

Da ich noch nicht das wahre CSS Genie bin, probierte ich doch stundenlang mit allen möglichen Mitteln (margin, padding, display, float etc.) diesen Abstand zu erzeugen, ohne Erfolg.

Da ich nun am Ende meiner Kräfte bin wende ich mich vertrauensvoll an euch, vielleicht liegt es nur an einer Kleinigkeit.

ewaldo

[marcos]

padding-top: 10px; bei der Besucherbox geht nicht?

ansonsten vielleicht mal:

display:block;
padding-top:10px;


Poste sonst mal die CSS-Definitionen für das Untermenü und die Besucher-Box.


lg
marcos

[ewaldo]

Poste sonst mal die CSS-Definitionen für das Untermenü und die Besucher-Box.

CSS - Linke Spalte Navigation

/* ====================
   Vertikale Navigation 
   ====================*/ 
#left div.mod_navigation {
  float: left;
  width: 142px;
  font-size: 12px;
  margin: 0;
}
#left .mod_navigation h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 1em 0;
}

#left .mod_navigation ul{
  background-color: #fff;
  padding: 0;
  margin: 0;
}
#left .mod_navigation li{
  margin: 0;
  list-style-type: none;
}

/* Menüpunkte gestalten */
#left .mod_navigation a,
#left .mod_navigation span {
  display: block;
  text-decoration: none;
  background-color: #f1cf74;
  color: #000;
  padding: 8px 8px 8px 18px;
  border-top: 2px solid #fefce6;

}
/* Rollover und TAB-Fokus */
#left .mod_navigation a:hover,
#left .mod_navigation a:focus {
  background: #AC1F21;
  color: #fff;
}
/* Aktiven Menüpunkt hervorheben */
#left .mod_navigation span.active,
#left .mod_navigation .trail {
  background: #ac1f21;
  color: #fff;
}

CSS - Besucherzähler

/* Style sheet mod_visitors_dachshund_fe */
.mod_visitors{padding:10px;background-color:#D5EFF0;}
.mod_visitors h1{margin:0 10px;}
.mod_visitors .visitor_count{width:0px;height:0px;}
.mod_visitors .visitor_name{margin:0 0 8px;font-weight:bold;}
.mod_visitors .visitor_name #VisitorsNameLegend{float:left;}
.mod_visitors .visitor_name #VisitorsName{text-align:left;}
.mod_visitors .visitor_useronline{padding:0 5px;border-top:1px solid #666666;border-right:1px solid #666666;border-bottom:0px solid #666666;border-left:1px solid #666666;font-weight:bold;}
.mod_visitors .visitor_useronline #VisitorsOnlineCountLegend{float:left;}
.mod_visitors .visitor_useronline #VisitorsOnlineCount{text-align:right;}
.mod_visitors .visitor_visitstoday{padding:0 5px;border-width:0px 1px;border-style:solid;border-color:#666666;font-weight:bold;}
.mod_visitors .visitor_visitstoday #TodayVisitCountLegend{float:left;}
.mod_visitors .visitor_visitstoday #TodayVisitCount{text-align:right;}
.mod_visitors .visitor_hitstoday{padding:0 5px;border-width:0px 1px;border-style:solid;border-color:#666666;}
.mod_visitors .visitor_hitstoday #TodayHitCountLegend{float:left;}
.mod_visitors .visitor_hitstoday #TodayHitCount{text-align:right;}
.mod_visitors .visitor_visitstotal{padding:0 5px;border-width:0px 1px;border-style:solid;border-color:#666666;}
.mod_visitors .visitor_visitstotal #TotalVisitCountLegend{float:left;}
.mod_visitors .visitor_visitstotal #TotalVisitCount{text-align:right;}
.mod_visitors .visitor_hitstotal{padding:0 5px;border-width:0px 1px;border-style:solid;border-color:#666666;}
.mod_visitors .visitor_hitstotal #TotalHitCountLegend{float:left;}
.mod_visitors .visitor_hitstotal #TotalHitCount{text-align:right;}
.mod_visitors .visitor_average{padding:0 5px;border-top:0px solid #666666;border-right:1px solid #666666;border-bottom:1px solid #666666;border-left:1px solid #666666;}
.mod_visitors .visitor_average #AverageVisitsLegend{float:left;}
.mod_visitors .visitor_average #AverageVisits{text-align:right;}
.mod_visitors .visitor_countsince{margin:6px 10px 10px;}
.mod_visitors .visitor_countsince #VisitorsStartDateLegend{float:left;font-weight:bold;font-size:0.8em;}
.mod_visitors .visitor_countsince #VisitorsStartDate{text-align:right;font-weight:bold;font-size:0.8em;}

lg
ewald

[ewaldo]

Im Modul "Unternavigation" in "Abstand dahinter" px eintragen, fertig.

lg
ewaldo