CSS Hilfe

CruX_DiveR_

Profi

Beiträge: 668

Wohnort: Wien/Simmering

Beruf: AUT

1

14.04.2007, 19:49

hallo leute

bin am verzweifeln, hab ein joomla laufen und ein bestehende template umgebaut, hat alles super geklappt bis auf die navigation... ich will einfach nur diese dumme navi um 5-7 pixel nach rechts rücken.

hab mich jetzt stunden lang in der css datei herum gespielt aber die navi hintergrundbilder bewegen sich keinen millimeter... die navi namen (links) kann ich beliebig versetzen/verschieben, aber die backgroundbilder wollen nicht.

link zur seite

anbei die css datei

»CruX_DiveR_« hat folgende Datei angehängt:

template_css.txt (11,28 kB - 118 mal heruntergeladen - zuletzt: 04.01.2024, 11:21)

Zum Seitenanfang

patrik

Erleuchteter

Beiträge: 3 809

Beruf: GER

2

14.04.2007, 20:23

Hast du das Design bzw. den Code gemacht? Wenn man CSS benutzt sollte man es auch für alles benutzen.

Wenn ich sowas sehe wird mir schlecht:

	Quellcode
1	border="0" cellspacing="0" cellpadding="0"

Außerdem steht bei dir im HTML:

	Quellcode
1 2 3 4 5 6 7	body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #0A3057; }

Wieso im HTML? Dafür hat man doch die CSS Datei.

Dir bei dem Problem zu helfen ist schwierig da man sich alle Bilder etc. runterladen oder richtig verlinken muss.

Spontan würde ich natürlich sagen, dass es an dem padding 10px liegt, aber das hast du mit Sicherheit schon probiert.

Ich kann dir empfehlen die ganzen Container etc. in verschiedenen Farben einzufärben. Dann sieht man oft besser wo was nicht stimmt...

Zum Seitenanfang

CruX_DiveR_

Profi

Beiträge: 668

Wohnort: Wien/Simmering

Beruf: AUT

3

14.04.2007, 20:34

Zitat
Original von patr1K
Hast du das Design bzw. den Code gemacht? Wenn man CSS benutzt sollte man es auch für alles benutzen.

Wenn ich sowas sehe wird mir schlecht:
Quellcode
1
border="0" cellspacing="0" cellpadding="0"
Außerdem steht bei dir im HTML:
Quellcode
1
2
3
4
5
6
7
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #0A3057;
}
Wieso im HTML? Dafür hat man doch die CSS Datei.

Dir bei dem Problem zu helfen ist schwierig da man sich alle Bilder etc. runterladen oder richtig verlinken muss.

Spontan würde ich natürlich sagen, dass es an dem padding 10px liegt, aber das hast du mit Sicherheit schon probiert.

Ich kann dir empfehlen die ganzen Container etc. in verschiedenen Farben einzufärben. Dann sieht man oft besser wo was nicht stimmt...

nein, code ist nicht von mir, ist ein CMS ^^

ich hab mich in der gegend hier ziemlich viel herumgespielt

Quellcode

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}
a.mainlevel {
width: 184px;
margin-bottom: 0;
font-family: 'Verdana', 'Lucida Grande', Arial, sans-serif;
font-size: 130%;
background-color: transparent;
color: #0A3057;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
background-position: left; 
background: url(../images/but1.jpg) no-repeat;
color: #0A3057;
line-height: 28px;
height: 28px;
text-decoration: none;
width: 100%;
padding-left:10px;
}
a.mainlevel:hover {
display: block;
background-position: left;
background: url(../images/but2.jpg) no-repeat;
color: #0A3057;
line-height: 28px;
height: 28px;
text-decoration: none;
width: 100%;
padding-left:10px;
}

ich bin mit CSS leider noch nicht so fit, vorallem nicht wenn ich eine bestehende CSS datei bearbeite. in den unteren zwei (a.mainlevel) sind ja die zwei jpg dateien, meine idee wäre gewesen dort den fehler zu finden. wie gesagt, ich kann die textlinks verschieben, nur mit den backgroundbilder schaff ichs nicht.

würd dir die index.php datei helfen ?

Zum Seitenanfang

patrik

Erleuchteter

Beiträge: 3 809

Beruf: GER

4

14.04.2007, 21:57

Also die ovalen Hintergrundbilder willst du weiter nach rechts?

EDIT:

Probier das mal:

Quellcode

a.mainlevel:link, a.mainlevel:visited {
display: block;
background-position: left; 
background: url(../images/but1.jpg) no-repeat;
background-position: 20%;
color: #0A3057;
line-height: 28px;
height: 28px;
text-decoration: none;
width: 100%;
padding-left:10px;
}

Der springende Punkt ist das: