Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 393 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

Marcelknop

Mitglied

Dabei seit: 11.04.2011

Beiträge: 41

 

1 Zum Seitenanfang

Donnerstag, 28. April 2011, 17:03

Könnt ihr mir weite Helfen ?

Hallo Leute
ich weiß echt gerade nicht weiter

wenn ihr auf meine Seite drauf geht ( http://mk-media.wmw.cc/ ) ,mittig sollten buttons sein aber die sind nicht sichtbar, aber da sind Links vorhanden und wenn man dadrauf klickt kommt ein Fenster, aber es sollten 4 links sein. Es geht jedoch nur einer von den 4 Links und zwar der oben links vorhandene.


Könnt ihr mir helfen ?


das ist mein >Code<

  Spoiler Spoiler


Quellcode

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
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<html> 
 
<head> 
<title>Mk Media</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<style type="text/css"> 
<!--
#container {
	
}
#header {
	left: 20%;	
	position: absolute;	
}
 
#navigation {
	left: 20%;	
	position: absolute;
	margin: 122px 0px 0px 207px;	
}
 
#media {
	position: absolute;
	width: 174px;
	height: 174px;	
	background-image: url(media_normal.png);
	
}
#navigation a {
	display: block; 
	width: 174px; 
	height: 174px;	
	text-decoration: none;
}
#media a:hover {
	background-image: url(media_hover.png);
}
 
#about {
	position: absolute;
	width: 174px;
	height: 174px;	
	background-image: url(about_normal.png);
	margin: 0px 0px 0px 182px;
}
#about a:hover {
	background-image: url(about_hover.png);
}
 
#news {
	position: absolute;
	width: 174px;
	height: 174px;	
	background-image: url(news_normal.png);
	margin: 182px 0px 0px 0px;
	
}
#news a:hover {
	background-image: url(news_hover.png);
}
 
#store {
	position: absolute;
	width: 174px;
	height: 174px;	
	background-image: url(store_normal.png);
	margin: 182px 0px 0px 182px;
}
#store a:hover {
	background-image: url(store_hover.png);
}
 
#social_network {
	left: 20%;	
	position: absolute;
	margin: 85px 0px 0px 290px;
}
#social_network a, a:link, a:visited {
	text-decoration: none;
}
 
