Beiträge von Jopo

Jopo · 19. April 2015

Danke für die schnelle Antwort!
Den Link den mir Nitamud geschickt hat hat mir sehr geholfen. Werde es jetzt mit .hhtcacess machen.

Basi danke für die Info werde mich jetzt auch in dieser Richtung informieren

wolf Und wolf danke für deinen Link habe ich jetzt gemacht.
So fühle ich mich einfach sicherer

Danke Jungs.

LG Jopo

Jopo · 19. April 2015

Hey Ich habe mal eine Frage. Ich würde gerne meine Quellencode verstecken. Also wenn man sich jemand es anschaut sieht er nicht. Wäre echt gut. Also irgendwas. Der Grund ist ich will meine Css und Java-Scripte vor fremde Blicke schützen. Es gibt ja welche die Die Website ja Quasi Copy und Paste Sache machen und dann und in ihrem Webspace hochladen. Und dann sagen es wäre ihre Website.
Deswegen frage ich ja auch.
Habe auch gehört das es schwer sein soll.
Hoffe ihr habt was wäre Perfekt!

LG Jopo

Jopo · 14. April 2015

Danke ich werde mal darüber arbeiten. Ich danke euch schonmal.

Basi

Das mit den komischen Css Zeile meinte ich ja oben mit dem Menü fehler
War ein Denkfehler

Sonst danke ich euch nochmal wer noch Meinungen und Vorschläge hat immerher damit

LG Jopo

Hinzugefügt:
Das mit Copyright wusste ich noch nicht aber danke.
Werde es dann mal weg machen.
Ich schau dann ob der Footer leer bleibt oder was drinnen steht.

LG Jopo

Jopo · 13. April 2015

Hey Ich habe heute ein altes Projekt von mir gefunden.
Habe überlegt ob ich es zu Ende mache. Hatte aufgehört weil ich längere Zeit keinen PC mehr hatte. 3 Monate ungefähr. Hatte vergessen das ich so ein Projekt hatte.
Wollte paar Meinungen Sammeln.
Nehme mir das dann zu Herzen und schau ob ich es umsetzen kann. Ich habe die Homepage Responsive Gestaltet. Habe nur ein kleine Menü gemacht werde es noch bald fixen damit es passt ihr werdet merken was ich meine
Aber Sie ist noch momentan im Roh Bau.

Das ist meine erste Homepage. Achtung sie ist nicht fertig!
deutscheradler.1x.de

Freue mich auf die Kritik. Und Tipps.

Liebe Grüße Jopo

Jopo · 25. Januar 2015

Jo da bin ich wieder.
Ich zeich euch mal den HTML und CSS Code.
Ich versuche beim Drop Down Menü folgendes:
...
...
...
<nav>
<ul>
<li>
<a href"#">Hauptkategorie</a>
<ul>
<li>
<a href="#">Unterkategorie</a>
<ul>
<li>
<a href="#">Hatl etwas</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
...
...
...

Ansich geht es ja aber die überlagern sich
Die Unterkategorie überlagert sich dann über Hauptkategorie.
Das will ich nicht.Wewiß jemand wie man das behbenkann?

Jetzt kommt der richtige Quellencode:

HTML

<!DOCTYPE html>
<html>
	<head>
		<title>SpieleHelfer.1x.de - Startseite</title>
		<link href="style.css" rel="stylesheet" type="text/css">
	</head>
	<body>
		<div id="korper" align="center">
			<div id="kopfbereich" align="center">
				<div id="banner" align="center"></div>
				<div id="navigation" align="center">
						<nav>
							<ul id="menu">
								<li class="navigationdeko">
									<a href="#SpieleHelfer/">Startseite</a>
								</li>		
								<li class="navigationdeko">
                  <a href="#">Viedos</a> 
                  <ul>
                    <li>
                      <a href="#">Konsolen</a>
                      <ul>
                      	<li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                      </ul>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                  </ul>
                </li>
                <li class="navigationdeko">
                  <a href="#">Tutorials</a> 
                  <ul>
                    <li>
                      <a href="#">?????</a>
                      <ul>
                      	<li>
                      <a href="#">?????</a>
                    </li>
                      </ul>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                  </ul>
                </li>
                <li class="navigationdeko">
                  <a href="#">Tipps und Tricks</a> 
                  <ul>
                    <li>
                      <a href="#">?????</a>
                      <ul>
                      	<li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                      </ul>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                  </ul>
                </li>		
								<li class="navigationdeko">
									<a href="#">Gamescom</a> 
									<ul>
										<li>
											<a href="#">?????</a>
											<ul>
												<li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
											</ul>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
									</ul>
								</li>
								<li class="navigationdeko">
									<a href="#">Forum</a> 
									<ul>
										<li>
											<a href="#">?????</a>
											<ul>
												<li>
                      <a href="#">?????</a>
                    </li>
                    <li>
                      <a href="#">?????</a>
                    </li>
											</ul>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
									</ul>
								</li>				
								<li class="navigationdeko">
									<a href="#">Support</a> 
									<ul>
										<li>
											<a href="#">?????</a>
											<ul>
												<li>
                      <a href="#">?????</a>
                    </li>
											</ul>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
									</ul>
								</li>
								<li class="navigationdeko">
									<a href="#">Impressum</a> 
									<ul>
										<li>
											<a href="#">?????</a>
											<ul>
												<li>
                      <a href="#">?????</a>
                    </li>
											</ul>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
										<li>
											<a href="#">?????</a>
										</li>
									</ul>
								</li>
							</ul>
		    			</nav>
					</div>	
				</div>
				<div id="hauptbereich" align="center">
					<div id="linkeseite">
						a
					</div>
					<div class="test"></div>
					<div id="mitte">
						b
					</div>
					<div class="test"></div>
					<div id="rechteseite">
						c
					</div>
				</div>	
			</div>
		</body>
	</html>

Alles anzeigen

CSS

body{
	margin : 0;
	padding : 0;
	background : url(bilder/hintergrund.png);
}




#korper{
	width: 1120px;
	height: 2000px;
}




/*Kopfbereich Anfang*//*Kopfbereich Anfang*//*Kopfbereich Anfang*//*Kopfbereich Anfang*//*Kopfbereich Anfang*/




#kopfbereich{
	width: 1120px;
	height: 275px;
}




#banner{
	width: 1120px;
	height: 200px;
	background : url(bilder/banner.png) no-repeat scroll 0 0/ 100% 100%;
}




/* Menü Anfang *//* Menü Anfang *//* Menü Anfang *//* Menü Anfang *//* Menü Anfang *//* Menü Anfang */




nav {
    clear : both;
	width : 800px;
	height : 65px;
}




nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}




nav ul,nav ul li{
    background-color:#1b1919 ;
	border-color: # FF858585 ;
	border: 1px solid;
}
nav ul li {
    list-style: none;
    float:left;
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: silver;
    padding: 4px 15px 4px 15px;




    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}




nav ul li.navigationdeko:hover a, nav ul li.navigationdeko:hover > ul li a  {
    background-color: # FF2D2D2D ;
}




nav ul li:hover > a {
    color: #FAFAFA;
}
nav ul li:hover > ul {
    visibility: visible;
}




nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav ul li ul li{
	float: none;
}
nav ul li ul li a {
    color: #FAFAFA;
}
nav ul li ul li a:hover{
	color: #333;
	background-color: #FAFAFA !important;
} 




#navigation{
	position: relative;
	width: 800px;
	height: 65px;
}
/*Menü Ende*//* Menü Ende *//* Menü Ende *//* Menü Ende *//* Menü Ende *//* Menü Ende *//* Menü Ende */
/*Kopfbereich Ende*//*Kopfbereich Ende*//*Kopfbereich Ende*//*Kopfbereich Ende*//*Kopfbereich Ende*/




