PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Navigation - Abstand Buttons


PhYro
2009-09-22, 08:07:38
Guten Morgen,

Zuersteinmal wollte ich sagen, das ich das Forum total klasse finde.

Nun zum Problem:

Auf www.fraurombach.org/Joomla seht ihr links meine Navigationsleiste.
Wenn ich auf den Button Bildergalerie klicke verändert sich die Navigationsleiste, wahrscheinlich wegen der CSS Datei von der Bildergalerie (Phocagallery). Wenn ich in der Bildergalerie bin rücken die Button von der Navigation näher zusammen, was ich viel besser finde.
Ich würde das gerne auch in meine richtige CSS datei einbauen, weiß aber nicht welcher Befehl das ist.

Ich hoffe ihr wisst was ich meine.

Template.css :

a:link { color: #0000AA; text-decoration:none; }
a:active { color: #AA0000; text-decoration:none; }
a:visited { color: #0000AA; text-decoration:none; }
a:hover { color: #AA0000; text-decoration:none; }

body
{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background-image: url(http://www.fraurombach.org/bilder/hintergrund.jpg);
background-attachment:fixed;
}

#logo
{
margin-top: 10px;
margin-left: 60px;
position: absolute;
vertical-align: middle;
text-align: center;
}

#logo_dorfmuseum
{
margin-top: 10px;
margin-left: 0px;
position: absolute;
vertical-align: middle;
text-align: center;
}

#banner
{
margin-top: 0px;
margin-left: 210px;
position: absolute;
width:60%;
height:130px;
background-attachment:fixed;
background-color:#111177;
font-family: Verdana, Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 25px;
font-weight: bold;
}

#bigBanner
{
margin-top:25px;
font-size: 25px;
text-align: center;
}

#lilBanner
{
margin-top:20px;
margin-right:20px;
font-size: 15px;
text-align: right;
}

#navigation
{
margin-top: 150px;
margin-left: 0px;
margin-right: 300px;
margin-bottom: 10px;
width:190px;
height:700px;
position: absolute;

overflow:auto;
/* scroll-y:auto; */
background-color:#111177;
font-family: Verdana, Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
text-align: center;
font-size: 10px;
}

#content
{
position: absolute;
margin-top: 150px;
margin-left: 210px;
margin-right: 80%;
margin-bottom: 80%;
width:60%;
overflow:scroll;
scroll-y:auto;
overflow:auto;
background-color:transparent;
}

#nav_rechts
{
position: absolute;
margin-top: 200px;
margin-left: 80%;

background-color:transparent;
}

h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}

ul
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}



.between
{
margin-top:10px;
}

.moduletable_menu1
{
margin-top:20px;
margin-left:-35px;
width:100%;
}
.moduletable_ueberschrift1
{
margin-top: -1ex;
}

.moduletable_ueberschrift2
{
margin-top: -1ex;
}

.moduletable_ueberschrift3
{
margin-top: -1ex;
}

.moduletable_menu2
{
margin-left:-35px;
width:100%;
}

.moduletable_menu3
{
margin-left:-35px;
width:100%;
}

.moduletable_menu4
{
margin-left:-35px;
width:100%;
}

.moduletable_menu5
{
margin-left:-35px;
width:100%;
}

.moduletable_menu6
{
margin-left:-35px;
width:100%;
}

.moduletable_absatz1
{
margin-top: -1ex;
}

.moduletable_absatz2
{
margin-top: -2ex;
}

.style1
{
font-family: Verdana, Georgia, "Times New Roman", Times, serif;
font_color: black;
font-weight: bold;
text-align: justify
}

.style1a
{
font-family: Verdana, Georgia, "Times New Roman", Times, serif;
font_color: black;
font-weight: bold;
text-align: center}

.style2
{
font-family: Verdana, Georgia, "Times New Roman", Times, serif;
font_color: black;
font-size: 13px;
text-align: justify
}

.style2a
{
font-family: Verdana, Georgia, "Times New Roman", Times, serif;
font_color: black;
font-size: 13px;
text-align: center
}

.style3
{
font-size: 60px;
font-family: Verdana, Georgia, "Times New Roman", Times, serif;
font_color: black;
color: #000066;
font-weight: bold;
vertical-align: middle;
text-align: center
}



Würde mich über Hilfe sehr freuen!#

LG
PhYro

darph
2009-09-22, 08:52:56
Bei mir rückt da gar nichts.

Screenshots?

PhYro
2009-09-22, 09:11:03
So hier bitte.
Was ich noch dabei sagen sollte. Das ganze habe ich mit Joomla 1.5 gemacht.
Und es tritt im Firefox und IE 7 auf.

Ich glaube es liegt daran das wenn ich auf die Bildergalerie gehe, die Buttons nicht mehr rot umrandet werden, wenn mal drauf geht.

http://web236.webgo24-server7.de/Firefox%20-%20abstand%20gros.JPG

http://web236.webgo24-server7.de/Firefox%20-%20abstand%20klein.JPG

Gast
2009-09-22, 10:43:59
Hallo,

in der Bildergalerie wirkt folgender Code aus der Datei http://www.fraurombach.org/Joomla/components/com_phocagallery/assets/phocagallery.css zusätzlich auf die Navigation ein:

a img {
border:0 none;
margin:0;
padding:0;
}

PhYro
2009-09-22, 11:07:08
Ah stimmt du hast recht.

Ich hab das jetzt in die template CSS auch reingeschrieben und zum testen mit dem "Web Developer" eingebunden. Da sah es dann auch richtig aus.

Dann habe ich die Datei hochgeladen, aber es ist wieder wie vorher. Wenn ich dann mithilfe des Web Developer gucke steht es nicht mehr in der CSS Datei drin.

Es steht aber im Backend von Joomla drinnen, aber irgendwas ist da faul!