Zwischenraum geht nich weg

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

1

Dienstag, 18. Oktober 2011, 00:49

huhu,

also ich glaub nich wirklich dran das es ein größeres problem ist, eher das ich den Wald vor lauter Bäumen nicht mehr sehe

Also ich hab zwischen Header und Navigation einen zwischenraum, den ich net wegbekomme. egal wie ich es dreh und wende, float anwende oder hin und herschiebe, es will einfach nich. hoffe ihr könnt mir eben helfen

link

Spoiler
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div id="header1"></div>
		<div id="header2"></div>
		<div id="header3"></div>
		<div id="header4"></div>
	
		
			<div id="space1"></div>
			<div id="space2"></div>
			
			<div id="sidebar">
					<div id="sidebar_top"></div>
					<div id="sidebar_back">
						<div id="suche1"></div>
						<div id="textfeld1"></div>
						<div id="go">
						    <img src="Bilder/nachtaktiv_27.png" alt="go" />
						</div>
					</div>
			</div>			
			
			<div id="navi">
			<div id="space3"></div>
			<div id="space4"></div>
			<div id="blog"></div>
			<div id="pics"></div>
			<div id="music"></div>
			<div id="lyrics"></div>
			<div id="space5"></div>
			<div id="space6"></div>
			</div>

Spoiler
Cascading Style Sheet
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
body
{
	background-color:#000000;
}

.clear
{
	clear:both;
}

#wrapper
{
	width:1280px;
	margin:auto;
}

#header1
{
	background-image:url(Bilder/nachtaktiv_01.png);
	width:272px;
	height:243px;
	float:left;
}

#header2
{
	background-image:url(Bilder/nachtaktiv_02.png);
	width:226px;
	height:243px;
	float:left;
}

#header3
{
	background-image:url(Bilder/nachtaktiv_03.png);
	width:242px;
	height:243px;
	float:left;
}

#header4
{
	background-image:url(Bilder/nachtaktiv_04.png);
	width:540px;
	height:204px;
	float:left;
}

#space1
{
	background-image:url(Bilder/nachtaktiv_05.png);
	width:74px;
	height:39px;
	float:left;
}

#space2
{
	background-image:url(Bilder/nachtaktiv_06.png);
	width:21px;
	height:39px;
	float:left;
}

#navi
{
	width:835px;
	height:29px;
	float:left;
}

#space3
{
	background-image:url(Bilder/nachtaktiv_11.png);
	width:216px;
	height:29px;

	float:left;
}

#space4
{
	background-image:url(Bilder/nachtaktiv_12.png);
	width:23px;
	height:29px;

	float:left;
}

#blog
{
	background-image:url(Bilder/nachtaktiv_13.png);
	width:72px;
	height:29px;

	float:left;
}

#pics
{
	background-image:url(Bilder/nachtaktiv_14.png);
	width:72px;
	height:29px;

	float:left;
}

#music
{
	background-image:url(Bilder/nachtaktiv_15.png);
	width:88px;
	height:29px;

	float:left;
}

#lyrics
{
	background-image:url(Bilder/nachtaktiv_16.png);
	width:88px;
	height:29px;

	float:left;
}

#space5
{
	background-image:url(Bilder/nachtaktiv_17.png);
	width:255px;
	height:29px;

	float:left;
}

#space6
{
	background-image:url(Bilder/nachtaktiv_18.png);
	width:21px;
	height:29px;

	float:left;
}

#sidebar
{
	width:270px;
	height:auto;
	float:left;
}

#sidebar_top
{
	background-image:url(Bilder/nachtaktiv_07.png);
	background-repeat:no-repeat;
	width:270px;
	height:14px;
}

#textfeld1
{
	background-image:url(Bilder/nachtaktiv_20.png);
	background-repeat:no-repeat;
	width:150px;
	height:19px;
	margin:10px 0 10px 35px;
}

#go
{
	margin-left:35px;
}

#sidebar_back
{
	background-image:url(Bilder/nachtaktiv_31.png);
	background-repeat:repeat-y;
	width:270px;
	height:auto;
	padding-bottom:10px;
}

#suche1
{
	background-image:url(Bilder/nachtaktiv_09.png);
	width:270px;
	height:37px;
}

#content
{
	background-image:url(Bilder/nachtaktiv_23.png);
	width:538px;
	height:auto;
	margin-left:216px;
	float:left;
	
	padding:30px;
}

#space7
{
	background-image:url(Bilder/nachtaktiv_24.png);
	width:21px;
	height:177px;
	float:left;
}

hoffe das war jetz nich sionnlos zu viel quelltext

danke schon mal

lg stalky

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »crank4stalky« (18. Oktober 2011, 17:34)

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

2

Dienstag, 18. Oktober 2011, 08:49