#counter {
	left: 20%;
	position: absolute;
	margin: 480px 0px 0px 370px;	
	display: none;
}
#footer {
	left: 20%;
	position: absolute;
	margin: 480px 0px 0px 467px;	
}
#media_content {
	display: none;
	width: 700px;
	height: 500px;
	background-color: #cccccc;
	border: 1px solid black;
	position: absolute;
	z-index: 500;
	left: 20%;
	overflow: auto;
	background-image: url(content_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#about_content {
	display: none;
	width: 700px;
	height: 500px;
	background-color: #cccccc;
	border: 1px solid black;
	position: absolute;
	z-index: 500;
	left: 20%;
	overflow: auto;
	background-image: url(content_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#news_content {
	display: none;
	width: 700px;
	height: 500px;
	background-color: #cccccc;
	border: 1px solid black;
	position: absolute;
	z-index: 500;
	left: 20%;
	overflow: auto;
	background-image: url(content_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}
-->
</style> 
<script language="javascript"> 
function toggleOn(a){
  var e=document.getElementById(a);
  if(!e)return true;
  e.style.display="block"
  return true;
}
function toggleOff(a){
  var e=document.getElementById(a);
  if(!e)return true;
  e.style.display="none"
  return true;
}
function toggle(a) {
  var e = document.getElementById(a);
  if (e.style.display != "block") {
	if(!e)return true;
    e.style.display = "block";
  } else {
    e.style.display = "none";
  }
}
</script> 
</head> 
 
<body bgcolor="#111111" text="black" link="blue" vlink="purple" alink="red"> 
<div id="container"> 
    <div id="header"> 
    	<img src="header.jpg"> 
    </div> 
    <div id="navigation"> 
        <div id="media"><a href="#" onClick="toggle('media_content');"></a></div> 
        <div id="about"><a href="#" onClick="toggle('about_content');"></a></div> 
        <div id="news"><a href="#" onClick="toggle('news_content');"></a></div> 
        <div id="store"><a href="#" onClick="toggle('store_content');"></a></div> 
    </div> 
    
    <div id="social_network"> 
        <a href="http://www.facebook.com/" target="_blank"><img src="jaja/facebook.png" border="0"></a>&nbsp;
        <a href="http://www.twitter.com/" target="_blank"><img src="jaja/twitter.png" border="0"></a>&nbsp;

    </div> 
    
    <div id="counter"> 
    	<img src="http://www.gratis-counter-gratis.de/counter.php?id=60127" border="0"> 
    </div> 
    
    <div id="footer"> 
        <img src="footer.png" border="0"> 
    </div> 
</div> 
<div id="media_content"> 
	<div align="right"><a href="#" onClick="toggle('media_content');"><img src="close.png" style="margin: 5px 5px 5px 5px;" border="0"></a></div> 
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Media</title> 
<style type="text/css"> 
<!--
body {
	font-family: Calibri;
}
body a, a:visited, a:link, a:active {
	color: black;
	text-decoration: none;
}
body a:hover {
	color: #6d1c19;
	text-decoration: none;	
}
.list {
	margin: 0px 0px 0px 250px;
	font-family: Calibri;
}
.list ul li {
	list-style-image: url(list.png);	
}
-->
</style> 
</head> 
 
<body> 
 
<div class="list"> 
<ul><font face="Calibri" size="4"><b>Projekte</b></font> 
<font face="Calibri" size="3"><b></b></font><font face="Calibri" size="2"><br />Wir bearbeitet.<br /> 
	
<div></body> 
</html></div> 
 
<div id="about_content"> 
	<div align="right"><a href="#" onClick="toggle('about_content');"><img src="close.png" style="margin: 5px 5px 5px 5px;" border="0"></a></div> 
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Media</title> 
<style type="text/css"> 
<!--
body {
	font-family: Calibri;
}
body a, a:visited, a:link, a:active {
	color: black;
	text-decoration: none;
}
body a:hover {
	color: #6d1c19;
	text-decoration: none;	
}
.list {
	margin: 0px 0px 0px 250px;
	font-family: Calibri;
}
.list ul li {
	list-style-image: url(list.png);	
}
-->
</style> 
</head> 
 
<body> 
 
<div class="list"> 
<ul><font face="Calibri" size="4"><b>Das Team</b></font> 
<font face="Calibri" size="3"><b></b></font><font face="Calibri" size="2"><br />Wir bearbeitet.<br /> 
	
<div></body> 
</html></div> 
 
 
<div id="news_content"> 
	<div align="right"><a href="#" onClick="toggle('news_content');"><img src="close.png" style="margin: 5px 5px 5px 5px;" border="0"></a></div> 
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>News</title> 
</head> 
 <head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Media</title> 
<style type="text/css"> 
<!--
body {
	font-family: Calibri;
}
body a, a:visited, a:link, a:active {
	color: black;
	text-decoration: none;
}
body a:hover {
	color: #6d1c19;
	text-decoration: none;	
}
.list {
	margin: 0px 0px 0px 250px;
	font-family: Calibri;
}
.list ul li {
	list-style-image: url(list.png);	
}
-->
</style> 
</head> 
 
<body> 
 
<div class="list">
<div style="margin: 10px 10px 10px 10px;"> 
<ul><font face="Calibri" size="4"><b>Das Team</b></fon
<font face="Calibri" size="3"><b></b></font><font face="Calibri" size="2"><br />Wir bearbeitet.<br />  


</font> 
</div> 
</body> 
</html></div> 
</body> 
 
</html>

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Marcelknop« (28. April 2011, 17:03)

 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

2 Zum Seitenanfang

Donnerstag, 28. April 2011, 17:07

mensch du hast ja so viel falsch gemacht.. wenn du schon irgendwas mit posiiton:absolute belegst dann positioniere es dann bitte mit top: und left: und nicht margin.. und content über JS ein bzw ausschalten ist nicht besonders empfehlenswert. bau lieber a href rein..
Mein kleines Projekt
-Cruel Online-
 

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

 

3 Zum Seitenanfang

Donnerstag, 28. April 2011, 17:15

Oder den Content via PHP includen. Das wäre noch eine gute Möglichkeit.
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

4 Zum Seitenanfang

Donnerstag, 28. April 2011, 17:28

zu dem hast du da 2 html dokumente in einem .. wobei im übergeordneten befindet sich kein doctype und im inneren schon.. also ich hoffe mk-media soll keine kleine homepage design firma sein;)
Mein kleines Projekt
-Cruel Online-
 

Marcelknop

Mitglied

Dabei seit: 11.04.2011

Beiträge: 41

 

5 Zum Seitenanfang

Donnerstag, 28. April 2011, 19:42

Ich habe mich eigentlich hier angemeldet um was zu erfahren & um geholfen zu werden aber das Hört sich hier irgendwie anders an
 

MartyMcFly

Foren Gott

Dabei seit: 04.06.2003

Beiträge: 3 137

 

6 Zum Seitenanfang

Donnerstag, 28. April 2011, 19:55

Nein, Du verstehst das nur falsch. Deine Probleme sind das Resultat diverser Fehler. Du hast zwei HTML-Deklarationen in einer Seite, das geht nicht. Du mischt beliebig CSS-Deklarationen und benutzt dann im HTML-Teil wieder andere Ausprägungen.

Du solltest die Seite erstmal strikt in CSS erstellen. Warum benutzt Du noch den HTML-Tag <font..., wenn Du doch oben tonnenweise CSS-Deklarationen machst? Warum nicht dort auch die Schriftart festlegen.

Versuche das erstmal sauber zu gestalten, dann behebt sich auch der Fehler.

Marty
 

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

 

7 Zum Seitenanfang

Donnerstag, 28. April 2011, 21:03

Ich habe mich eigentlich hier angemeldet um was zu erfahren & um geholfen zu werden aber das Hört sich hier irgendwie anders an


naja du hast gesagt dass bei dir einige sachen nicht angezeigt werden.. und ich habe dir gesagt dass man nicht position:absolute mit margin verwenden sollte, auch habe ich dir gesagt dass du 2 HTML Dokumente in einem hast.

Mach doch mal eine kleine Zeichnung mit pain wie dein layout aussehen soll, dann können wir dir helfen aber solange wir sehen was nicht funktioniert und nicht sehen können wie es aussehen sollte, können wir dir nicht viel weiter helfen;)

