Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Momo22m" data-source="post: 1485702" data-attributes="member: 421106">AW: suche tutorial wie sich php-datein ihn einen content laden lassennee ich habes so Das ist die index.php[HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;Pixxel-Design&lt;/title&gt;&lt;link href=&quot;css/style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;&lt;/head&gt;&lt;body&gt;&nbsp;&nbsp; &lt;div id=&quot;container&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp;&nbsp; &lt;a href=&quot;index.php&quot; id=&quot;logo&quot; class=&quot;noText&quot; title=&quot;www.pixxel-design.eu&quot;&gt;Pixxel Design&lt;/a&gt;&nbsp; &nbsp; &nbsp; &lt;ul id=&quot;subnavi&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;index.php&quot; class=&quot;startseite noText&quot; title=&quot;Startseite&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;blog noText&quot; title=&quot;Blog&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;links noText&quot; title=&quot;Links&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;kontakt noText&quot; title=&quot;Kontakt&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;impressum noText&quot; title=&quot;Impressum&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul id=&quot;conten1&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;Ich erstelle &lt;a href=&quot;#&quot;&gt;Website&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;Ich erstelle &lt;a href=&quot;#&quot;&gt;Grafiken&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;Ich code &lt;a href=&quot;#&quot;&gt;Website&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul id=&quot;conten2&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;Ich &lt;a href=&quot;#&quot;&gt;Blogge&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;Ich &lt;a href=&quot;#&quot;&gt;Twitter&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;Ich hilfe &lt;a href=&quot;#&quot;&gt;Dir&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;!-- end of header --&gt;&nbsp; &nbsp;&nbsp; &lt;ul id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;leistung.php&quot; class=&quot;noText&quot;&gt;Leistung&lt;/a&gt;&nbsp; &nbsp; &nbsp;&nbsp; Ihr kannst du nach Lesen was ich für dich machen kann.&lt;/li&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;portfolio.php&quot; class=&quot;noText&quot;&gt;Portfolio&lt;/a&gt;&nbsp; &nbsp; &nbsp;&nbsp; Ein Auszug der Arbeiten,die ich gemacht habe dan bist du ihr richtig.&lt;/li&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;noText&quot;&gt;WeBlog&lt;/a&gt;&nbsp; &nbsp; &nbsp;&nbsp; Ich schreibe über interessante Dinge also guckt mal rein.&lt;/li&gt;&nbsp; &nbsp;&nbsp; &lt;/ul&gt; &lt;!-- end of navi --&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;content-box&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;h1 class=&quot;hadline noText&quot;&gt;Herzlich Willkommen bei Pixxel-Design&lt;/h1&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;asasasasasasasasasasasasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&lt;/p&gt;&nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;!-- end of conten-box --&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;h2 class=&quot;uber noText&quot;&gt;Über Mich&lt;/h2&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;Hallo erst mal ich bin der Morris Schüttensack bin 22 jahre alt.&lt;/p&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt; Ich lebe ihn ein Dorf nammens Körner Mein liebling Hobby&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ist Design und coden. &lt;/p&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;Da her hab ich diese Seite auf gemacht&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; um mein Hobby für euch zu bereit zu stellen.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;Ja wollt ihr mehr wissen dann Fragt mich.&lt;/p&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;h3 class=&quot;kontakt noText&quot;&gt;Meine Kontakdaten&lt;/h3&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;&lt;br /&gt;Körner 99998&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;br /&gt; Korngasse 5&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;Tel: + 49 (0)17658240586 &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; E-mail: &lt;a href=&quot;mailto:webmaster@pixxel-design.eu&quot;&gt;webmaster@pixxel-design.eu&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;ICQ: 378900051 &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; XFire: momo19m &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; MSN: morris27@live.de &lt;br /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Skype: momo_2&lt;/p&gt;&nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;!-- end of sidebar --&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;footer&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;spalte&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;asasasasasas&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;spalte&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;asasasasasas&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;spalte2 noMargin&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;test&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;test&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;test&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;test&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;test&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;test&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;clear&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h4&gt;Copyright &amp;copy; 2010 by Pixel Design &amp;bull; Morris Schüttensack &lt;a href=&quot;#&quot;&gt;&amp;bull; Datenschutzerklarung&lt;/a&gt;&lt;/h4&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&nbsp; &lt;!-- end of footer --&gt;&nbsp;&nbsp; &lt;/div&gt;&nbsp; &lt;!-- end of contener --&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]das ist die css---------------------------------------------------------------------[HTML]@charset &quot;utf-8&quot;;/* CSS Document */* {&nbsp; &nbsp; margin:0;&nbsp; &nbsp; padding:0;&nbsp; &nbsp; border:0;&nbsp; &nbsp; }&nbsp; &nbsp; .noText {&nbsp; &nbsp; text-indent:-99999999px;&nbsp; &nbsp; color:#000;&nbsp; &nbsp; font-size:1px;&nbsp; &nbsp; overflow:hidden;}&nbsp; &nbsp; .clear {&nbsp; &nbsp; float:none;&nbsp; &nbsp; clear:both;&nbsp; &nbsp; }&nbsp; &nbsp; .noMargin {&nbsp; &nbsp; margin:0;&nbsp; &nbsp; !important;&nbsp; &nbsp; }&nbsp; &nbsp; h2&nbsp; {&nbsp; &nbsp; margin:0 0 12px 0;&nbsp; &nbsp; }&nbsp; &nbsp; p&nbsp;&nbsp; {&nbsp; &nbsp; margin:0 0 0.8em 0;&nbsp; &nbsp; }&nbsp; &nbsp; body {&nbsp; &nbsp; background:#000;&nbsp; &nbsp; font:62,5%/1.8em Arial, Helvetica, sans-serif Verdana, Geneva, sans-serif; color:#bbb;&nbsp; &nbsp; }&nbsp; &nbsp; div#container {&nbsp; &nbsp; width:960px;&nbsp; &nbsp; margin:0 auto;&nbsp; &nbsp; border-top:5px solid #890404;&nbsp; &nbsp; font-size:1.0em;&nbsp; &nbsp; }&nbsp; &nbsp; div#container a {&nbsp; &nbsp; color:#ad0101;&nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; }&nbsp; &nbsp; div#container a:hover {&nbsp; &nbsp; text-decoration:underline;&nbsp; &nbsp; }&nbsp; &nbsp; div#header {&nbsp; &nbsp; width:960px;&nbsp; &nbsp; height:392px;&nbsp; &nbsp; background:url(../Bilder/bg-header.png) 0 0 no-repeat;&nbsp; &nbsp; position:relative;&nbsp; &nbsp; }&nbsp; &nbsp; div#header a#logo {&nbsp; &nbsp; width:260px;&nbsp; &nbsp; height:73px;&nbsp; &nbsp; display:block;&nbsp; &nbsp; position:absolute;&nbsp; &nbsp; top:36px;&nbsp; &nbsp; left:30px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#subnavi {&nbsp; &nbsp; list-style:none;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#subnavi li a {&nbsp; &nbsp; height:36px;&nbsp; &nbsp; display:block;&nbsp; &nbsp; background:url(../Bilder/bg-subnavi.png) no-repeat;&nbsp; &nbsp; position:absolute;&nbsp; &nbsp; top:47px;&nbsp; &nbsp; width: 2862494px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#subnavi li a.startseite {&nbsp; &nbsp; width:103px;&nbsp; &nbsp; background-position:0 0;&nbsp; &nbsp; left:340px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#subnavi li a.blog {&nbsp; &nbsp; width:55px;&nbsp; &nbsp; background-position:0 -36px;&nbsp; &nbsp; left:486px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#subnavi li a.links {&nbsp; &nbsp; width:62px;&nbsp; &nbsp; background-position:0 -72px;&nbsp; &nbsp; left:586px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#subnavi li a.kontakt {&nbsp; &nbsp; width:85px;&nbsp; &nbsp; background-position:0 -108px;&nbsp; &nbsp; left:693px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#subnavi li a.impressum {&nbsp; &nbsp; width:116px;&nbsp; &nbsp; background-position:0 -144px;&nbsp; &nbsp; left:821px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#subnavi li a:hover,div#header ul#subnavi li.active a {&nbsp; &nbsp; background:none;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#conten1,div#header ul#conten2 {&nbsp; &nbsp; list-style:none;&nbsp; &nbsp; position:absolute;&nbsp; &nbsp; top:182px;&nbsp; &nbsp; font-size:1.1em;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#conten1 {&nbsp; &nbsp; left:400px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#conten2 {&nbsp; &nbsp; left:670px;&nbsp; &nbsp; }&nbsp; &nbsp; div#header ul#conten1 li,div#header ul#conten2 li {&nbsp; &nbsp; margin:0 0 1em;&nbsp; &nbsp; padding:0 0 0 20px;&nbsp; &nbsp; background:url(../Bilder/li-header.gif) 0 3px no-repeat;&nbsp; &nbsp; color:#FFF;}&nbsp; &nbsp; ul#navi {&nbsp; &nbsp; width:960px;&nbsp; &nbsp; height:112px;&nbsp; &nbsp; background:url(../Bilder/bg-navi.jpg) 0 0 no-repeat;&nbsp; &nbsp; position:relative;&nbsp; &nbsp; list-style:none;&nbsp; &nbsp; color:#000000;&nbsp; &nbsp; padding:23px 0 0 0;&nbsp; &nbsp; }&nbsp; &nbsp; ul#navi li {&nbsp; &nbsp; width:260px;&nbsp; &nbsp; height:110px;&nbsp; &nbsp; float:left;&nbsp; &nbsp; margin:-11px 29px;&nbsp; &nbsp; }&nbsp; &nbsp; ul#navi li a {&nbsp; &nbsp; height:48px;&nbsp; &nbsp; display:block;&nbsp; &nbsp; margin:0 0 10px 0;&nbsp; &nbsp; }&nbsp; &nbsp; ul#navi li a:hover,ul#navi li active a {&nbsp; &nbsp; background:none;&nbsp; &nbsp; }&nbsp; &nbsp; div#content-box {&nbsp; &nbsp; width:580px;&nbsp; &nbsp; padding:0 30px 30px;&nbsp; &nbsp; float:left;&nbsp; &nbsp; }&nbsp; &nbsp; div#content-box h1 {&nbsp; &nbsp; width:580px;&nbsp; &nbsp; height:155px;&nbsp; &nbsp; background:url(../Bilder/bg-hadline.png) no-repeat;&nbsp; &nbsp; display:block;&nbsp; &nbsp; }&nbsp; &nbsp; div#content-box h1.hadline {&nbsp; &nbsp; background-position:0 0;&nbsp; &nbsp; }&nbsp; &nbsp; div#sidebar {&nbsp; &nbsp; width:318px;&nbsp; &nbsp; padding:32px 0 30px;&nbsp; &nbsp; background:url(../Bilder/bg-sidebar.png) 0 0 no-repeat;&nbsp; &nbsp; float:left;&nbsp; &nbsp; }&nbsp; &nbsp; div#sidebar p {&nbsp; &nbsp; padding:0 40px;&nbsp; &nbsp; }&nbsp; &nbsp; div#sidebar h2 {&nbsp; &nbsp; width:318px;&nbsp; &nbsp; height:66px;&nbsp; &nbsp; background:url(../Bilder/bg-h2.png) no-repeat;&nbsp; &nbsp; display:block;&nbsp; &nbsp; }&nbsp; &nbsp; div#sidebar h3 {&nbsp; &nbsp; width:318px;&nbsp; &nbsp; height:96px;&nbsp; &nbsp; background:url(../Bilder/bg-h2.png) no-repeat;&nbsp; &nbsp; display:block;&nbsp; &nbsp; }&nbsp; &nbsp; div#sidebar h2.uber {&nbsp; &nbsp; background-position:0 0;&nbsp; &nbsp; }&nbsp; &nbsp; div#sidebar h3.kontakt {&nbsp; &nbsp; background-position:0 -66px;&nbsp; &nbsp; }&nbsp; &nbsp; div#footer {&nbsp; &nbsp; width:903px;&nbsp; &nbsp; height:200px;&nbsp; &nbsp; background:url(../Bilder/bg-footer.png) 0 0 no-repeat;&nbsp; &nbsp; margin:0 0 30px 0;&nbsp; &nbsp; padding:65px 30px 0;&nbsp; &nbsp; }&nbsp; &nbsp; div#footer div.spalte{&nbsp; &nbsp; width:260px;&nbsp; &nbsp; margin:0 60px 0px 0px;&nbsp; &nbsp; float:left;&nbsp; &nbsp; }&nbsp; &nbsp; div#footer div.spalte2 {&nbsp; &nbsp; width:260px;&nbsp; &nbsp; margin:0 -15px 0 0 0;&nbsp; &nbsp; float:right;&nbsp; &nbsp; }&nbsp; &nbsp; div#footer div.spalte2 ul {&nbsp; &nbsp; width:260px;&nbsp; &nbsp; height:60px;&nbsp; &nbsp; list-style:none;&nbsp; &nbsp; }&nbsp; &nbsp; div#footer div.spalte2 ul li {&nbsp; &nbsp; width:100px;&nbsp; &nbsp; height:30px;&nbsp; &nbsp; float:left;&nbsp; &nbsp; padding:3px 0 2px 30px;&nbsp; &nbsp; }&nbsp; &nbsp; div#footer h4 {&nbsp; &nbsp; margin:70px 0 0 0;}[/HTML]so jetzt will ich ihn die conten-box die inhalten rein laden lassen was so anlich sein soll wie mit iframe ihr ein beispiel &lt;map name=&quot;Map&quot; id=&quot;Map&quot;&gt;&lt;area shape=&quot;rect&quot; coords=&quot;374,467,555,492&quot; href=&quot;home.html&quot; /&gt; so und im conten war dann der ifram mit der id map so worte dan der inhalt ihn den conten rein geladen wen man ein button druckt sagen wir bist auf der startseite und will auf portfolio und klickst drauf dan wirt die datei portfolio.php in den conten geladen nur will ich das nicht mit iframe machen ist ja out und bei php musste docha uch so was geben nutz ja webspell auch dort heißt ja der link index.php?page=portfolio oder so damit lad man das ja dan rein das will ich gerne auch machen so das ich nur 3-5 php datei machen muss mit nur den inhalt mehr nicht hoffe konnt mir jetzt folgen</blockquote>