Also beim Link zu deiner Seite musst du erstmal das www. wegnehmen, sonst führt der nicht zum Ziel.

Das Problem ist deine Slidebar (Suche). Diese floatet ja links und danach gibts nen umbruch.
Also geht alles danach erst unterhalb der Suche weiter.
Dadurch der Freiraum links.

Du musst beim DIV mit der ID Navi folgendes hinzufügen:

	Cascading Style Sheet
1	margin-top: -75px;

Müsste eigentlich klappen.
Die Angabe ist nur circa. Falls immernoch ein Zwischenraum ist musst du mit der Zahl ein wenig hoch oder runter gehen. Try out.

MFG Simon

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

3

Dienstag, 18. Oktober 2011, 12:14

Und noch ein Tipp wenn du das nächste mal viel Code posten willst gibts sowas wie ein Spoiler:

Spoiler

...
...
...
...

Dort geht ganz viel Code rein ohne das er die Seite verunstaltet.

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

4

Dienstag, 18. Oktober 2011, 17:38

danke josephine, habs gleich mal geändert. jetzt ist alles geordnet und kleiner

öhm deffcon danke für die antwort, das hatte ich auch schon ausprobiert, nur leider habe ich dann das problem, dass wenn inhalt in der sidebar hinzukommt, der spalt wieder da ist. navi und content bewegen sich quasi mit der sidebar mit

habs als beispiel nochmal hochgeladen

Link

lg stalky

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

5

Dienstag, 18. Oktober 2011, 18:54

Dann musst du deine DIVs anders schachteln.
Du musst dann sozusagen zwei Hauptdivs anlegen, die nebeneinander sind. Im linken ist dann der Header Navi und Content und im rechten die Slidebar.
Da dein Content als DIV nach dem Slider kommt wird der natürlich immer nach unten geschoben.

MFG Simon

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

6

Samstag, 5. November 2011, 23:03

danke deffcon, habs jetzt so auch hinbekommen irgendwie

auf jedenfall gehts und ist auch flexibel was inhalt angeht ohne mir das design auseinanderzupflücken, allerdings hab ich jetzt ein problem mit dem ich gar nichts anfangen kann.

Ich hab mir wordpress installiert als blog-cms, hat so auch alles funktioniert, hab das theme ausgewählt und installiert und er zeigt mir alle design-bilder auch an, nur den suche button nicht und das obwohl der im selben ordner ist und auch hochgeladen. aber es kommt die meldung das Bild wäre auf dem server nicht zu finden

danke schon mal wieder

lg stalky

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

7

Sonntag, 6. November 2011, 09:12

Vielleicht ein Schreibfehler im Namen des Bildes bzw. dem Verweis auf das Bild?

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

8

Sonntag, 6. November 2011, 12:48

nein, das ist es eben nicht

hab den namen geändert in der index und im bilderordner und wenn ich es als hintergrundgrafik einfüge zeigt es mir das auch an nur nicht wenn ich es als img einfüge

hier nochmal ein wenig text

Spoiler
HTML
1
2
3
4
5
6
7
8
9
10
11
<div id="sidebar">
				
					<div id="sidebar_back">
						<div id="suche1"></div>
						<div id="textfeld1"></div>
						<div id="go"><img src="Bilder/nachtaktiv_27.png" alt="go" width="73px" height="16px" /></div>
						<div id="archiv1"></div>
						<div id="kat1"></div>
					</div>
					<div id="sidebar_bot"></div>
			</div>

lg

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

9

Sonntag, 6. November 2011, 17:33

Versteckt sich noch was in der CSS unter sidebar, sidebar-back oder go, was das Bild killen könnte?

	Cascading Style Sheet
1	display:none

oder ähnliches?

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

10

Sonntag, 6. November 2011, 21:18

nein definitiv nicht, hab ja alles selber geschrieben und sowas hab ich nicht eingebaut

das einzige was ich gemacht habe, ist: float angewandt und background wiederholen lassen.
zur sicherheit stell ich dir die css nochmal rein:

Spoiler
Cascading Style Sheet
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
/*
Theme Name: nachtaktiv
Theme URI: http://crank4stalky.wmw.cc/
Description: This wordpress theme was created for nachtaktiv.
Author: nachtaktiv
Author URI: http://crank4stalky.wmw.cc/
*/

body
{
	background-color:#000000;
}

.clear
{
	clear:both;
}

#wrapper
{
	width:1280px;
	margin:auto;
}

#header
{
	width:740px;
	height:243;
	float:left;
}

#header1
{
	background-image:url(Bilder/nachtaktiv_01.png);
	width:272px;
	height:243px;
	float:left;
}

#header2
{
	background-image:url(Bilder/nachtaktiv_02.png);
	width:226px;
	height:243px;
	float:left;
}

#header3
{
	background-image:url(Bilder/nachtaktiv_03.png);
	width:242px;
	height:243px;
	float:left;
}

