Fragen zu iFrames, Tabellen und anderen Sachen

Tach,

ok ich hab jetzt mal einen crash Kurs in Sachen web seiten erstellen gemacht

folgendes ist da bei raus gekommen.

HTML-Code:

<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf8" /> <meta name="verify-v1" content="pXbNGSs3/eWDfbLBjoSaY/XUGdhDThn+0u5dgaMf6O0=" /> <meta name="verify-v1" content="kr2ZI5Q5UWO+WLRGo9FdpASr4j18UMctBIv+c1iqrL0=" /> <title>Golf Elite Berlin</title> <meta name="description" content="Golf-Elite-Berlin" /> <link rel="shortcut icon" href="http://i231.photobucket.com/albums/ee76/deadboy_bucket_bucket/WEB%20test%20closeded/iconvwlinks.png" type="image/x-icon" /> <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"> try { var pageTracker = _gat._getTracker("UA-6488330-1"); pageTracker._trackPageview(); } catch(err) {}</script> <head><title>menu</title><script type="text/javascript" src="chrome.js"></script> <script type="text/javascript" src="jquery.js"></script> <style> #MainMenu { height:37px; border:0; margin:0; } #tab { top:0; height:0; background:repeat-x top; margin:0; } #tab ul { overflow:hidden; height:37px; list-style:none; float:left; margin:0; padding:0; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab div span { background:url(images/bleft_109.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:700; display:block; line-height:37px; padding:0 20px 0 25px; } #tab div { cursor:pointer; border:0; background:url(images/bright_109.gif) no-repeat right top; } #tab a { background:url(images/bright_109.gif) no-repeat right top; text-decoration:none; border:0; display:block; float:left; margin:0; padding:0; } #tab a span { display:block; background:url(images/bleft_109.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:700; line-height:37px; padding:0 20px 0 25px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#00bff3; font-weight:700; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 #005b7e; color:#fff; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { list-style:none; margin:0; padding:0; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link,.dropmenudiv a:visited { width:180px; display:block; border:0; color:#fff; background:url(images/bleft_109.gif) no-repeat left top; font-weight:700; font-style:normal; text-decoration:none; margin:0; padding:0; } .dropmenudiv a span { display:block; line-height:37px; background:url(images/bright_109.gif) no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:none; padding:0 20px 0 25px; } .dropmenudiv a:hover { border:0; background-position:left bottom; font-weight:700; font-style:normal; text-decoration:none; color:#00bff3; } .dropmenudiv a:hover span { background-position:right bottom; color:#00bff3; font-weight:700; } </style></head><body> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="home.html"><span>Home</span></a></li> <li><a href="Media.html"><span>Media</span></a></li> <li><a href="Awards.html"><span>Awards</span></a></li> <li><a href="Programm.html"><span>Programm</span></a></li> <li><a href="Gaestebuch.html"><span>Gaestebuch</span></a></li> <li><a href="Kontakt.html"><span>Kontakt</span></a></li> </ul> </div> </div> <script type="text/javascript"> jQuery(function(){ $("#tab li").prepend("<div></div>"); //Throws an empty span tag right before the a tag $("#tab li").each(function() { //For each list item... var linkText = $(this).find("a").html(); //Find the text inside of the a tag $(this).find("div").show().html(linkText); //Add the text in the span tag }); $("#tab li").hover(function() { //On hover... $(this).find("div").stop().animate({ marginTop: "-37" //Find the span tag and move it up 40 pixels }, 250); } , function() { //On hover out... $(this).find("div").stop().animate({ marginTop: "0" //Move the span back to its original state (0px) }, 250); }); }); </script> </body></html>

So so weit so gut. Ich dachte mir das die Seite mal so aussehen sollte.

http://i231.photobucket.com/albums/e...ucket/caso.gif

ich hab auch schon eine html datei mit 3 Iframes gemacht doch irgend wie hab ich probleme.

1. Wie mache ich die pic in den Iframes als hintergrundbild?
2. Wie füge ich dort eine Tabelle ein?
3. Welche free Web anbieter sollte ich nutzen?

Wie Ihr gemerkt habt hab ich ein großes Problem mit dem kombinieren von html zwar hab ich alle Codierungen die ich mir angucken kann, aber irgend wie mache ich immer Fehler. Das stresst mich da wäre es wohl besser wen ich mal hilfe bekommen würde.

"Frag den Lehrer!" Denkste der hat einfach kein bock drauf.
"Klassenkameraden?" Die wissen nicht wie man eine Powerpoint öffnet!!!

