Auf Thema antworten

Beitrag

<blockquote data-quote="taffrot" data-source="post: 1001088" data-attributes="member: 39450">AW: www.psy-coding.de UPDATESoo...ich hab mich ein bisschen in CSS eingelesen und vorläufig mal versuchtdas ganze zusammen zu wruschteln.index.html[code]&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//DE&quot;&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;psy-coding --- CSS Umsetzung&lt;/title&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;body bgcolor = &quot;#045659&quot;&gt;&nbsp; &nbsp; &lt;!--HEADER--&gt;&nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &lt;img id=&quot;logo&quot; src=&quot;images/logo.png&quot; alt=&quot;psY-Coding&quot;&gt; &lt;!--LOGO--&gt;&nbsp; &nbsp; &lt;img id=&quot;header_1&quot; src=&quot;images/psy-coding_04.png&quot;&gt;&nbsp; &nbsp; &lt;img id=&quot;header_2&quot; src=&quot;images/psy-coding_03.png&quot;&gt;&nbsp; &nbsp; &lt;img id=&quot;header_left_1&quot; src=&quot;images/psy-coding_01.png&quot;&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!--NAVIGATION--&gt;&nbsp; &nbsp; &lt;div id=&quot;navigation&quot;&gt;&nbsp; &nbsp;&nbsp; &lt;!--Fehlt noch--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!--CONTENT--&gt;&nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &lt;img id=&quot;content_left&quot; src=&quot;images/psy-coding_05.png&quot;&gt;&nbsp; &nbsp; &lt;img id=&quot;content_down&quot; src=&quot;images/psy-coding_08.png&quot;&gt;&nbsp; &nbsp; &lt;img id=&quot;content_main&quot; src=&quot;images/psy-coding_06.png&quot;&gt;&nbsp; &nbsp; &lt;img id=&quot;content_right&quot; src=&quot;images/psy-coding_07.png&quot;&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/code]style.css[code]html.body {&nbsp; &nbsp; background-color:rgb(4,86,89);&nbsp; &nbsp; margin:0px;&nbsp; &nbsp; padding:0px;}#psy-coding{&nbsp; &nbsp; background-color:rgb(4,86,89);&nbsp; &nbsp; width:100%;&nbsp; &nbsp; height:100px;&nbsp; &nbsp; padding:0px;&nbsp; &nbsp; margin:0px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #logo {&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; top:0px;&nbsp; &nbsp; &nbsp; &nbsp; left:81px;&nbsp; &nbsp; &nbsp; &nbsp; width:138px;&nbsp; &nbsp; &nbsp; &nbsp; height:101px;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #header_1 { &nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; top:101px;&nbsp; &nbsp; &nbsp; &nbsp; left:81px;&nbsp; &nbsp; &nbsp; &nbsp; width:138px;&nbsp; &nbsp; &nbsp; &nbsp; height:50px;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; #header_2 {&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; top:0px;&nbsp; &nbsp; &nbsp; &nbsp; left:219px;&nbsp; &nbsp; &nbsp; &nbsp; width:681px;&nbsp; &nbsp; &nbsp; &nbsp; height:151px;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; #header_left_1 {&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; top:0px;&nbsp; &nbsp; &nbsp; &nbsp; left:1px;&nbsp; &nbsp; &nbsp; &nbsp; width:77px;&nbsp; &nbsp; &nbsp; &nbsp; height:800px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; #content_left {&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; top:151px;&nbsp; &nbsp; &nbsp; &nbsp; left:78px;&nbsp; &nbsp; &nbsp; &nbsp; width:78px;&nbsp; &nbsp; &nbsp; &nbsp; height:649px;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; #content_down {&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; top:614px;&nbsp; &nbsp; &nbsp; &nbsp; left:156px;&nbsp; &nbsp; &nbsp; &nbsp; width:744px;&nbsp; &nbsp; &nbsp; &nbsp; height:186px;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; #content_main {&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; top:151px;&nbsp; &nbsp; &nbsp; &nbsp; left:156px;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; #content_right {&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; top:151px;&nbsp; &nbsp; &nbsp; &nbsp; left:656px;&nbsp; &nbsp; &nbsp; &nbsp; width:243px;&nbsp; &nbsp; &nbsp; &nbsp; height:463px;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [/code]Freue mich auf Antwortentaffrotp.s. noch schnell auf den Server geladen...das mit der URL kommt auch noch <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /></blockquote>

[QUOTE="taffrot, post: 1001088, member: 39450"] [b]AW: www.psy-coding.de UPDATE[/b] Soo...ich hab mich ein bisschen in CSS eingelesen und vorläufig mal versucht das ganze zusammen zu wruschteln. index.html [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//DE"> <html> <head> <title>psy-coding --- CSS Umsetzung</title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> </style> </head> <body> <body bgcolor = "#045659">  <div id="header"> <img id="logo" src="images/logo.png" alt="psY-Coding">  <img id="header_1" src="images/psy-coding_04.png"> <img id="header_2" src="images/psy-coding_03.png"> <img id="header_left_1" src="images/psy-coding_01.png"> </div>  <div id="navigation">  </div>  <div id="content"> <img id="content_left" src="images/psy-coding_05.png"> <img id="content_down" src="images/psy-coding_08.png"> <img id="content_main" src="images/psy-coding_06.png"> <img id="content_right" src="images/psy-coding_07.png"> </div> </body> </html> [/code] style.css [code] html.body { background-color:rgb(4,86,89); margin:0px; padding:0px; } #psy-coding{ background-color:rgb(4,86,89); width:100%; height:100px; padding:0px; margin:0px; } #logo { position:absolute; top:0px; left:81px; width:138px; height:101px; } #header_1 { position:absolute; top:101px; left:81px; width:138px; height:50px; } #header_2 { position:absolute; top:0px; left:219px; width:681px; height:151px; } #header_left_1 { position:absolute; top:0px; left:1px; width:77px; height:800px; } #content_left { position:absolute; top:151px; left:78px; width:78px; height:649px; } #content_down { position:absolute; top:614px; left:156px; width:744px; height:186px; } #content_main { position:absolute; top:151px; left:156px; } #content_right { position:absolute; top:151px; left:656px; width:243px; height:463px; } [/code] Freue mich auf Antworten taffrot p.s. noch schnell auf den Server geladen...das mit der URL kommt auch noch :) [/QUOTE]

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

Authentifizierung

Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!