/*Hauptbereich Anfang*//*Hauptbereich Anfang*//*Hauptbereich Anfang*//*Hauptbereich Anfang*//*Hauptbereich Anfang*/
#hauptbereich{
	width: 1120px;
	height: 1500px;
}
#mitte{
	float: left;
	display: block;
	border: 3px solid;
	border-radius: 15px;
	border-color: #e3e3e3;
	background: #9d9d9d;
	width: 480px;
	height: 1500px;
}




#linkeseite{
	float: left;
	display: block;
	border: 3px solid;
	border-radius: 15px;
	border-color: #636262;
	background: #464646;
	width: 300px;
	height: 1500px;
}
#linkeseite form{
	margin : 0px;
	padding : 0px;
}
#rechteseite{
	float: left;
	display: block;
	border: 3px solid;
	border-radius: 15px;
	border-color: #636262;
	background: #464646;
	width: 300px;
	height: 1500px;
}
#rechteseite form{
	margin : 0px;
	padding : 0px;
}
.test{
	float: left;
	display: block;
	margin-top: 15px;
	background: url(bilder/platzhalter.jpg) no-repeat scroll 0 0/ 98.75% 98.75%;
	width: 10px;
	height: 1500px;
}
.test form{
	margin : 0px;
	padding : 0px;
}
/*Hauptbereich Ende*//*Hauptbereich Ende*//*Hauptbereich Ende*//*Hauptbereich Ende*//*Hauptbereich Ende*/

Alles anzeigen

Danke im Voraus

Jopo · 25. Januar 2015

Ich tues gleich mal ausprobieren
Danke

Jopo · 25. Januar 2015

Hi!
Ich hatte mal ein Banner (Noch nicht fertig) für meine neue zweite Website gemacht.
Als ich es testen wollte stimmt irgendewtas nicht.
Das Bild wird nicht komplett angezeigt.
Es ist nur ein Teil vom Bild zu sehen.
Habe eine .zip angehängt einfach downloaden und euch es anschauen.
Im .zip ist alles was ich bis jetzt für meine zweite Website erstellt habe.
Also nicht viel.
Bin gespannt wo ich den Fehler hab.
Danke im Voraus.

Liebe Grüße
Jopo

html-seminar.de/woltlab/attachment/764/

Jopo · 21. Januar 2015

ok dann ist ja gut

Jopo · 20. Januar 2015

Hmm ich selber weiß nicht was am Quellencode falsch dann wäre.Bei mir wird es richtig dargestellt.
Probier es mal so aus
Wenn es dann nicht geht verzweifel ich.:D:D
Liebe Grüße Jopo

HTML

<html>
<head>
<title> Hotel LB </title>
<link rel= "stylesheet" type="text/css" href= "formate.css" >
</head>
<body>
<header>
<p >
<strong> Hotel LB </strong>
</p>
<p >
<a href= "kontakt.html" > Kontakt</a > <br />
<a href= "impressum.html" > Impressum</a>
</p>
</header>
<nav id= "steuerungoben" >
<ul>
<li><a href= "index.html" > Startseite</a > </li>
<li><a href= "ueber-die-website.html" >Vorstellung </a>
<li><a href= "einzelteile.html" > Einzelteile </a> </li>
</ul>
</nav>
<nav id= "steuerunglinks" >
<ul>
<li><a href= "index.htm" > Startseite</a></li>
<li><a href= "ueber-die-website.htm" > &uumlber diese Website </
<ul>
<li><a href= "einzelteile.htm" > Einzelteile </a></li>
<li><a href= "design-verwenden.htm" > Design verwenden </a><
</ul>
</li>
</ul>
</nav>
<aside>
<p><b> Bildersammlung: </b>
<img src= "Bilder/hotel_schrift.jpg" width= "155" height= "116"
alt= "Ansicht vorne" />
<img src= "Bilder/hotel_schriftzug.jpg" width= "155" height= "116"
alt= "Schriftzug" />
<img src= "Bilder/hotelzimmer.jpg" width= "155" height= "116"
alt= "Einer unserer Zimmer" />
</p>
</aside>
<section>
<h1> Hotel LB </h1>
<p>Gutes Hotel! </p>
<p>Leben sie gerne bei uns </p>
<h2> Optionen</h2>
<p> O1 </p>
<ul>
<li> Zimmer</li>
<li> Essen </li>
<li> anderes </li>
<li> anderes </li>
<li> anderes </li>
</ul>
<hr />
<h2> Unser Hotel </h2>
<p>Dieses Hotel ist gut </p>
<p>Dieses Hotel ist sehr sehr gut. </a></p>
<hr />
<h2> Sinn und Zweck dieser Website </h2>
<p>Diese Website dient als Nachbau-Objekt und zum Lernen von HTML
Alle benötigten Einzelteile bekommen Sie auf den Unterseiten. Bea
dass der Hintergrund frei ausgetauscht werden kann. </p>
<p>So - nun viel Spaß daran. </p>
</section>
</body>
</html>