1. Vergiss die Iframes, und lerne, das ganze per CSS zu machen. Ich helfe niemanden, der IFrames benutzt! :o
(abgesehen davon, dass es ein seperates Webdesign-Forum gibt...)

Solche "Crashkurse" sind meistens nicht sonderlich gut. Die meisten Sachen lernt man nicht in ein paar Tagen sondern nach und nach, indem man übt, verschiedene Anleitungen liest und auch mal fremden Code anschaut (ja, ich bin der Überzeugung, dass man sich in dem Fall problemlos ein paar Tricks von anderen abschauen darf, solang man nicht einfach stumpf Code kopiert) und weiter übt. Ich arbeite jetzt seit 5 oder 6 Jahren mit HTML und CSS und es gibt sicher immer noch nützliche Dinge darüber, die ich nicht weiß. Fang mit was einfachem an. Ich hab grad keine Anleitung zur Hand, aber schau mal, ob du auf http://dev-comm.de/articlecategory.php?id=8 was für Anfänger findest.

Ein paar Dinge zu deinen Fragen:

Frames und auch iFrames sind kein Element zur Strukturierung von Seiten, sondern dazu da, andere Seiten einzubinden. Also vor allem welche, auf die du keinen Einfluss hast und das braucht man eigentlich sehr selten.
Tabellen sind ebenfalls kein Element zur Strukturierung. Das hat man früher oft so gemacht, aber es hat sich mit der Zeit als furchtbar unflexibel und fehleranfällig herausgestellt. Verwende <table> bitte nur, wenn du wirklich eine TABELLE brauchst. In dem Fall empfehle ich http://de.selfhtml.org/html/tabellen...f_koerper_fuss
Sorry, keine Ahnung. Ich hatte meine Sachen bei Pytal, bevor ich mir einen eigenen Server zugelegt hab, aber ich glaub, die pflastern dich in der Zwischenzeit auch mit Werbung zu. Wenn du das wirklich ernsthaft machen willst, investier die paar Euro im Jahr.

Ich verschieb das außerdem mal ins richtige Forum und pass den Titel an.

Edit:
Wozu zum Teufel brauchst du eigentlich den ganzen JavaScript Kram, der da unter deinem Code steht? Oder wichtiger: verstehst du, was du da machst?

1. bitte keine Bilder klauen (Shortcut-Icon/ggf. auch das Auto - weiß ja nicht, woher das kommt)

2.

Code:

$("#tab li").prepend("<div></div>"); //Throws an empty span tag right before the a tag

Hier stimmt der Kommentar nicht mit der Funktionalität überein.

3. Die Hover-Funktionalität der Links würde ich ggf. besser mit CSS lösen.

4. CSS vll. besser auslagern.

5. Wieso gibst du der ul nen overflow:hidden?

6. Frames und iFrames möglichst vermeiden!

7. Guck dir echt noch ein bisschen http://de.selfhtml.org an und ggf. auch http://css4you.de ;)

Code:

} div#news { background-attachment : scroll; background-image : url(''); width : 500px; height : 600px; background-repeat : no-repeat; padding : 10px 10px 10px 10px; overflow : auto; border : 0 solid; }

Sollte, mMn, viel einfacher als IFrame sein. Du brauchst nur nen Hintegrund der immer auf der gleichen Position bleibt, Links sollte man dann so positionieren das die noch drauf passen. Naja egal.

danke fürs moven und die antworten^^

@ (kp wer es noch mal war^^) why java?

ja ganz einfach es gibt manche Seiten die einen erlauben kinderleicht CSS menu´s zu erstellen. Da solch eine Navigation (ehe kann gar nicht aussprechen XD) ohne Animationen zu schlicht aussieht, braucht man da einige komplexe Vorgänge die der CSSMenuCreator(CMC) kinderleicht übernimmt. Man muss nicht soviel Zeit investieren. Es ist auch kostenlos, genau richtig um der Seite mal einen guten schliff zu geben^^

natürlich kann man sich irgend welche Seiten von der Stange nehmen. Doch kann man sie nur begrenzt editieren. Oder bezahlen(ist die einfachste Methode)

See you around

Naja das was diese JavaSCRIPT (Java ist was ganz anderes) machen, lässt sich wesentlich effektiver mit reinem CSS lösen.
Und das guten Schliff lasse ich mal unkommentiert wenn es generell an allem hapert.

Tu dir selbst den Gefallen: http://css4you.de
les dich ein und schreib den Code selbst anstatt irgendwelchen Klicki-Bunti-Mist zu verwenden den man so nicht verwenden sollte, die Seite unnötig aufbläht und den du zu allem Überfluss nicht verstehst. (mit dem Verfahren könnte man dir Schadcode unterjubeln ohne dass du es merken würdest)

