Mit was hast Du denn bisher gearbeitet? Phase 5 http://www.phase5.info/
ist sehr zu empfehlen.
Beiträge von yeti66
-
-
-
....ist html case sensetiv fähig???
Nein. Nur die Browser sind tolerant.8) -
Na auch wenn es im Browser funktioniert. Es ist nicht Standartkonform und Du wirst keinen validen Code erzeugen, da a in marquee nicht zulässig ist.
CodeDas Tag: "marquee" hat kein Attribut: "height" in den aktuellen Versionen.[HTML 4.0] Das Tag: "marquee" hat kein Attribut: "width" in den aktuellen Versionen.[HTML 4.0] Das Tag: "body" hat kein Attribut: "marginheight" in den aktuellen Versionen.[HTML 4.0] Das Tag: "body" hat kein Attribut: "marginwidth" in den aktuellen Versionen.[HTML 4.0] Das Tag: "body" hat kein Attribut: "topmargin" in den aktuellen Versionen.[HTML 4.0] Das Tag: "body" hat kein Attribut: "leftmargin" in den aktuellen Versionen.[HTML 4.0] Das Tag: "marquee" hat kein Attribut: "behavior" in den aktuellen Versionen.[HTML 4.0]
-
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Unbenanntes Dokument</title> <link rel="stylesheet" type="text/css" href="menue.css"> </head> <body> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <marquee width="1000" height="30" direction=right behavior=alternate scrollamount=3> <a href="body2.html" target="body2"><b>Startseite</b></a> <a href="preisliste.html" target="body2"><b>Preisliste</b></a> <a href="unternehmen.html" target="body2"><b>Unternehmen </b></a> </marquee> <img src="Bilder/header.gif" alt="" style="float: right; margin: 10px 0px 0px 0px;" > </body> </html>
So sollte es aussehen(ich habe noch einen kleine Schlußtag <a/> in </a> geändert). Das obige Problem Link im Lauftext ändert sich aber dadurch nicht.!
-
OK,OK immer ruhig bleiben. Es gibt keinen Grund sich aufzuregen.
Wenn Du Dich mit dem tag marquee beschäftigst, dann musst Du wissen, das tag a in <marquee> nicht zulässig ist. Kurz gesagt:Text ja aber Links nicht. Das ist erst einmal Dein Hauptproblem finde ich. -
Hast Du schon mal was von DOCTYPES gehört und einem HTML-Seitenaufbau gelesen? (siehe auch. http://de.selfhtml.org/html/allgemein/grundgeruest.htm )Das lustigste ist ja das die Microsoft-Erfindung marquee bei Dir nicht im IE läuft8) , in keinem aber im FF.
http://de.selfhtml.org/html/text/proprietaer.htmAch und lass die frames. Seitenaufbau mit frames ist eher eine Unsitte, wenige Ausnahmen bestätigen das Gegenteil.
-
Um Grafiken zu pixeln ist Gimp wie MSPaint oder auch Paint.net geignet(um nur einige kostenlose Prog. zu nennen). Die Grafik sieht aber eher nach Vektorisierung aus und da brauchst Du ein Vektorprogramm wie scape http://www.inkscape.org/ , Illustrator. Alles anderere ist Übung, Übung, Übung.
Kann Gimp Vektoren bearbeiten - ich glaube eher nicht . Meines erachtens ist es ein reines Bitmap-Programm. -
Nicht neu erstellen - Fehler bereinigen!!
z.B. unter (DOCTYPE 1.0 XHTML - strict) hat <li><a href="http://silverscreen87.blogspot.com/2006/05/air-force-one.html" target="_blank" mce_href="http://silverscreen87.blogspot.com/2006/05/air-force-one.html"> Air Force One</a></li> kennt das tag a kein Attribut target="_blank" usw.Das ist ´ne Menge Arbeit, aber was solls. Wer beim erstellen der Seite nicht auf Fehler prüft hat die "A..-karte" eben am Schluß. Drumherum kommt da keiner. Außerdem stört die Optik durch den nicht vollständigen Querbalken.:-(
-
Naja das alleine ist es eben auch nicht. Deine Seite wird im FF im Kompatibilitäts - (Quirks) modus geladen. Setz´als erstes diesen Doctype ein.
HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Als nächstes pixelst Du Dir eine Navigation, die maßig in Deine 600px breite Tabelle passt. Jetzt eine Tabelle formen(möglichst eine Tabelle und nicht Tabelle in Tabelle in T........). Das könnte etwa so aussehen:
HTML
Alles anzeigen<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#996633"> <tr> <td width="600" height="300" colspan="2">Grafik</td> </tr> <tr> <td colspan="2" height="41">Navigation</td> </tr> <tr> <td colspan="2">Spacer</td> </tr> <tr > <td width="300">linker text</td><td width="300">rechter text</td> </tr> <tr> <td colspan="2">footer</td> </tr> </table>
Siehst Du das align="center"? Das sorgt für das mittige ausrichten der Tabelle auf der Seite.
usw.usv.
PS.: Ich muss ja nicht extra sagen, das Tabellen als Layoutmittel nicht die 1. Wahl sind. Tabellen dienen der Darstellung tabellarischer Inhalte und nicht mehr.
-
Zitat
@yeti - bezüglich
1) welche fehlerbereinigung - was hast du konkret geändert ?
3) reset styles - bewirkt das ähnliches wie1. Ich hatte den DOCTYPE von HTML auf XHTML umgestellt und entsprechende Anpassungen an die Anforderung des XHTML gemacht. Das ist vielleicht besser ausgedrückt als Fehlerbereinigung.(siehe auch Unterschiede HTML vs. XHTML : http://de.selfhtml.org/html/xhtml/unterschiede.htm)
2. Die Reset Styles sind halt umfangreicher in der Funktion und gehen über den Universalselektor hinaus. Mit dem Universalselektor wird halt für alle Elemente im Dokument die voreingestellten Randabstände zurückgesetzt, mehr nicht. Wenn Dir das im Dokument genügt ist es OK. Der Witz ist es aber die volle Kontrolle über das Layout und Maßigkeit zu haben und die unterschiedlichen Browser leider von unterschiedlichen, weil eigenen, "Standarts" ausgehen. Es gibt von verschiedenen Webdesignern unterschiedliche herangehensweisen in Sachen RESET STYLE(siehe auch: http://bigod.net/2008/02/03/reset-css-a-la-eric-meyer/). Einfach mal nach ResetStyle googeln - das ist ein interessantes weil lohnendes Thema und jedem zu empfehlen. -
Also für lau kann man eigentlich ohne bedenken den Phase 5 http://www.phase5.info/
empfehlen. Hier lassen sich auch viele kleine Helferlein integrieren, die einem die Kontrolle über den Code einfacher machen. -
Hoho, ich habe erst mal etwas aufräumen müssen damit ich etwas auf dem Schirm sehe. Wenn das mal eine Webseite werden soll steckt noch viel Arbeit drinn: ...hier mal zur Ansicht:
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> <!-- body {font-family:Verdana, Tahome, Arial, Sans Serif, Cloister Black;font-size:12px;color:#FFF;background-color:#000000;} #title {height:80px;padding:10px;border:2px solid #cc0000;background-color:#000000;margin-bottom:10px;} #left, #right {width:98px;height:200px;padding:5px;spacing:5px;border:2px solid #cc0000;background-color:#000000;margin-bottom:200px;margin-left:2px;margin-right:2px;margin-top:0px;} #left {float:left;} #right {float:right;text-align:left;} #title {float:center;} #content {float:center;} p.cleartext {clear: both;} #content {float:center;width:74%;height:54px;padding:5px;margin-left:2px;margin-right:2px;margin-top:10px;margin-bottom:0px;border:2px solid #dddddd;background-color:#000000;} a:hover {text-decoration:none;color:#cc0000;} a { text-decoration:underline;color:#dddddd;} --> </style> <title></title> </head> <body> <div id="title"> <h1>Man was`n Code ;-)) </h1> <h2>Wahnsinn</h2> </div> <div id="left"> <ul> <li>Menue</li> <li>Anmeldung</li> <li>Anmeldung</li> <li>Anmeldung</li> <li>Anmeldung</li> <li>Anmeldung</li> <li>Anmeldung</li> </ul> <p>ostenlos anmelden</p> </div> <div id="right"> <ul> <li>Service</li> <li>sofortzugang</li> <li><a href="referer=21181&site=dialer&languagestatus=de&wsid=F M1001745&wid=0" title="Beispiel-Link 5">Sofortzugang</a></li> <li><a href="referer=21181&site=pw&languagestatus=de&wsid=FM100 1745&wid=0" title="/ passwort">Passwort anfordern</a></li> <li><a href="referer=21181&site=wmportal&languagestatus=de&wsid =FM1001745&wid=0" title="/ webmaster werden">Webmaster werden</a></li> <li><a href="referer=21181&site=galerien&languagestatus=de&wsid =FM1001745&wid=0" title="/ sender gallerien">Top 10</a></li> <li><a href="referer=21181&site=impr&languagestatus=de&wsid=FM1 001745&wid=0" title="/ kontakt">Kontakt</a></li> <li><a href="referer=21181&site=impr&languagestatus=de&wsid=FM1 001745&wid=0" title="/ kontakt">Sender werden</a></li> </ul> </div> <div id="content"> <div > <h1>Komm...jetzt anmelden!!!</h1> </div> <iframe id="nameiframe" name="nameiframe" src="referer=21295&site=online&languagestatus=de&wsid=F M1001745&wid=0" width="716" width="2540"align="middle" scrolling="No" frameborder="0"> </iframe> <div> <ul> <li> <a href="#" title="www.sex-girls-live.com">www.live.com</a></li> <li><a href="#" title="www.geile-amateure-live.com">www-live.com</a></li> <li><a href="#" title="www.a>www.amateur-sex-tv.com">www-live.com</a></li> </ul> </div> <div id="topnavi"> <ul> <li> <a href="httreferer=21181&site=online&languagestatus=de&wsi d=FM1001745&wid=0" title="/ online sender">online sender</a></li> <li><a href="http://web.privat-akt.com/dlink.php?...M1001745&wid=0" title="/ agb`s">agb`s</a></li> <li><a href="http://referer=21181&site=impr&langu...M1001745&wid=0" title="`/ impressum">impressum</a></li> <li><a href="http://referer=21181&site=faq&langua...M1001745&wid=0" title="/ faq">faq</a></li> <li><a href="http://referer=21181&site=mreg&langu...M1001745&wid=0" title="/ member area">member area</a></li> </ul> </div> </div> </body> </html>
-
Als kleinen Anreiz, wie es weiter gehen könnte:
-
So, wie versprochen die überarbeitete Seite. Die Grafiken navrechts.jpg und navlinks.jpg haben ich eingekürzt, da sie nicht die Pixelbreite hatten. Die Links der :hover - Grafiken müssen noch angepasst werden.
Getestet habe ich mit dem IETester von http://www.my-debugbar.com/wiki/IETester/HomePage
. Eine 100% Garantie kann ich nicht geben. Wer also noch eine Originalinstallation von IE`s hat sollte nochmal testen. Was für mich schockierend war ist die Seite unter Chrome bzw.Safari da sie die gleiche Engine haben. Nach dem Rummel um Chrome hatte ich da mehr erwartet. Ob der Fehler im Code oder ein Bug der Engine ist konnte ich nicht mehr herausfinden.
P.S. Eine kleine eigene Version wollte ich noch nachschieben. Mal sehen ob es heute Abend noch etwas wird. -
OK, ich nehme es mir nochmal zur Brust. Bis morgen Abend bekommst Du eine Lösung damit Du am Wochenend weitermachen kannst. Versprochen. Ich muss jetzt zur Feier.
-
Ach firefox5.0 Du meinst die Onlineseite. Und wie sieht mein Code im Ie aus, wenn Du ihn schon zur Hand hast???
-
Schlimmer im IE ?? Na da muß ich doch mal den Laptop ranholen. Ich hatte erst mal nur unter IE7/8, Chrome, Opera und FF getestet.
-
Ich habe erst einmal etwas aufgeräumt und den Code gesäubert und auf (sorry) XHTML - strict (DOCTYPE) umgestellt (reine Gewohnheit).
Im IE 5/5.5 und IE 6 habe ich momentan leider nicht testen könne, da ich nicht an meinen Laptop rankomme. Na ja schau erst mal:HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Physiotherapeut Robin Cronenberg - Berlin</title> <style type="text/css"> @charset "utf-8"; /* CSS Document */ /*reset styles*** thanks to Eric A. and Kathryn S. Meyer *** http://meyerweb.com/eric/thoughts/2007/05/01/*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} /*reset styles end*/ body {font: 100% Verdana, Arial, Helvetica, sans-serif;text-align: center;background-color: #666666;/* background-image:url(bg.jpg);*//* background-repeat:repeat; */} #container {margin: 0 auto;width: 716px;height: 800px;border: 1px solid black;padding:0 3px 0px 3px 0;background-color: #fff;} #header {background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/header.jpg) no-repeat;width: 710px;height: 138px;margin: 0 auto;} #firstline {width: 710px;height: 3px;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/line/firstline.jpg) no-repeat 0 0;margin: 1px auto;} a {display: block;padding: 0px;height: 20px;width: 101px;} .unsichtbar {display: none;} #navigation {width: 710px;height: 20px;margin: 0 auto;} #navi {width: 710px;height: 20px;list-style: none;padding: 0;margin: 0;} #navi li {width: 101px;float: left;} #navi li:hover ul, #navi li.over ul {display: block;} #navi li a.navilinks:link, li a.navilinks:visited, li a.navilinks:focus, li a.navilinks:active {width: 101px;height: 20px;display: block;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/navi/navilinks.jpg) no-repeat;} #navi li a.navilinks:hover {background:url(http://home.arcor.de/robertfuhrmann/robintoaktuell/hover/navilinks.jpg) no-repeat;width: 101px;height: 20px;} #navi li a.therapien:link, li a.therapien:visited, li a.therapien:focus, li a.therapien:active {width: 101px;height: 20px;display: block;border: none;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/navi/therapien.jpg) no-repeat;} #navi li a.therapien:hover {background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/hover/t.jpg) no-repeat;border: none;width: 101px;height: 20px;} #navi li a.preise:link, li a.preise:visited, li a.preise:focus, li a.preise:active {width: 101px;height: 20px;display: block;border: none;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/navi/preise.jpg) no-repeat;} #navi li a.preise:hover {background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/hover/p.jpg) no-repeat;border: none;width: 101px;height: 20px;} #navi li a.guestbook:link, li a.guestbook:visited, li a.guestbook:focus, li a.guestbook:active {width: 101px;height: 20px;display: block;border: none;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/navi/guestbook.jpg) no-repeat;} #navi li a.guestbook:hover {background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/hover/g.jpg) no-repeat;border: none;width: 101px;height: 20px;} #navi li a.lebenslauf:link, li a.lebenslauf:visited, li a.lebenslauf:focus, li alebenslauf:active {width: 101px;height: 20px;display: block;border: none;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/navi/lebenslauf.jpg) no-repeat;} #navi li a.lebenslauf:hover {background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/hover/l.jpg) no-repeat;border: none;width: 101px;height: 20px;} #navi li a.impressum:link, li a.impressum:visited, li a.impressum:focus, li a.impressum:active {width: 101px;height: 20px;display: block;border: none;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/navi/impressum.jpg) no-repeat;} #navi li a.impressum:hover {background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/hover/i.jpg) no-repeat;border: none;width: 101px;height: 20px;} #navi li a.navirechts:hover {background-image:url(http://home.arcor.de/robertfuhrmann/robintoaktuell/hover/navirechts.jpg) no-repeat;border: none;width: 101px;height: 20px;} #navi li a.navirechts:link, li a.navilinks:visited, li a.navilinks:focus, li a.navilinks:active {width: 101px;height: 20px;display: block;border: none;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/navi/navirechts.jpg) no-repeat;} #secondline {width: 710px;height: 10px;background: url(http://home.arcor.de/robertfuhrmann/robintoaktuell/line/secondline.jpg) no-repeat 0 0;margin: 1px auto;} --> </style> </head> <body> <div id="container"> <div id="header"> </div> <div id="firstline"> </div> <div id="navigation"> <ul id="navi"> <li><a href="#1" class="navilinks"><span class="unsichtbar">links</span></a></li> <li><a href="#2" class="therapien" title="Therapien"><span class="unsichtbar">therapienweg</span></a></li> <li><a href="#3" class="preise" title="Preise"><span class="unsichtbar">preiseweg</span></a></li> <li><a href="#4" class="guestbook" title="Guestbook"><span class="unsichtbar">guestbookweg</span></a></li> <li><a href="#5" class="lebenslauf" title="Lebenslauf"><span class="unsichtbar">lebenslaufweg</span></a></li> <li><a href="#6" class="impressum" title="Impressum"><span class="unsichtbar">impressumweg</span></a></li> <li><a href="#7" class="navirechts"><span class="unsichtbar">rechts</span></a></li> </ul> </div> <div id="firstline"> </div> <div id="secondline"> </div> </div> </body> </html>
-
Drei Dinge habe ich geändert:
1. ...den Doctype mit anschließender Fehlerbereinigung
2. ...dem #bsestammtisch 5px dazugegeben
3. ... + RESET STYLES im CSS zugefügtHTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title>www.AABBCC.at - die digitale Plakatwand</title> <meta name="Keywords" content="Werbefläche, Plakatwand, Schwarzes, Brett, Ried, Braunau, Schärding, Grieskirchen, Festl, Events, Zeltfest, Clubbing, Gratiswerbung, Flyer" /> <meta name="Description" content="Gratis Werbefläche für Veranstalter sämtlicher Events (Bälle,Zeltfeste,Clubbings,Konzerte,etc...) die in den Bezirken Ried,Braunau,Schärding oder Grieskirchen stattfinden" /> <meta name="author" content="(c) by Hannes Leitner" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="de" /> <!-- Verhindert das Speichern,Drucken,etc.. Popup-Menü wenn man mit der Maus über eine Grafik fährt - Problem ist im IE aufgetreten !--> <meta http-equiv="imagetoolbar" content="no" /> <!-- <style type="text/css"> !--> <link rel="stylesheet" type="text/css" href="maincss.css" /> <script type="text/javascript"> <!--function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } //--> </script> <style type="text/css"> <!--/* CSS Document */ /*reset styles*** thanks to Eric A. and Kathryn S. Meyer *** http://meyerweb.com/eric/thoughts/2007/05/01/*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /*reset styles end*/ a { text-decoration: none; } /* Horizontale Navigation - http://de.selfhtml.org/css/layouts/navigationsleisten.htm */ body { font: normal 100.01% Helvetica, Arial, sans-serif; color: black; background-color: #000000; } ul#Navigation { text-align: center; border: 0px solid black; background-color: #22BE1B; position:absolute; top: 150px; left: 20px; z-index: 5; margin: 0px; padding: 0px; } ul#Navigation li { list-style: none; display: inline; margin: 10px; padding: 1px; letter-spacing:1px; } ul#Navigation a, ul#Navigation span { padding: 0px 5px; text-decoration: none; font-weight: bold; border: 0px solid black; border-left-color: white; border-top-color: white; color: black; background-color: #22BE1B; } * html ul#Navigation a, * html ul#Navigation span { width: 1em; /* nur fuer IE 5.0x erforderlich */ width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */ } ul#Navigation a:hover, ul#Navigation span { border-color: white; border-left-color: black; border-top: 1px solid black; border-bottom: 1px solid black; color: white; background-color: black; } /* Überschrift www.AABBCC.at */ h1 { color: #22BE1B; font-family: arial; font-weight:bold; font-size: 30px; z-index: 3; position:absolute; top: 0px; left:90px; margin: 20px; padding: 0px; } /* ....die digitale Plakatwand etc... */ h2 { color: #22BE1B; font-family: arial; font-weight:normal; font-size: 14px; z-index: 4; position:absolute; top: 50px; left:110px; margin: 0px; padding: 0px; } .normal { color: #F9FAF3; font-family: arial; font-weight:normal; font-size: 13px; z-index: 4; position:absolute; top: 200px; left:110px; margin: 0px; padding: 0px; } /* Seitenlayout */ #LogoAABBCCKleinohneHolz { position:absolute; top: 20px; left: 20px; z-index: 2; } #mausrad { position:absolute; top: 200px; left: 20px; z-index: 2; } #GruenRund { position:absolute; top: 125px; left: 20px; z-index: 2; } /* Seitenlayout Auswahl.html*/ #auswahl { position:absolute; top: 80px; left: 20px; z-index: 1; left: 5% } #mailauswahl { position:absolute; top: 570px; left: 20px; z-index: 2; } /* Hintergrund Bezirke */ #braunauoriginal { position:absolute; top: 200px; left:40px; z-index: 1; } #riedoriginal { position:absolute; top: 200px; left:40px; z-index: 1; } #schardingoriginal { position:absolute; top: 200px; left:40px; z-index: 1; } #grieskirchenoriginal { position:absolute; top: 200px; left:40px; z-index: 1; } /****************************************************************************/ /* Banner - Braunau- Braunau-Braunau-Braunau-Braunau-Braunau-Braunau-Braunau*/ /****************************************************************************/ #bsestammtisch { position:absolute; top: 1005px; left: 180px; z-index: 2; } #dartbraunau { position:absolute; top: 332px; left: 800px; z-index: 2; } #ljgeretsberg { position:absolute; top: 950px; left: 513px; z-index: 2; } #buggylords { position:absolute; top: 950px; left: 413px; z-index: 2; } #mscgilgenberg { position:absolute; top: 712px; left: 499px; z-index: 2; } /***************************************************************************/ /****************************************************************************/ /* Banner - Ried- Ried- Ried- Ried- Ried- Ried- Ried- Ried- Ried- Ried------*/ /****************************************************************************/ #brunosoldies { position:absolute; top: 650px; left: 1500px; z-index: 2; } /***************************************************************************/ /****************************************************************************/ /* Banner - Schärding- Schärding- Schärding- Schärding- Schärding- Schärding*/ /****************************************************************************/ /***************************************************************************/ /****************************************************************************/ /* Banner - Grieskirchen- Grieskirchen- Grieskirchen- Grieskirchen----------*/ /****************************************************************************/ /***************************************************************************/ --> </style> </head> <body bgcolor="#000000"> <h1>www.AABBCC.at</h1> <img src="banner/br/bsestammtisch.jpg" alt="" border="0" /><br /> <img src="banner/br/ljlogo.jpg" alt="LJ Geretsberg" border="0" /> <h2>...die digitale Plakatwand für die Bezirke Ried - Braunau - Schärding - Grieskirchen </h2> <div id="bsestammtisch"> <a href="http://www.ntmb.de/hit/6130"target="_blank"><img border="0"src="http://www.aabbcc.at/INDEX/banner/br/bsestammtisch.jpg"alt="www.bse-stammtisch.de.tl"/></a></div> <!-- <a href="http://www.ntmb.de/hit/6130"target="_blank"><img border="0"src="banner/br/bsestammtisch.jpg"alt="www.bse-stammtisch.de.tl"/></a> !--> <!-- <a href='http://www.bse-stammtisch.de.tl' target="_blank" > !--> <!-- <a href='http://www.ntmb.de/hit/6130' target="_blank"><img src="banner/br/bsestammtisch.jpg" alt="www.bse-stammtisch.de.tl" border=0></a> !--> <!-- <img src="banner/br/buggylords.jpg" alt="www.bse-stammtisch.de.tl" border=0> !--> <div id="dartbraunau"> <!-- <a href='http://www.dc-braunau.at' target="_blank" > !--> <a href='http://www.ntmb.de/hit/6131' target="_blank" > <img src="http://www.aabbcc.at/INDEX/banner/br/dartbraunau.jpg" alt="http://www.dc-braunau.at" border="0" /> </a> </div> <div id="ljgeretsberg"> <!-- <a href='http://lj-geretsberg.at' target="_blank" > !--> <a href='http://www.ntmb.de/hit/6132' target="_blank" > <img src="http://www.aabbcc.at/INDEX/banner/br/ljlogo.jpg" alt="LJ Geretsberg" border="0" /> </a> </div> <div id="buggylords"> <!-- <a href='http://buggylords.twoday.net' target="_blank" > !--> <a href='http://www.ntmb.de/hit/6133' target="_blank" > <img src="http://www.aabbcc.at/INDEX/banner/br/buggylords.jpg" alt="Lords of Buggys" border="0" /> </a> </div> <div id="mscgilgenberg"> <!-- <a href='http://www.msc-gilgenberg.at' target="_blank" > !--> <a href='http://www.ntmb.de/hit/6134' target="_blank" > <img src="http://www.aabbcc.at/INDEX/banner/br/mscgilgenberg.jpg" alt="MSC Gilgenberg" border="0" /> </a> </div> <div id="LogoAABBCCKleinohneHolz"> <a href='http://www.aabbcc.at' target="_blank" > <img src="http://www.aabbcc.at/INDEX/LogoAABBCCKleinohneHolz.JPG" border="0" alt="www.aabbcc.at" width="100" height="100" /> </a> </div> <div id="braunauoriginal"> <img src="http://www.aabbcc.at/INDEX/braunauoriginal.jpg" /> </div> <div id="mausrad"> <img src="mausrad.jpg" /> </div> <div id="GruenRund"> <img src="gruenrund.jpg" /> </div> <!-- CSS-Menü Beispiel von http://aktuell.de.selfhtml.org/artikel/css/mouseover/ <div class="menu"> <div id="Home"> <a class="menu" href="index.htm">Home</a><br> </div> <div id="Email"> <a class="menu" href="asdsadasd.html">E-Mail</a><br> </div> <div id="Extras"> <a class="menu" href="extras/index.htm">Extras</a><br> </div> <div id="Links"> <a class="menu" href="links/index.htm">Links</a><br> </div> </div> !--> <!-- CSS-Menü Beispiel von http://de.selfhtml.org/css/layouts/navigationsleisten.htm !--> <ul id="Navigation"> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li><a href="ried1.html">Ried</a></li> <li><span>Braunau</span></li> <li><a href="scharding1.html">Schärding</a></li> <li><a href="grieskirchen1.html">Grieskirchen</a></li> <li><a href="info.html">Info</a></li> <li><a href="impressum.html">Impressum</a></li> <li><a href="mailto:info@aabbcc.at">Kontakt</a></li> <li> </li> <li> </li> <li> </li> </ul> <!-- ID 2340 wurde für www.aabbcc.at angelegt!--> <!-- <p align="left"><font color="#c0c0c0" face="Arial"><font size="2"> </font></font></p>!--> <p> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-2083048-1"); pageTracker._trackPageview(); </script> </p> </body> </html>
.....und dan klappte es auch