Alles anzeigen

Jopo · 20. Januar 2015

Ich mache es einfach aus Sicherheit.Möchte einfach kein ungewollten Fehler zu lassen.Ich fühle mich so einfach sicherer.
Aber nochmal danke für euere Kritik und Tipps.Die HTML hat nur noch 140 Zeilen.Und ist noch sehr übersichtlich.Einige Kommentare waren wirklich unnötig.
Sorry für das gedive was ihr nicht versteht.
Kenne mich mit HTML5 noch nicht aus.
Werde aber mal im nächstem Monat mal anfangen bisschen zu gucken.

Danke an alle

Jopo · 20. Januar 2015

Jep das bruacht man immer

Jopo · 19. Januar 2015

sicher ist sicher

Jopo · 19. Januar 2015

Danke für euere Kommentare.Habe die Struktur mehr angepasst.Bei den Stellen mit den vielen div's sind wichtig.Zum richtigen darstellen.Aber danke :p

Jopo · 19. Januar 2015

Würde gerne wissen ob ich die html Übersichtlichkeit gestaltet habe.Ich denke schon.

HTML

<!--
	Website erstellt von Nikolas Thiel.
-->




<!DOCTYPE html>




<!--
Anfang vom HTML
-->




<html>
	<head>

<!--
 Anfang vom Titel 
 -->

		<title>
			Spielehelfer - Startseite
		</title>

<!--
 Ende vom Titel 
 -->

<!--
 Anfang von Meta Tags 
 -->

<!--
Anfang für Meta Tag "Rechte"
-->

		 <meta name="copyright" content=" (c) Nikolas Thiel">
		 <meta name="author" content="Nikolas Thiel">
		 <meta http-equiv="imagetoolbar" content="false">

<!--
Ende für Meta Tag "Rechte"
-->




<!--
Anfang für Spider,Crawler Befehle
-->

		 <meta name="revisit-after" content="14 days">
		 <meta name="robots" content="index,follow">

<!--
Anfang für Spider,Crawler Befehle
-->




<!--
Anfang für Textsprache und Sprache
-->

		 <meta http-equiv="Content-Type" content=
		"text/html; charset=utf-8">
		<meta http-equiv="language" content="deutsch, de">

<!--
Anfang für Textsprache und Sprache
-->




<!--
Anfang für Websitebeschreibung
-->

		 <meta name="audience" content="alle">
		 <meta name="page-topic" content="Download,Tipps und Tricks,Tutorials,Informationen,Spiele Tipps und Tricks">
		<meta name="description" content=
		"Viele Tipps undTricks zu Spielen.Tutorials zu HTML,CSS und vieles mehr.Die perfekte Spiele und Tutorial Website.Startseite von SpieleHelfer.1x.de">
		<meta name="keywords" content=
		"SpieleHelfer.1x.de,Spielehelfer.1x.de,spielehelfer.1x.de,Helfer,helfer,Hilfe,hilfe,Spiel,spiel,Spiele,spiele,Tips,tips,Tipps,tipps,Tipp,tipp,Trick,trick,Tricks,tricks,App,app,Apps,apps,GooglePlay,Googleplay,googleplay,IOS,ios,Android,android,iphone,Iphone,IPhone,IPad,Ipad,ipad,Games,games,HTML,html,CSS,css,PHP,php,Downloads,downloads,Download,download,PSP,psp,PPSSPP,ppsspp,Emulator,emulator,ISO,iso,Gamescon,gamescon,Video,Videos,video,videos,Tutorial,Tutorials,tutorial,tutorials,Website,website,Homepage,homepage,Cheat,cheat,Cheats,cheats, PS3,ps3,ps4,PS4,XBox,Xbox,xbox,Xbox 360,XBox 360,xbox 360,xbox360,Xbox360,XBox360,Ps2,PS1,Ps3,PS1,PS2,ps1,ps2,XBox One,XBox one,Xbox One,Xbox one,xbox One,xbox onePro,pro,Nintendo,nintendoWiiwii,Wii U,wii U,wii u,3ds,3DS,3ds xl,3DS XL"
		 lang="de">




		 