MFG
Mein kleines Projekt
-Cruel Online-
 

Durmstrang

Tripel-As

Dabei seit: 28.02.2009

Beiträge: 178

 

8 Zum Seitenanfang

Freitag, 29. April 2011, 11:27

hey,
ich würde vorschlagen, du machst erst mal ein scribbling von deinem layout, eine vorzeichnung also. per include mit php arbeiten ist auf jedenfall eine gute idee und evtl. ein div container dazu
lg
Durmstrang
Magic is the life in the darknes s
 

HighTide

Jungspund

Dabei seit: 13.05.2011

Beiträge: 19

 

9 Zum Seitenanfang

Freitag, 13. Mai 2011, 17:20

hey nur als kleiner Tipp... ;-)
Mir geht das im mom noch so wie dir!
Ich hab auch noch nicht so ganz den Überblick über css und html im Verbund.
Aber ich würd dir raten die Verbesserungsvorschläge und die Kritik nicht negativ zu sehen sondern eher versuchen durch sie zu lernen.
Um aber am thema zu bleiben , würde ich dir auch raten css und html mehr voneinander zu trennen und style-angaben fast ausschließlich in einem externen stylesheet zu machen und dieses dann per

Quellcode

1
<link rel="stylesheet" type="text/css" href="deine-css-datei.css" />
in deine html-Page einzubinden.
MFG HighTide :thumbsup :

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »HighTide« (13. Mai 2011, 18:53)

 

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

 

10 Zum Seitenanfang

Freitag, 13. Mai 2011, 18:43

Eventuell kann ich ein bischen helfen.

1. Ein richtiges HTML Grundgerüst erstellen. Dieses darf nur einmal vorkommen !

Bsp:

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="keywords" content="keywords">
<meta name="description" content="Beschreibung der Seite">
<link rel="stylesheet" href="css/style.css" type="text/css">
<title>Webseitentitel</title>

</head>
<body>


</body>
</html>


2. Die CSS-Code in eine extra Datei auslagern und im Head-Bereich einbinden . Wie auch oben im Beispiel.

HTML

1
<link rel="stylesheet" href="css/style.css" type="text/css">



Mach das erstmal , und dann machen wir weiter...
Schreib dann hier.

Gruß
Jens
 

Ähnliche Themen