Auf Thema antworten 2026

Beitrag

<blockquote data-quote="grinsen" data-source="post: 1725857" data-attributes="member: 500575">AW: Html Seite MenüDas &lt;p&gt; Tag habe ich extra hineingenommen, um die Schrift ordentlich ins Menü mittels Padding zu bekommen. Wenn ich padding auf mein a anwende, verrutschen sogleich meine PressedButton Animationen <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" />Ich habe mir nun mein Projekt auf einen anderen Bildschirm mit anderen Maßen angeschaut und gemerkt das ich meine Seite nur auf meinen jetzigen Bildschirm perfekt ausgerichtet habe.Problem 1: Das Menü soll immer mittig liegen. Mit align:center geht da nichts.Problem 2: die #blackbox und die #greybox sollen 30%/70% ausmachen. Wenn ich die Werte anstatt der px Werte eintrage tut sich nichts und es wird mir gar nichts mehr angezeigt. Wie kann ich das realisieren?HTML[CODE]&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;meta name=&quot;keywords&quot; content=&quot;&quot; /&gt;&lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;&lt;title&gt;Untitled Document&lt;/title&gt;&lt;link href=&quot;MyStyle.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;&lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;menu&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a class=&quot;verw1&quot; href=&quot;about.html&quot;&gt;&lt;p&gt;About&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a class=&quot;verw2&quot; href=&quot;projects.html&quot;&gt;&lt;p&gt;Projects&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;blackbox&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;greybox&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;bodyextended&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/CODE]CSS:[HTML]@charset &quot;utf-8&quot;;/* CSS Document */* {margin: 0;padding: 0;}body {&nbsp; &nbsp; background: url(images/background.png) repeat-x center top;&nbsp; &nbsp; height:600px;&nbsp; &nbsp; width:1300px;&nbsp; &nbsp; font-family: Arial, Helvetica, sans-serif;&nbsp; &nbsp; font-size: 12px;}#menu {&nbsp; &nbsp; background: url(images/menue.png) no-repeat center top;&nbsp; &nbsp; list-style-type:none;&nbsp; &nbsp; width:100%;&nbsp; &nbsp; height:63px;}#menu ul {&nbsp; &nbsp; margin-left:382px;}#menu li {&nbsp; &nbsp; float:left;&nbsp; &nbsp; display: block;&nbsp; &nbsp; margin-left:22px;&nbsp; &nbsp; margin-right:-22px;}#menu a {&nbsp; &nbsp; display: block;&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; font-family: Arial, Helvetica, sans-serif;&nbsp; &nbsp; font-size: 13px;&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; color: #000000;&nbsp; &nbsp; border: none;&nbsp; &nbsp; width:246px;&nbsp; &nbsp; height:63px;&nbsp; &nbsp; }#menu p{&nbsp; &nbsp; padding:23px 0px 25px 100px;}#menu a.verw1:hover {&nbsp; &nbsp; background: url(images/leftbuttonpressed.png) no-repeat center top;&nbsp; &nbsp; color: #FFFFFF;}#menu a.verw2:hover {&nbsp; &nbsp; background: url(images/rightbuttonpressed.png) no-repeat center top;&nbsp; &nbsp; color: #FFFFFF;}#content{&nbsp; &nbsp; background: url(images/content.png) no-repeat center top;&nbsp; &nbsp; margin-left:0 auto;&nbsp; &nbsp; margin-top:105px;&nbsp; &nbsp; height:500px;&nbsp; &nbsp; width:1330px;&nbsp; &nbsp; list-style-type:none;}#content li{&nbsp; &nbsp; float:left;&nbsp; &nbsp; display: block;&nbsp; &nbsp; margin-right:-25px;&nbsp; &nbsp; margin-left:10px;}#blackbox{&nbsp; &nbsp; background: url(images/black_block.png) no-repeat center top;&nbsp; &nbsp; width:451px;&nbsp; &nbsp; height:472px;}#greybox{&nbsp; &nbsp; background: url(images/grey_block.png) no-repeat center top;&nbsp; &nbsp; height:472px;&nbsp; &nbsp; width:900px;}#bodyextended{&nbsp; &nbsp; background: url(images/backgroundextended.png) repeat center top;}[/HTML]</blockquote>

[QUOTE="grinsen, post: 1725857, member: 500575"] [b]AW: Html Seite Menü[/b] Das Tag habe ich extra hineingenommen, um die Schrift ordentlich ins Menü mittels Padding zu bekommen. Wenn ich padding auf mein a anwende, verrutschen sogleich meine PressedButton Animationen :( Ich habe mir nun mein Projekt auf einen anderen Bildschirm mit anderen Maßen angeschaut und gemerkt das ich meine Seite nur auf meinen jetzigen Bildschirm perfekt ausgerichtet habe. Problem 1: Das Menü soll immer mittig liegen. Mit align:center geht da nichts. Problem 2: die #blackbox und die #greybox sollen 30%/70% ausmachen. Wenn ich die Werte anstatt der px Werte eintrage tut sich nichts und es wird mir gar nichts mehr angezeigt. Wie kann ich das realisieren? HTML [CODE]<!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" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>Untitled Document</title> <link href="MyStyle.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="menu"> <ul> <li><a class="verw1" href="about.html">About</a></li> <li><a class="verw2" href="projects.html">Projects</a></li> </ul> </div> <div id="content"> <ul> <li> <div id="blackbox"> </div> </li> <li> <div id="greybox"> </div> </li> </ul> </div> <div id="bodyextended"> </div> </body> </html> [/CODE] CSS: [HTML]@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { background: url(images/background.png) repeat-x center top; height:600px; width:1300px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #menu { background: url(images/menue.png) no-repeat center top; list-style-type:none; width:100%; height:63px; } #menu ul { margin-left:382px; } #menu li { float:left; display: block; margin-left:22px; margin-right:-22px; } #menu a { display: block; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; border: none; width:246px; height:63px; } #menu p{ padding:23px 0px 25px 100px; } #menu a.verw1:hover { background: url(images/leftbuttonpressed.png) no-repeat center top; color: #FFFFFF; } #menu a.verw2:hover { background: url(images/rightbuttonpressed.png) no-repeat center top; color: #FFFFFF; } #content{ background: url(images/content.png) no-repeat center top; margin-left:0 auto; margin-top:105px; height:500px; width:1330px; list-style-type:none; } #content li{ float:left; display: block; margin-right:-25px; margin-left:10px; } #blackbox{ background: url(images/black_block.png) no-repeat center top; width:451px; height:472px; } #greybox{ background: url(images/grey_block.png) no-repeat center top; height:472px; width:900px; } #bodyextended{ background: url(images/backgroundextended.png) repeat center top; } [/HTML] [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?