<!--
Enden für Websitebeschreibung
-->

<!--
 Ende von Meta Tags 
 -->


<!-- 
Anfang von CSS Datein 
-->

		<link href="http://localhost:8080/css/style.css" rel="stylesheet" type=
		"text/css">
		<link href="http://localhost:8080/css/bildoptimierung.css" rel="stylesheet" type=
		"text/css">
		<link href="http://localhost:8080/css/menu.css" rel="stylesheet" type="text/css">
		<link href="http://localhost:8080/css/platzhalter.css" rel="stylesheet" type=
		"text/css">
		<link href="http://localhost:8080/css/seiten-menu.css" rel="stylesheet" type=
		"text/css">
		<link href="http://localhost:8080/css/suchknopf.css" rel="stylesheet" type=
		"text/css">
		<link href="http://localhost:8080/css/uberschrift.css" rel="stylesheet" type=
		"text/css">
		<link href="http://localhost:8080/css/text.css" rel="stylesheet" type="text/css">
	</head>

<!--
 Ende von CSS Datein 
 -->

<!--
 Anfang vom Oberenbereich
 -->

	<body>
		<div id="templatemo_wrapper_outer">
			<div id="templatemo_banner">
			 <div id="templatemo_banner2">
			</div></div>

<!--
 Ende vom Oberenbereich 
 -->

<!--
 Anfang vom Drop-Down-Menü 
 -->

			<div id="templatemo_menu">
			<nav>
				<ul id="menu">
					<li class="cat1">
						<a href=
						"http://localhost:8080/">Startseite</a>
					</li>

<!--
Anfang vom PlayStation Untermenü
-->

					<li class="cat2">
						<a href="#">PlayStation</a> 
						<ul>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/playstation/ps1.html">PlayStation
								1</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/playsation/ps2.html">PlayStation
								2</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/playstation/ps3.html">PlayStation
								3</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/playstation/ps4.html">PlayStation
								4</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/playstation/psp.html">PlayStation
								Portable</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/playstation/psvita.html">PlayStation
								Vita</a>
							</li>
						</ul>
					</li>

<!--
Ende vom PlayStation Untermenü
-->

<!--
Anfang vom Xbox Untermenü
-->

					<li class="cat3">
						<a href="#">Xbox</a> 
						<ul>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/xbox/xbox.html">Xbox</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/xbox/xbox-360.html">Xbox
								360</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/xbox/xbox-one.html">Xbox
								One</a>
							</li>
						</ul>
					</li>

<!--
Ende vom Xbox Untermenü
-->




<!--
Anfang vom Nintendo Untermenü
-->

					<li class="cat4">
						<a href="#">Nintendo</a> 
						<ul>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/wii.html">Wii</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/wii-u.html">Wii
								U</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/nintendo-3ds.html">Nintendo
								3DS / 3DS XL</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/nintendo-64.html">Nintendo
								64</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/famicon.html">Famicon</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/super-famicon.html">Super
								Famicon</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/game-watch.html">Game
								and Watch</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/virtual-boy.html">Virtual
								Boy</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/gamecube.html">GameCube</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/gameboy.html">Game
								Boy/Advance</a>
							</li>
							<li>
								<a href=
								"http://localhost:8080/html/konsole/nintendo/pokemon-mini.html">Pokemon
								Mini</a>
							</li>
						</ul>

