Auf Thema antworten 2026

Beitrag

<blockquote data-quote="sinnerdash" data-source="post: 1037581">AW: problem mit website - &quot;verschiebt&quot; sich alles&quot;Hi, dein Design ist nicht ganz durchdacht. Vor allem der große Leere Bereich oben. Aber mir ging es anfangs genau so :lol:Versuchs mal Hiermit:HTML-Teil:----------&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=iso-8859-1&quot; /&gt;&lt;title&gt;Porki Online 5 8 10 12&lt;/title&gt;&lt;link href=&quot;main.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media/&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;mainframe&quot;&gt;&nbsp; &lt;div id=&quot;navigation&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;buttoncontainer&quot;&gt;&lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a id=&quot;homebutton&quot; href=&quot;Index.html&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div id=&quot;placeholder1&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;-&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a id=&quot;uebermichbutton&quot; href=&quot;uebermich.html&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;&amp;Uuml;ber mich&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div id=&quot;placeholder2&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;-&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a id=&quot;partypicsbutton&quot; href=&quot;partypics.html&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;Party Pics&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div id=&quot;placeholder3&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;-&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a id=&quot;sonstigepicsbutton&quot; href=&quot;wacken07festival.html&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;Sontige Pics&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;div id=&quot;placeholder4&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;-&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a id=&quot;neuesbutton&quot; href=&quot;klasse.html&quot;&gt;&lt;span class=&quot;hidden&quot;&gt;Neues&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;navigationbildunten&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;div class=&quot;textcontent&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Hier kommt dein Inhalt rein, egal wie viel&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;CSS-Part (im Stammordner eine Datei erstellen: main.css):----------------------------------------------------------body {&nbsp; &nbsp; background-color: #FFFFFF;&nbsp; &nbsp; margin: 0px;}#mainframe {&nbsp; &nbsp; width: 1280px;&nbsp; &nbsp; background-image: url(Bilder/Index_01.png);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; float: left;&nbsp; &nbsp; display: block;}#mainframe #navigation {&nbsp; &nbsp; width: 212px;&nbsp; &nbsp; float: left;&nbsp; &nbsp; background-image: url(Bilder/Index_02.png);&nbsp; &nbsp; background-repeat:no-repeat;&nbsp; &nbsp; color: #FFFFFF;&nbsp; &nbsp; margin-top: 368px;}#navigation ul,#navigation ol,#navigation li {&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; display: inline;&nbsp; &nbsp; margin: 0px;&nbsp; &nbsp; padding: 0px;}#navigation #buttoncontainer {&nbsp; &nbsp; float: right;&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; margin: 0px;}#navigation #buttoncontainer #placeholder1 {&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: 11px;&nbsp; &nbsp; background-image: url(Bilder/Index_05.png);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; overflow: hidden;}#navigation #buttoncontainer #placeholder2 {&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: 13px;&nbsp; &nbsp; background-image: url(Bilder/Index_08.png);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; overflow: hidden;}#navigation #buttoncontainer #placeholder3 {&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: 15px;&nbsp; &nbsp; background-image: url(Bilder/Index_10.png);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; overflow: hidden;}#navigation #buttoncontainer #placeholder4 {&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: 14px;&nbsp; &nbsp; background-image: url(Bilder/Index_12.png);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; overflow: hidden;}#navigation #buttoncontainer #homebutton {&nbsp; &nbsp; background-image: url(Bilder/webvorschlag2_03.png);&nbsp; &nbsp; height: 43px;&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; float: left;&nbsp; &nbsp; background-repeat: no-repeat;}#navigation #buttoncontainer #uebermichbutton {&nbsp; &nbsp; background-image: url(Bilder/webvorschlag2_06.png);&nbsp; &nbsp; height: 43px;&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; float: left;&nbsp; &nbsp; background-repeat: no-repeat;}#navigation #buttoncontainer #partypicsbutton {&nbsp; &nbsp; background-image: url(Bilder/webvorschlag2_09.png);&nbsp; &nbsp; height: 43px;&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; float: left;&nbsp; &nbsp; background-repeat: no-repeat;}#navigation #buttoncontainer #sonstigepicsbutton {&nbsp; &nbsp; background-image: url(Bilder/webvorschlag2_11.png);&nbsp; &nbsp; height: 43px;&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; float: left;&nbsp; &nbsp; background-repeat: no-repeat;}#navigation #buttoncontainer #neuesbutton {&nbsp; &nbsp; background-image: url(Bilder/webvorschlag2_13.png);&nbsp; &nbsp; height: 43px;&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; display: block;&nbsp; &nbsp; float: left;&nbsp; &nbsp; background-repeat: no-repeat;}#navigation #buttoncontainer .hidden {&nbsp; &nbsp; display: none;}#navigation #buttoncontainer .navigationbildunten {&nbsp; &nbsp; background-image:url(Bilder/Index_14.png);&nbsp; &nbsp; height: 388px;&nbsp; &nbsp; float: left;&nbsp; &nbsp; width: 166px;}#mainframe .textcontent {&nbsp; &nbsp; float: left;&nbsp; &nbsp; width: 1000px;&nbsp; &nbsp; margin-top: 368px;&nbsp; &nbsp; padding-left: 25px;&nbsp; &nbsp; padding-right: 25px;&nbsp; &nbsp; background-color: #FFFFFF;}</blockquote>

[QUOTE="sinnerdash, post: 1037581"] [b]AW: problem mit website - "verschiebt" sich alles"[/b] Hi, dein Design ist nicht ganz durchdacht. Vor allem der große Leere Bereich oben. Aber mir ging es anfangs genau so :lol: Versuchs mal Hiermit: HTML-Teil: ---------- <!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=iso-8859-1" /> <title>Porki Online 5 8 10 12</title> <link href="main.css" rel="stylesheet" type="text/css" media/> </head> <body> <div id="mainframe"> <div id="navigation"> <div id="buttoncontainer"><ul> <li><a id="homebutton" href="Index.html">Home</a></li> <li><div id="placeholder1">-</div></li> <li><a id="uebermichbutton" href="uebermich.html">Über mich</a></li> <li><div id="placeholder2">-</div></li> <li><a id="partypicsbutton" href="partypics.html">Party Pics</a></li> <li><div id="placeholder3">-</div></li> <li><a id="sonstigepicsbutton" href="wacken07festival.html">Sontige Pics</a></li> <li><div id="placeholder4">-</div></li> <li><a id="neuesbutton" href="klasse.html">Neues</a></li> </ul> <div class="navigationbildunten"></div> </div> </div> <div class="textcontent"> Hier kommt dein Inhalt rein, egal wie viel </div> </div> </body> </html> CSS-Part (im Stammordner eine Datei erstellen: main.css): ---------------------------------------------------------- body { background-color: #FFFFFF; margin: 0px; } #mainframe { width: 1280px; background-image: url(Bilder/Index_01.png); background-repeat: no-repeat; float: left; display: block; } #mainframe #navigation { width: 212px; float: left; background-image: url(Bilder/Index_02.png); background-repeat:no-repeat; color: #FFFFFF; margin-top: 368px; } #navigation ul,#navigation ol,#navigation li { list-style: none; display: inline; margin: 0px; padding: 0px; } #navigation #buttoncontainer { float: right; width: 166px; margin: 0px; } #navigation #buttoncontainer #placeholder1 { width: 166px; float: left; height: 11px; background-image: url(Bilder/Index_05.png); background-repeat: no-repeat; overflow: hidden; } #navigation #buttoncontainer #placeholder2 { width: 166px; float: left; height: 13px; background-image: url(Bilder/Index_08.png); background-repeat: no-repeat; overflow: hidden; } #navigation #buttoncontainer #placeholder3 { width: 166px; float: left; height: 15px; background-image: url(Bilder/Index_10.png); background-repeat: no-repeat; overflow: hidden; } #navigation #buttoncontainer #placeholder4 { width: 166px; float: left; height: 14px; background-image: url(Bilder/Index_12.png); background-repeat: no-repeat; overflow: hidden; } #navigation #buttoncontainer #homebutton { background-image: url(Bilder/webvorschlag2_03.png); height: 43px; width: 166px; display: block; float: left; background-repeat: no-repeat; } #navigation #buttoncontainer #uebermichbutton { background-image: url(Bilder/webvorschlag2_06.png); height: 43px; width: 166px; display: block; float: left; background-repeat: no-repeat; } #navigation #buttoncontainer #partypicsbutton { background-image: url(Bilder/webvorschlag2_09.png); height: 43px; width: 166px; display: block; float: left; background-repeat: no-repeat; } #navigation #buttoncontainer #sonstigepicsbutton { background-image: url(Bilder/webvorschlag2_11.png); height: 43px; width: 166px; display: block; float: left; background-repeat: no-repeat; } #navigation #buttoncontainer #neuesbutton { background-image: url(Bilder/webvorschlag2_13.png); height: 43px; width: 166px; display: block; float: left; background-repeat: no-repeat; } #navigation #buttoncontainer .hidden { display: none; } #navigation #buttoncontainer .navigationbildunten { background-image:url(Bilder/Index_14.png); height: 388px; float: left; width: 166px; } #mainframe .textcontent { float: left; width: 1000px; margin-top: 368px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; } [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?