Fragen zu iFrames, Tabellen und anderen Sachen

**VD3???** · 10.09.2009 15:49

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!!!

FF · 10.09.2009 23:31

1. Vergiss die Iframes, und lerne, das ganze per CSS zu machen. Ich helfe niemanden, der IFrames benutzt!

(abgesehen davon, dass es ein seperates Webdesign-Forum gibt...)

**DFYX** · 11.09.2009 00:44

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?

**Niji-chan** · 11.09.2009 02:46

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

**treeghost** · 11.09.2009 03:32

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.

**VD3???** · 11.09.2009 16:11

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

**Spark Amandil** · 11.09.2009 16:27

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)

**VD3???** · 11.09.2009 16:40

keine sorge hatte ich auch vor^^

**VD3???** · 23.09.2009 19:07

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^^

**Spark Amandil** · 23.09.2009 20:14

gut != kostenlos

**Drakes** · 23.09.2009 21:15

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

IMO

**VD3???** · 23.09.2009 22:01

hm danke schön leute^^

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

**Spark Amandil** · 23.09.2009 22:33

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.

**VD3???** · 24.09.2009 19:36

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^^

FF · 24.09.2009 19:48

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

**VD3???** · 29.09.2009 14:52

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

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.

**Spark Amandil** · 29.09.2009 16:11

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.

**Xardas der Dunkle** · 29.09.2009 18:35

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.

**VD3???** · 29.09.2009 19:21

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?

**treeghost** · 01.10.2009 22:02

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.

Thema: Fragen zu iFrames, Tabellen und anderen Sachen

Themen-Optionen

Anzeige

Fragen zu iFrames, Tabellen und anderen Sachen

Berechtigungen