<!--
Ende vom Nintendo Untermenü
-->

					</li>
				</ul>
				</nav>
			</div>

<!--
Ende vom Drop-Down-Menü
-->

<!--
Anfang von der linken Seite
-->

			<div id="templatemo_content_wrapper">
				<div class="templatemo_left_bar margin_right_10">
					<div class="header_01">
						Men&uuml
					</div>

<!--
Anfang vom Menü auf der linken Seite
-->

					<ul>
						<li>
							<a href="http://localhost:8080/html/download/start.html">Downloads</a>
						</li>
						<li>
							<a href=
							"http://localhost:8080/html/gamescon/start.html">Gamescon</a>
						</li>
						<li>
							<a href=
							"http://localhost:8080/html/tutorial/html-css.html">HTML
							CSS</a>
						</li>
						<li>
							<a href="#">Bald verf&uumlgbar!</a>
						</li>
						<li>
							<a href=
							"http://localhost:8080/html/tipps-und-tricks/start.html">Tipps
							und Tricks</a>
						</li>
						<li>
							<a href=
							"http://localhost:8080/html/service/support.html">Support</a>
						</li>
						<li>
							<a href=
							"http://localhost:8080/html/service/donate.html">Donate</a>
						</li>
					</ul>

<!--
Ende vom Menü auf der linken Seite
-->




<div class="margin_bottom_20 horizontal_divider"></div> 
			<div class="margin_bottom_20"></div>

                <div class="cleaner"></div>

<!--
Anfang vom YouTube Video 1
-->




					<div class="latest_news">
						<div class="header_01">
							Kingdom Hearts 3 Trailer
						</div><iframe width="180" height="140" src=
						"https://www.youtube.com/embed/AtLkym8-RXU"
						frameborder="0" allowfullscreen="true" alt=
						"Leider unterst ützt der Browser das Video nicht. :-("></iframe>

						<p>
							Ein Trailer von Kingdom Hearts 3.Wird wohl SquareEnix dieses Jahr mit KH3 Marktf&uumlhrer.
						</p>
					</div>

<!--
Ende vom YouTube Video 1
-->




<div class="margin_bottom_20 horizontal_divider"></div> 
			<div class="margin_bottom_20"></div>

                <div class="cleaner"></div>

<!--
Anfang von der Suchoption
-->

					<div class="header_01">
						Suche
					</div>
					<form id="search" method="get" action=
					"http://localhost:8080/suchen.php">
						<p>
							<input type="text" name="q" id=
							"suchbegriff" value=""> <input type=
							"submit" id="search_button" align=
							"center">
						</p>
					</form>
					<div class="margin_bottom_20"></div>
				</div>

<!--
Ende von der Suchoption
-->




<!--
Ende vom Menü auf der linken Seite
-->




<!--
Anfang vom Mittelstück
-->

				<div class="templatemo_content margin_right_10">
					<div class="content_section">
						 <div class="header_02">
							Herzlich Wilkommen auf meiner Website!
						</div>
						<img src="http://localhost:8080/images/wilkommen.jpg" width="440px"/>					
						<p>
							<span>Hier findest du zu sehr viele
							Spiele Tipps und Tricks und
							Tutorials.Viel Spa&szlig; beim
							durchst&oumlbern.</span></br></br>
						</p>
					</div>

Alles anzeigen

Und so weiter.Was denkt ihr?

Beiträge von Jopo

Quellencode verstecken. Geht das?

Quellencode verstecken. Geht das?

Frage zur Homepage

Frage zur Homepage

Drop Down Menü brauche kleine Hilfe

Hilfe beim Banner.Er will nicht.

Hilfe beim Banner.Er will nicht.

Probleme mit dem Tutorial

Probleme mit dem Tutorial

Frage zum HTML Code

Frage zum HTML Code

Frage zum HTML Code

Frage zum HTML Code

Frage zum HTML Code