keine sorge hatte ich auch vor^^

so leute benutzt einer von euch einen guten Webseitenanbieter, der kostenlos ist?
Wenn ja, dann sagt mir bitte beschied ich will die Seite online stellen^^

gut != kostenlos

Du kannst ja mal ohost probieren, hat aber Werbung und wirst auch kaum mit einem kostenlosen Webspace wirklich glücklich. ;) IMO

hm danke schön leute^^http://www.multimediaxis.de/images/s.../old/sm_12.gif http://www.multimediaxis.de/images/s.../old/sm_12.gif http://www.multimediaxis.de/images/s.../old/sm_12.gif

http://i231.photobucket.com/albums/e...ket/gifweb.gif

nun hab ich jetzt kein bock raus zu lesen wie man eine weitere Seite, hinzufügen kann. Bis jetz habe ich nur eine Seite, aber wie kann ich noch eine dazu machen und sie Verlinken?

Wenn ihr mir das erklären würdet, wüste ich wie man eine Webseite macht^^ und würde vielleicht nen guid für noobs machen

erstell einfach n zweites dokument und setz im ersten dokument einen anker der wie folgt aussieht:

<a href="#">Name</a>

# ersetzt du durch den Dateinamen + Endung, also zB seite2.html, Name ist schlicht der Text der später den Link darstellt.

hm das is komisch mein Anbieter kann anscheinend nicht mp3 File's hoch laden, jetzt funzelt der Web player nicht mehr. kann ich das irgend wie ändern?

PS:
Kennt ihr einen guten/Kostenlosen Anbieter bei dem ich eine eigenes Forum machen kann(so wie hier)? Das wäre nett^^

bplaced.net war toll, aber als ich das letzte mal dort geschaut habe, waren alle server voll.
Momentan benutze ich spacequadrat, bietet mir alles was ich brauche (ohne werbung...)
Kostete aber nicht "nichts", man muss ne SMS zur freischaltung schiken ;D

ok^^ Ihr kennt doch manch game Seiten oder? Da kann man sich immer Direkt auf der Seite anmelden wie z.B.

Metin 2
Florensia.
ect.

die haben immer so ein kleines Fenster

http://i231.photobucket.com/albums/e...bucket/pic.png

Wie kann ich das auch machen bzw. würde ich gerne wissen wie das heißt. So fern ich richtig liege ist das eigentlich eine Registrierung für die Spiele Server und fürs Forum. Ich bräuchte das aber nur fürs Forum, weil ich auf der Seite nix mit Spielen habe.

Ich bedanke mich im Voraus für ihre Antworten
Also im klar Text ich will die selbe Registrierung Art auf meiner Seite haben.

Du meinst den Kasten mit dem Loginfeld? Den Kasten selbst baust du dir bequem aus 1-3 Div-Containern und gestaltest ihn mit Css. Als Inhalt legst du via html entsprechende Input-Felder fest. Um die Einträge zu verarbeiten, benötigst du dann aber php und eine datenbankanbiendung zb mysql in denen die Eingabe verarbeitet und gegenkontrolliert wird.

Login Php Tutorial
sollten Worte sein mit denen du bei Google zahlreiche Anleitungen finden kannst.

Zitat:

Login Php Tutorial
sollten Worte sein mit denen du bei Google zahlreiche Anleitungen finden kannst.

Wobei das vllt nicht mal nötig ist. Wenn das ganze ein Anmeldemaske fürs Forum sein soll, musst du nur im action-attribut die Adresse des Anmeldescripts des Forums angeben.

ok danke für die rasche antwort^^ ich werde es mir mal anschauen udn spätter sagen was daraus geworden ist, ach ja wegen der anmelde maske.

Kann man etwa die HP so einstellen das manch Teile nur mit nem Acc zu sehen sind?

Ja aber ich glaube nur in PHP und solange die Hauptseite mit dem Forum verbunden ist.
Du solltest dir CMSs angucken oder "Clan-Pages" kA in Google solltest du etwas dazu finden.

hm jetzt brauche ich User Erfahrungen

So auf der Seite
http://www.slide.com/

kan man diaschows machen XD und ich wollte fragen welcher maker das selbe kann wie der auf der Seite.

Gewünschte Funktionen

Bilder sollten hinter einem Bild der zum teil transparent ist ablaufen.
Und die Funkt. Melt sollte auch bei dem Maker zu finden sein.