#header4
{
	background-image:url(Bilder/nachtaktiv_04.png);
	width:540px;
	height:204px;
	float:left;
}

#space1
{
	background-image:url(Bilder/nachtaktiv_05.png);
	width:74px;
	height:39px;
	float:left;
}

#space2
{
	background-image:url(Bilder/nachtaktiv_06.png);
	width:21px;
	height:39px;
	float:left;
}

#navi
{
	width:835px;
	height:29px;

	float:left;
}

#space3
{
	background-image:url(Bilder/nachtaktiv_11.png);
	width:216px;
	height:29px;

	float:left;
}

#space4
{
	background-image:url(Bilder/nachtaktiv_12.png);
	width:23px;
	height:29px;

	float:left;
}

#blog
{
	background-image:url(Bilder/nachtaktiv_13.png);
	width:72px;
	height:29px;

	float:left;
}

#pics
{
	background-image:url(Bilder/nachtaktiv_14.png);
	width:72px;
	height:29px;

	float:left;
}

#music
{
	background-image:url(Bilder/nachtaktiv_15.png);
	width:88px;
	height:29px;

	float:left;
}

#lyrics
{
	background-image:url(Bilder/nachtaktiv_16.png);
	width:88px;
	height:29px;

	float:left;
}

#space5
{
	background-image:url(Bilder/nachtaktiv_17.png);
	width:255px;
	height:29px;

	float:left;
}

#space6
{
	background-image:url(Bilder/nachtaktiv_18.png);
	width:21px;
	height:29px;
	float:left;
}

#sidebar
{
	width:auto;
	height:auto;
	float:left;
	margin-top:-30px;
}

#sidebar_top
{
	background-image:url(Bilder/nachtaktiv_07.png);
	background-repeat:no-repeat;
	width:270px;
	height:39px;
	float:left;
}

#textfeld1
{
	background-image:url(Bilder/nachtaktiv_20.png);
	background-repeat:no-repeat;
	width:150px;
	height:19px;
	margin:10px 0 10px 35px;
}

#go
{
	/*background-image:url(Bilder/nachtaktiv_27.png);*/
	height:16px;
	width:73px;
	margin-left:35px;
}

#sidebar_back
{
	background-image:url(Bilder/nachtaktiv_31.png);
	background-repeat:repeat-y;
	width:270px;
	height:auto;
	padding-bottom:10px;
}

#suche1
{
	background-image:url(Bilder/nachtaktiv_09.png);
	width:270px;
	height:37px;
}

#archiv1
{
	background-image:url(Bilder/nachtaktiv_30.png);
	width:270px;
	height:26px;
}

#kat1
{
	background-image:url(Bilder/nachtaktiv_32.png);
	width:270px;
	height:24px;
}

#kat2
{
	margin-top:5px;
	margin-left:20px;
}

#kat2 a
{	
	color:#CCCC00;
	text-decoration:none;
}

#sidebar_bot
{
	background-image:url(Bilder/nachtaktiv_35.png);
	width:270px;
	height:17px;
}
#main
{
/*	float:left;*/
}

#content_all
{
	height:auto;
	float:left;
}

#content
{
	background-image:url(Bilder/nachtaktiv_23.png);
	width:538px;
	height:auto;
	margin-left:216px;
	padding:30px;
	float:left;
}

#content_bot
{
	background-image:url(Bilder/nachtaktiv_38.png);
	width:598px;
	height:77px;
	margin-left:216px;
	float:left;
}

#space
{
	float:left;
}

#space7
{
	background-image:url(Bilder/nachtaktiv_24.png);
	width:21px;
	height:177px;
}

#space8
{
	background-image:url(Bilder/nachtaktiv_33.png);
	width:21px;
	height:205px;
}

#katze
{
	background-image:url(Bilder/nachtaktiv_37.png);
	width:445px;
	height:370px;
}

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

11

Sonntag, 6. November 2011, 22:02

Okay, jetzt haben wir's

es liegt an dem Pfad des Bildes.

Du musst anstatt

	Quellcode
1	Bilder/nachtaktiv_27.png

folgendes schreiben:

	Quellcode
1	wp-content/themes/nachtaktiv/Bilder/nachtaktiv_27.png

Denn der Pfad zum Bild ist ja relativ zur jetzigen Datei.

Deine CSS Datei liegt in dem Verzeichnis wp-content => themes => nachtaktiv
Von dort aus verweist du ja in der CSS weiter auf Bilder im Ordner => Bilder.

Wenn du das jetzt so in deine Index Datei übernimmst wie du es getan hast geht er von deinem Root Verzeichnis ( /, in dem deine index.php oder .html liegt) in den Ordner Bilder. Der ist aber nicht hier, sondern im Unterordner vom nachtaktiv, welcher ein Unterordner von themes ist, welcher selbst ein Unterordner von wp-content ist.

