Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Cueball" data-source="post: 2054947">AW: Navigation und TextboxHey Leute,&nbsp;bei mir hat sich jetzt einiges getan, die Navigation ist jetzt funktionstüchtig doch das hgbild ist leider nicht dort wo es hin müsste. Vielleicht findet ihr den Fehler code wie ich es korrigieren kann. Ich poste mal css teil und html teil und dann noch ein bild dazu <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" />.&nbsp;CSS Code:&nbsp;html, body {height: 100%;, width: 100%;}* {margin: 0;padding: 0;border: 0;font-family: Verdana, sans-serif;}body {&nbsp; &nbsp; &nbsp; background-color: #000;}div#wrapper {&nbsp; &nbsp; &nbsp; &nbsp; width: 1090px;&nbsp; &nbsp; &nbsp; &nbsp; margin: 0 auto;}/* Header */div#header {&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 250px;&nbsp; &nbsp; background: transparent url(images/diabolicabanner.jpg) no-repeat 0 0;&nbsp; &nbsp; position: relative;}div#navi&nbsp;{&nbsp;position: absolute;&nbsp;bottom: 10px;&nbsp;right: -30px;&nbsp;font-size: 0.9em;&nbsp;font-weight: bold;&nbsp;}div#navi ul&nbsp;{&nbsp;list-style-type: none;&nbsp;}div#navi li&nbsp;{&nbsp;float: left;&nbsp;margin-left: 5px;&nbsp;}/*&nbsp;div#navi li li {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; float: none;&nbsp;}*/div#navi a&nbsp;{&nbsp;display: block;&nbsp;padding-top: 19px;&nbsp;width: 140px;&nbsp;height: 35px;&nbsp;background-image: url(images/button3.png);&nbsp;color: #F00;&nbsp;text-decoration: none;&nbsp;text-align:center;&nbsp;}div#navi a:visited&nbsp;{&nbsp;color: #F00;&nbsp;}div#navi a:hover&nbsp;{&nbsp;color: #F00;&nbsp;}div#navi ul.subnavi {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; display: none;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; position: absolute;}div#navi ul li:hover ul.subnavi {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; display: block;}&nbsp;div#wrapcontent {&nbsp; &nbsp;&nbsp; background: url(images/umrandungmitpapier3.png) no-repeat;&nbsp; &nbsp;&nbsp; width: 1300px;&nbsp; &nbsp;&nbsp; min-height: 800px;&nbsp; &nbsp;&nbsp; margin: 0 auto;&nbsp; &nbsp;&nbsp; }&nbsp; p {&nbsp; &nbsp;&nbsp; color: #FF0000;&nbsp; &nbsp;&nbsp; text-align:left;&nbsp; &nbsp;&nbsp; bottom: 50px;&nbsp; }&nbsp;html Code:&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&quot;&gt;&lt;html xmlns=&quot;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&quot; xml:lang=&quot;de&quot; lang=&quot;de&quot;&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; href=&quot;indexcss2_kopie.css&quot; type=&quot;text/css&quot; media=&quot;all&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;title&gt;&nbsp; &nbsp; &nbsp; &lt;/title&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp;&lt;body&gt;&nbsp;&lt;div id=&quot;wrapper&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Eingangshalle&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Die Diablos&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;subnavi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;/tools/csstabs/2&quot;&gt;People&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;/tools/csstabs/2&quot;&gt;Careers&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;/tools/csstabs/2&quot;&gt;Press&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;a href=&quot;#&quot;&gt;Contract&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;ul class=&quot;subnavi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;/tools/csstabs/2&quot;&gt;Foren-Posten&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;/tools/csstabs/2&quot;&gt;Sonstiges&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Forum&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Teufelsbuch&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Facebook&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;!-- END #nav --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;wrapcontent&quot;&gt;&lt;p&gt;Das hier ist ein Text fenster. Wir wollen mal testen ob er das&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt; ENTER auch erkennt und mit übernimmt in die breite der bestimmung P!!!&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gojaofkjalfkalfkapf&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; akpfkapfalöds&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; löadlöda&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; lökaslda&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&lt;!-- END #wrapcontent --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;footer&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- END #wrapper --&gt;&nbsp;&lt;/body&gt;&lt;/html&gt;&nbsp;&nbsp;Link fürs Foto</blockquote>

[QUOTE="Cueball, post: 2054947"] [b]AW: Navigation und Textbox[/b] Hey Leute, bei mir hat sich jetzt einiges getan, die Navigation ist jetzt funktionstüchtig doch das hgbild ist leider nicht dort wo es hin müsste. Vielleicht findet ihr den Fehler code wie ich es korrigieren kann. Ich poste mal css teil und html teil und dann noch ein bild dazu ;). CSS Code: html, body {height: 100%;, width: 100%;} * { margin: 0; padding: 0; border: 0; font-family: Verdana, sans-serif; } body { background-color: #000; } div#wrapper { width: 1090px; margin: 0 auto; } /* Header */ div#header { width: 100%; height: 250px; background: transparent url(images/diabolicabanner.jpg) no-repeat 0 0; position: relative; } div#navi { position: absolute; bottom: 10px; right: -30px; font-size: 0.9em; font-weight: bold; } div#navi ul { list-style-type: none; } div#navi li { float: left; margin-left: 5px; } /* div#navi li li { float: none; } */ div#navi a { display: block; padding-top: 19px; width: 140px; height: 35px; background-image: url(images/button3.png); color: #F00; text-decoration: none; text-align:center; } div#navi a:visited { color: #F00; } div#navi a:hover { color: #F00; } div#navi ul.subnavi { display: none; position: absolute; } div#navi ul li:hover ul.subnavi { display: block; } div#wrapcontent { background: url(images/umrandungmitpapier3.png) no-repeat; width: 1300px; min-height: 800px; margin: 0 auto; } p { color: #FF0000; text-align:left; bottom: 50px; } html Code: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]"> <html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]" xml:lang="de" lang="de"> <head> <link rel="stylesheet" href="indexcss2_kopie.css" type="text/css" media="all" /> <title> </title> </head> <body> <div id="wrapper"> <div id="header"> <div id="navi"> <ul> <li><a href="#">Eingangshalle</a></li> <li><a href="#">Die Diablos</a> <ul class="subnavi"> <li><a href="/tools/csstabs/2">People</a></li> <li><a href="/tools/csstabs/2">Careers</a></li> <li><a href="/tools/csstabs/2">Press</a></li> </ul> </li> <li> <a href="#">Contract</a> <ul class="subnavi"> <li><a href="/tools/csstabs/2">Foren-Posten</a></li> <li><a href="/tools/csstabs/2">Sonstiges</a></li> </ul> </li> <li><a href="#">Forum</a></li> <li><a href="#">Teufelsbuch</a></li> <li><a href="#">Facebook</a></li> </ul> </div> </div> <div id="wrapcontent">Das hier ist ein Text fenster. Wir wollen mal testen ob er das ENTER auch erkennt und mit übernimmt in die breite der bestimmung P!!! gojaofkjalfkalfkapf akpfkapfalöds löadlöda lökaslda </div> <div id="footer"></div> </div> </body> </html> Link fürs Foto [/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?