[QUOTE="Momo22m, post: 1485702, member: 421106"] [b]AW: suche tutorial wie sich php-datein ihn einen content laden lassen[/b] nee ich habes so Das ist die index.php [HTML]<!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>Pixxel-Design</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="container"> <div id="header"> <a href="index.php" id="logo" class="noText" title="www.pixxel-design.eu">Pixxel Design</a> <ul id="subnavi"> <li class="active"><a href="index.php" class="startseite noText" title="Startseite"></a></li> <li><a href="#" class="blog noText" title="Blog"></a></li> <li><a href="#" class="links noText" title="Links"></a></li> <li><a href="#" class="kontakt noText" title="Kontakt"></a></li> <li><a href="#" class="impressum noText" title="Impressum"></a></li> </ul> <ul id="conten1"> <li>Ich erstelle <a href="#">Website</a></li> <li>Ich erstelle <a href="#">Grafiken</a></li> <li>Ich code <a href="#">Website</a></li> </ul> <ul id="conten2"> <li>Ich <a href="#">Blogge</a></li> <li>Ich <a href="#">Twitter</a></li> <li>Ich hilfe <a href="#">Dir</a></li> </ul> </div>  <ul id="navi"> <li><a href="leistung.php" class="noText">Leistung</a> Ihr kannst du nach Lesen was ich für dich machen kann.</li> <li><a href="portfolio.php" class="noText">Portfolio</a> Ein Auszug der Arbeiten,die ich gemacht habe dan bist du ihr richtig.</li> <li><a href="#" class="noText">WeBlog</a> Ich schreibe über interessante Dinge also guckt mal rein.</li> </ul>  <div id="content-box"> <h1 class="hadline noText">Herzlich Willkommen bei Pixxel-Design</h1> asasasasasasasasasasasasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div>  <div id="sidebar"> <h2 class="uber noText">Über Mich</h2> Hallo erst mal ich bin der Morris Schüttensack bin 22 jahre alt. Ich lebe ihn ein Dorf nammens Körner Mein liebling Hobby ist Design und coden. Da her hab ich diese Seite auf gemacht um mein Hobby für euch zu bereit zu stellen. Ja wollt ihr mehr wissen dann Fragt mich. <h3 class="kontakt noText">Meine Kontakdaten</h3> Körner 99998 Korngasse 5 Tel: + 49 (0)17658240586 E-mail: <a href="mailto:webmaster@pixxel-design.eu">webmaster@pixxel-design.eu</a> ICQ: 378900051 XFire: momo19m MSN: morris27@live.de Skype: momo_2 </div>  <div class="clear"></div> <div id="footer"> <div class="spalte"> asasasasasas </div> <div class="spalte"> asasasasasas </div> <div class="spalte2 noMargin"> <ul> <li>test</li> <li>test</li> <li>test</li> <li>test</li> <li>test</li> <li>test</li> </ul> </div> <div class="clear"> </div> <h4>Copyright © 2010 by Pixel Design • Morris Schüttensack <a href="#">• Datenschutzerklarung</a></h4> </div>  </div>  </body> </html> [/HTML] das ist die css --------------------------------------------------------------------- [HTML]@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; border:0; } .noText { text-indent:-99999999px; color:#000; font-size:1px; overflow:hidden;} .clear { float:none; clear:both; } .noMargin { margin:0; !important; } h2 { margin:0 0 12px 0; } p { margin:0 0 0.8em 0; } body { background:#000; font:62,5%/1.8em Arial, Helvetica, sans-serif Verdana, Geneva, sans-serif; color:#bbb; } div#container { width:960px; margin:0 auto; border-top:5px solid #890404; font-size:1.0em; } div#container a { color:#ad0101; text-decoration:none; } div#container a:hover { text-decoration:underline; } div#header { width:960px; height:392px; background:url(../Bilder/bg-header.png) 0 0 no-repeat; position:relative; } div#header a#logo { width:260px; height:73px; display:block; position:absolute; top:36px; left:30px; } div#header ul#subnavi { list-style:none; } div#header ul#subnavi li a { height:36px; display:block; background:url(../Bilder/bg-subnavi.png) no-repeat; position:absolute; top:47px; width: 2862494px; } div#header ul#subnavi li a.startseite { width:103px; background-position:0 0; left:340px; } div#header ul#subnavi li a.blog { width:55px; background-position:0 -36px; left:486px; } div#header ul#subnavi li a.links { width:62px; background-position:0 -72px; left:586px; } div#header ul#subnavi li a.kontakt { width:85px; background-position:0 -108px; left:693px; } div#header ul#subnavi li a.impressum { width:116px; background-position:0 -144px; left:821px; } div#header ul#subnavi li a:hover, div#header ul#subnavi li.active a { background:none; } div#header ul#conten1, div#header ul#conten2 { list-style:none; position:absolute; top:182px; font-size:1.1em; } div#header ul#conten1 { left:400px; } div#header ul#conten2 { left:670px; } div#header ul#conten1 li, div#header ul#conten2 li { margin:0 0 1em; padding:0 0 0 20px; background:url(../Bilder/li-header.gif) 0 3px no-repeat; color:#FFF;} ul#navi { width:960px; height:112px; background:url(../Bilder/bg-navi.jpg) 0 0 no-repeat; position:relative; list-style:none; color:#000000; padding:23px 0 0 0; } ul#navi li { width:260px; height:110px; float:left; margin:-11px 29px; } ul#navi li a { height:48px; display:block; margin:0 0 10px 0; } ul#navi li a:hover, ul#navi li active a { background:none; } div#content-box { width:580px; padding:0 30px 30px; float:left; } div#content-box h1 { width:580px; height:155px; background:url(../Bilder/bg-hadline.png) no-repeat; display:block; } div#content-box h1.hadline { background-position:0 0; } div#sidebar { width:318px; padding:32px 0 30px; background:url(../Bilder/bg-sidebar.png) 0 0 no-repeat; float:left; } div#sidebar p { padding:0 40px; } div#sidebar h2 { width:318px; height:66px; background:url(../Bilder/bg-h2.png) no-repeat; display:block; } div#sidebar h3 { width:318px; height:96px; background:url(../Bilder/bg-h2.png) no-repeat; display:block; } div#sidebar h2.uber { background-position:0 0; } div#sidebar h3.kontakt { background-position:0 -66px; } div#footer { width:903px; height:200px; background:url(../Bilder/bg-footer.png) 0 0 no-repeat; margin:0 0 30px 0; padding:65px 30px 0; } div#footer div.spalte{ width:260px; margin:0 60px 0px 0px; float:left; } div#footer div.spalte2 { width:260px; margin:0 -15px 0 0 0; float:right; } div#footer div.spalte2 ul { width:260px; height:60px; list-style:none; } div#footer div.spalte2 ul li { width:100px; height:30px; float:left; padding:3px 0 2px 30px; } div#footer h4 { margin:70px 0 0 0;}[/HTML] so jetzt will ich ihn die conten-box die inhalten rein laden lassen was so anlich sein soll wie mit iframe ihr ein beispiel <map name="Map" id="Map"><area shape="rect" coords="374,467,555,492" href="home.html" /> so und im conten war dann der ifram mit der id map so worte dan der inhalt ihn den conten rein geladen wen man ein button druckt sagen wir bist auf der startseite und will auf portfolio und klickst drauf dan wirt die datei portfolio.php in den conten geladen nur will ich das nicht mit iframe machen ist ja out und bei php musste docha uch so was geben nutz ja webspell auch dort heißt ja der link index.php?page=portfolio oder so damit lad man das ja dan rein das will ich gerne auch machen so das ich nur 3-5 php datei machen muss mit nur den inhalt mehr nicht hoffe konnt mir jetzt folgen [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?