Deshalb musst du den vollen Pfad angeben. So wie ich's oben gepostet habe.

Du kannst auch immer komplette Links angeben (z.B. http://crank4stalky.wmw.cc/wp-content/th…chtaktiv_27.png für das Bild).
Davon rate ich jedoch ab. Falls du die Seite auf nen anderen Server oder in ein anderes Verzeichnis transportierst müsstest du alles ändern.
Deshalb sind die relativen Pfade wie du sie nutzt schon besser.

Sorry für den vielen Text

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

12

Montag, 7. November 2011, 13:33

also so wie du es mir grad erklärt hast, ist es verständlich... wenn die index.php von mir, sich im rootverzeichnis befinden würde

tut sie ja aber nicht, die ist in dem themes-ordner. Weil alles was ich in wordpress machen, designen oder verändern will muss ich in diesem ordner machen und hochladen.

Dummerweise funktioniert es so, wie du es mir erklärt hast

Also vielen Dank nochmal für deine Hilfe, vllt kannst du mir das ja nochmal so erklären das sogar ich es check

lg stalky

edit: is so ziemlich mein erster versuch mit wordpress als cms, deswegen bin ich vllt auch so verwirrt

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »crank4stalky« (7. November 2011, 13:33)

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

13

Montag, 7. November 2011, 19:00

Aus dem Themes Ordner erreichst du sie dann normalerweise mit:

	Quellcode
1	nachtaktiv/Bilder/nachtaktiv_27.png

Also ich versuchs nochmal.
Was du angegeben hast

	Quellcode
1	Bilder/nachtaktiv_27.png

Ist ja der Pfad des Bildes.

möchtest du eine Datei im selben Ordner wie deine index.php öffnen schreibst du einfach nur den Namen. Also "nachtaktiv_27.png".
Ist die Datei aber in einem Ordner Namens Bilder, dann schreibst du "Bilder/nachtaktiv_27.png". Du sagst also gehe in den Ordner Bilder und öffne dort die Datei.
Jeder Slash (/) bringt dich in einen weiteren Unterordner.

Bei deiner Struktur ist es ja so dass im Ordner deiner index.php Datei (der Ordner heißt ja themes) sich ein Ordner namens nachtaktiv befindet. In diesem Ordner ist der Bilderordner und in dem Bilderordner dein Bild.
Also "nachtaktiv/Bilder/nachtaktiv_27.png".

Willst du eine Datei aus einem übergeordneten Ordner öffnen musst du ../ benutzen um einen Ordner nach oben zu kommen. Aber das interessiert dich ja jetzt nicht. Nur so nebenbei.

MFG Simon

btw: ich hab noch nie mit wordpress gearbeitet. Aber das hat ja jetzt auch nichts mit wordpress als cms zu tun.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Deffcon« (7. November 2011, 19:00)

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

14

Montag, 7. November 2011, 20:38

naja irgendwie hat das doch was mit wordpress zu tun.... weil ich die struktur noch nicht ganz verstanden habe.
weil ich habe eine index, also meine index im ordner nachtaktiv, und die datei braucht das bild und dafür wäre der pfad so gewesen wie ich es hatte. Aber die index ist wahrscheinlich nicht die, die der browser als index öffnet sondern nur das design ausliest, seh ich das jetzt richtig?

lg stalky

edit: danke für deine geduld mit mir und die nette hilfe

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »crank4stalky« (7. November 2011, 20:38)

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

15

Montag, 7. November 2011, 22:10

Jetzt wo du's sagst...
Der Server zeigt die index.php an die im Root Verzeichnis liegt.
Nicht im nachtaktiv Ordner.

Wenn man das eingibt sieht man, dass auch eine index.php im nachtaktiv Ordner besteht, diese bringt aber nen Fehler in der get() Funktion in der ersten Linie.
http://crank4stalky.wmw.cc/wp-content/th…aktiv/index.php

Also wie schon gesagt greift der Server immer auf die index Datei im Rootverzeichnis zu.
Falls das doch jetzt eine typische wordpress Eigenart ist was bei dir spinnt muss jemand anderes weiterhelfen

MFG Simon

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

16

Montag, 7. November 2011, 22:31

gut, bin ja schon beruhigt das meine eigentliche theorie doch gar nicht so falsch war. deswegen kam mir das ja so komisch vor

aber gut das wir drüber geredet haben

die fehlermeldung, damit muss ich mich erstmal befassen, aber danke für den tip

glg stalky

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Zwischenraum geht nich weg

HTML

Cascading Style Sheet

Cascading Style Sheet

HTML

Cascading Style Sheet

Cascading Style Sheet

Quellcode

Quellcode

Quellcode

Quellcode

Ähnliche Themen