CSS Hilfe

CruX_DiveR_

Professional

Posts: 668

Location: Wien/Simmering

Occupation: AUT

1

Saturday, April 14th 2007, 7:49pm

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_ has attached the following file:

template_css.txt (11.28 kB - 118 times downloaded - latest: Jan 4th 2024, 11:21am)

Go to the top of the page

patrik

Sage

Posts: 3,809

Occupation: GER

2

Saturday, April 14th 2007, 8:23pm

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:

	Source code
1	border="0" cellspacing="0" cellpadding="0"

Außerdem steht bei dir im HTML:

	Source code
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...

Go to the top of the page

CruX_DiveR_

Professional

Posts: 668

Location: Wien/Simmering

Occupation: AUT

3

Saturday, April 14th 2007, 8:34pm

Quoted
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:
Source code
1
border="0" cellspacing="0" cellpadding="0"
Außerdem steht bei dir im HTML:
Source code
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

Source code

#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 ?

Go to the top of the page

patrik

Sage

Posts: 3,809

Occupation: GER

4

Saturday, April 14th 2007, 9:57pm

Also die ovalen Hintergrundbilder willst du weiter nach rechts?

EDIT:

Probier das mal:

Source code

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: