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<
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
![]()
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> <a href="http://www.twitter.com/" target="_blank"><img src="jaja/twitter.png" border="0"></a> </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)
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-
-Cruel Online-
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-
-Cruel Online-
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
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
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-
-Cruel Online-
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
in deine html-Page einzubinden.
MFG HighTide :thumbsup :
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" /> |
MFG HighTide :thumbsup :
Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »HighTide« (13. Mai 2011, 18:53)
Eventuell kann ich ein bischen helfen.
1. Ein richtiges HTML Grundgerüst erstellen. Dieses darf nur einmal vorkommen !
Bsp:
2. Die CSS-Code in eine extra Datei auslagern und im Head-Bereich einbinden . Wie auch oben im Beispiel.
Mach das erstmal , und dann machen wir weiter...
Schreib dann hier.
Gruß
Jens
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
-
Newbies »-
zusätzliche domain
(21. Februar 2008, 22:28)
-
PHP »-
FATAL ERROR: register_globals is disabled in php.ini, please enable it!
(14. Juni 2004, 15:22)
-
Kleinanzeigen »-
[suche] Aufträge Als Webdesigner
(13. Januar 2004, 15:05)
-
Feedback-Forum »-
Community
(21. Januar 2004, 12:10)
-
Feedback-Forum »-
checkt ma das hier !
(24. November 2002, 21:56)