Und (Eigene) Skins sollten auch vorhanden sein.

Danke für die Aufmerksamkeit

Zitat:

Zitat von VD3???

So auf der Seite
http://www.slide.com/

kan man diaschows machen XD und ich wollte fragen welcher maker das selbe kann wie der auf der Seite.

Gewünschte Funktionen

Bilder sollten hinter einem Bild der zum teil transparent ist ablaufen.
Und die Funkt. Melt sollte auch bei dem Maker zu finden sein.

Und (Eigene) Skins sollten auch vorhanden sein.

Danke für die Aufmerksamkeit

Websites erstellt man in der Regel nicht mit einem "Maker", sondern man schreibt sie (mehr oder weniger) von Hand. Ich würde dir nochmal dringend empfehlen, das zu lernen. Das zusammengeklickte Zeug, sieht in der Regel grässlich aus und verhält sich selten so, wie man es gerne hätte.

Edit:
Wenn du nicht weißt, wie du anfangen sollst, schau dich hier im Webentwicklungsforum um, mach nen Thread auf oder kontaktier mich direkt. Ich kann dir gerne ein paar gute Anleitungen raussuchen.

AGB!?

hm was ist AGB?

udn ich hab dort gelesen das man:

Du darfst auf der beliebiegeSeite.com Seite, dem Service, den dazugehörigen Spielen oder dem beliebiegeSeite.com Code, ohne ausdrückliche schriftliche Zustimmung von beliebiegeSeite DE, Inc., weder Änderungen, Anpassungen, Übersetzungen noch Bearbeitungen vornehmen.

heßit es das ich nicht einen teil der seite übernehmen kann? also sprich ich will ein code haben und ich nehm ihn mir von der seite. z.B.

HTML-Code:

<link rel="stylesheet" type="text/css" href="stylTstyl3.css" charset="">

klärt mich ma auf, net das ich In den Knast komme XD

Bei solchen ABG-Inhalten geht es in erster Linie um die Seiteninhalte.
Es ist dir also nicht erlaubt, Texte, Bilder, usw. zu kopieren und dann z.B. auf deiner eigenen Seite zu präsentieren, sofern es nicht ausdrücklich anders erwünscht ist. (Was eigentlich selbstverständlich sein könnte, aber im Internet haben nunmal leider viele Leute die Mentalität, sie könnten einfach fremde Werke kopieren, weil es so einfach geht.)

Wegen ein paar HTML-Segmenten, die du dir da rausholst, wird dir wohl keiner böse sein. (Solange du die entsprechende Seite nicht 1:1 nachbaust.)

Zitat:

Zitat von Indy

Wegen ein paar HTML-Segmenten, die du dir da rausholst, wird dir wohl keiner böse sein. (Solange du die entsprechende Seite nicht 1:1 nachbaust.)

Warum er das auch immer machen möchte ...
HTML ist ja nun nicht so schwer, dass man es von anderen Quelltexten kopieren müsste.

@Whiz-zarD

aber wenn man eine ganz bestimte flashanimation/player(presentation) will? da muss man schon kopierenXD

@Indy
was ist wen ich aber meinen eigenen auf bau genauso mache wie bei der einer anderen Seite? So wie man es bei zich tausenden seiten kennt. z.B. http://www.metin2.de/ ; Florensia oder hier http://de.heroes.gpotato.eu/

und so ist meine HP (remix XD)

http://i231.photobucket.com/albums/e...ket/look23.jpg

Ich meien die sieht ja auch iwie genauso aus. geht das oder muss ich wieder neu Codieren?

Ich will noch bei der navi(gpotato.eu) die games liste übernehmen... müsste doch mit der Erlaubnis gehen oder?

Zitat:

Zitat von VD3???

@Whiz-zarD

aber wenn man eine ganz bestimte flashanimation/player(presentation) will? da muss man schon kopierenXD

Da kannste nix kopieren, da Flash != HTML.

Zitat:

Ich will noch bei der navi(gpotato.eu) die games liste übernehmen... müsste doch mit der Erlaubnis gehen oder?

Mit Sicherheit geben sie dir keine Erlaubnis dafür, da dies eine Firmeninterne Sache ist und du diese dann für Phishing-Zwecke missbrauchen könntest.

btw. Dein Design ist ekelhaft.

@ hm danke^^ wenn de meinst, es ist ja net ferig noch nicht denke ich XD

jo die ganzen community´s.

kennt ihr iwelche Seiten die "gute" vorlagen haben?! Ambesten Kostenlos^^

http://www.oswd.org/