Auf Thema antworten 2026

Beitrag

<blockquote data-quote="nicovod" data-source="post: 766571" data-attributes="member: 200486">Ich bin gerade dabei für meine Seite ein eigenes Wordpress Theme zu machen, soweit so gut, eigentlich sogar fertig wer da nicht der IE &gt;.&lt; Ich bin jetzt soweit das die seite fast komplett genauso dargestellt wird wie im FF doch der IE stellt die farben einfach anders da &gt;.&lt;Im Firefox :Im Internet Explorer :Zur Info : Alle Grafiken wurden in Photoshop erstellt mit dem genauen Wert #242424, das selbe wurde auch in der CSS Datei Eingetragen!------------------------------------------------------------------------Das Zweite Problem was ich hab was man oben in den Screenshots sieht ist die gestaltung des menüs, die buttons sollten direkt nebeneinander sein was aber nicht ist, ich dachte zuerst es wär ein border ist es aber auch nicht.Die Buttons wurden mit folgendem Code eingefügt :[html]&lt;a href=&quot;&lt;?php echo get_option(&#039;home&#039;); ?&gt;/&quot;&gt;&lt;img onmouseover=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebuttonhover.gif&#039;&quot; onmouseout=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebutton.gif&#039;&quot; src=&quot;http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebutton.gif&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;/uber-mich/&quot;&gt;&lt;img onmouseover=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbuttonhover.gif&#039;&quot; onmouseout=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbutton.gif&#039;&quot; src=&quot;http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbutton.gif&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;/artworks/&quot;&gt;&lt;img onmouseover=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbuttonhover.gif&#039;&quot; onmouseout=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbutton.gif&#039;&quot; src=&quot;http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbutton.gif&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;/themes/&quot;&gt;&lt;img onmouseover=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/themesbuttonhover.gif&#039;&quot; onmouseout=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/themesbutton.gif&#039;&quot; src=&quot;http://www.cofilew.de/wp-content/themes/cofilew/images/themesbutton.gif&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;/impressum/&quot;&gt;&lt;img onmouseover=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbuttonhover.gif&#039;&quot; onmouseout=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbutton.gif&#039;&quot; src=&quot;http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbutton.gif&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;/kontakt/&quot;&gt;&lt;img onmouseover=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbuttonhover.gif&#039;&quot; onmouseout=&quot;this.src=&#039;http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbutton.gif&#039;&quot; src=&quot;http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbutton.gif&quot; /&gt;&lt;/a&gt;&lt;/div&gt;[/html]hier die gesamte style.css :[html].post-info {height: 18px;line-height: 11px;background-color : #242424;margin : 0px 0px 0px 0px;padding : 0px 0px 0px 0px;font-size : 13px;color: #319af6;}#content .post-info .category {background:transparent url(&#039;images/box.png&#039;) left top no-repeat;padding-left : 20px;}#content .post-info .clock { background:transparent url(&#039;images/clock.png&#039;);background-repeat: no-repeat; padding-left : 20px;}#content .post-info .user {background:transparent url(&#039;images/user_gray.png&#039;);background-repeat: no-repeat; padding-left : 20px;}#content .post-info .comment {background:transparent url(&#039;images/comment.png&#039;);background-repeat: no-repeat; padding-left : 20px;}.post-info .category {background:transparent url(&#039;images/box.png&#039;);background-repeat: no-repeat;padding-left : 20px;}/* Ende Post-info *//* Begin Typographie &amp; Farben */body {&nbsp; &nbsp; font-size: 62.5%; /* Setzt 1em zu 10px zurück */&nbsp; &nbsp; font-family: &#039;Lucida Grande&#039;, Verdana, Arial, Sans-Serif;&nbsp; &nbsp; background-color: #d5d6d7;&nbsp; &nbsp; color: #ffffff;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }#page {&nbsp; &nbsp; background-color: white;&nbsp; &nbsp; border: 1px solid #959596;&nbsp; &nbsp; text-align: left;&nbsp; &nbsp; }#header {&nbsp; &nbsp; background-color: #242424;&nbsp; &nbsp; }#content {&nbsp; &nbsp; font-size: 1.2em&nbsp; &nbsp; }.widecolumn .entry p {&nbsp; &nbsp; font-size: 1.05em;&nbsp; &nbsp; }.narrowcolumn .entry, .widecolumn .entry {&nbsp; &nbsp; line-height: 1.4em;&nbsp; &nbsp; }.widecolumn {&nbsp; &nbsp; line-height: 1.6em;&nbsp; &nbsp; }&nbsp; &nbsp; .narrowcolumn .postmetadata {&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }.alt {&nbsp; &nbsp; background-color: #333333;&nbsp; &nbsp; border-top: 1px dashed #e6e6e6;&nbsp; &nbsp; border-bottom: 1px dashed #e6e6e6;&nbsp; &nbsp; }#footer {&nbsp; &nbsp; background-color: #242424;&nbsp; &nbsp; }small {&nbsp; &nbsp; font-family: Arial, Helvetica, Sans-Serif;&nbsp; &nbsp; font-size: 0.9em;&nbsp; &nbsp; line-height: 1.5em;&nbsp; &nbsp; }h1, h2, h3 {&nbsp; &nbsp; font-family: &#039;Trebuchet MS&#039;, &#039;Lucida Grande&#039;, Verdana, Arial, Sans-Serif;&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; }h1 {&nbsp; &nbsp; font-size: 4em;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }.description {&nbsp; &nbsp; font-size: 1.2em;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }h2 {&nbsp; &nbsp; font-size: 1.6em;&nbsp; &nbsp; }h2.pagetitle {&nbsp; &nbsp; font-size: 1.6em;&nbsp; &nbsp; }#sidebar h2 {&nbsp; &nbsp; font-family: &#039;Lucida Grande&#039;, Verdana, Sans-Serif;&nbsp; &nbsp; font-size: 1.2em;&nbsp; &nbsp; }h3 {&nbsp; &nbsp; font-size: 1.3em;&nbsp; &nbsp; }h1, h1 a, h1 a:hover, h1 a:visited, .description {&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; color: #85da00;&nbsp; &nbsp; }h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {&nbsp; &nbsp; color: #85da00;&nbsp; &nbsp; }h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; color: #ffffff;&nbsp; &nbsp; }.entry p a:visited {&nbsp; &nbsp; color: #000000;&nbsp; &nbsp; }.commentlist li, #commentform input, #commentform textarea {&nbsp; &nbsp; font: 0.9em &#039;Lucida Grande&#039;, Verdana, Arial, Sans-Serif;&nbsp; &nbsp; }&nbsp; &nbsp; .commentlist li {&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; }.commentlist cite, .commentlist cite a {&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; font-style: normal;&nbsp; &nbsp; font-size: 1.1em;&nbsp; &nbsp; }.commentlist p {&nbsp; &nbsp; font-weight: normal;&nbsp; &nbsp; line-height: 1.5em;&nbsp; &nbsp; text-transform: none;&nbsp; &nbsp; }#commentform p {&nbsp; &nbsp; font-family: &#039;Lucida Grande&#039;, Verdana, Arial, Sans-Serif;&nbsp; &nbsp; }.commentmetadata {&nbsp; &nbsp; font-weight: normal;&nbsp; &nbsp; }#sidebar {&nbsp; &nbsp; font: 1em &#039;Lucida Grande&#039;, Verdana, Arial, Sans-Serif;&nbsp; &nbsp; }small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {&nbsp; &nbsp; color: #ffffff;&nbsp; &nbsp; }&nbsp; &nbsp; code {&nbsp; &nbsp; font: 1.1em &#039;Courier New&#039;, Courier, Fixed;&nbsp; &nbsp; }acronym, abbr, span.caps{&nbsp; &nbsp; font-size: 0.9em;&nbsp; &nbsp; letter-spacing: .07em;&nbsp; &nbsp; }a, h2 a:hover, h3 a:hover {&nbsp; &nbsp; color: #85da00;&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; }a:hover {&nbsp; &nbsp; color: #85da00;&nbsp; &nbsp; text-decoration: underline;&nbsp; &nbsp; }&nbsp; &nbsp; #wp-calendar #prev a {&nbsp; &nbsp; font-size: 9pt;&nbsp; &nbsp; }#wp-calendar a {&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; }#wp-calendar caption {&nbsp; &nbsp; font: bold 1.3em &#039;Lucida Grande&#039;, Verdana, Arial, Sans-Serif;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }#wp-calendar th {&nbsp; &nbsp; font-style: normal;&nbsp; &nbsp; text-transform: capitalize;&nbsp; &nbsp; }/* Ende Typographie &amp; Farben *//* Beginn Struktur */body {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0; &nbsp; &nbsp; }#page {&nbsp; &nbsp; background-color: white;&nbsp; &nbsp; margin: 10px auto;&nbsp; &nbsp; padding: 0px 0px 0px 0px;&nbsp; &nbsp; width: 820px;&nbsp; &nbsp; border: 1px solid #959596;&nbsp; &nbsp; }&nbsp; &nbsp; #header {&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; margin: 0 auto;&nbsp; &nbsp; height: 138px;&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; background-color: #73a0c5;&nbsp; &nbsp; }#menu {text-align: center;margin : 0;padding: 0;}&nbsp; &nbsp; #headerimg {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; height: 138px;&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; }.narrowcolumn {&nbsp; &nbsp; float: left;&nbsp; &nbsp; padding: 10px 0 20px 17px;&nbsp; &nbsp; margin: 0px 10px 0;&nbsp; &nbsp; width: 530px;&nbsp; &nbsp; }.widecolumn {&nbsp; &nbsp; padding: 10px 0 20px 0;&nbsp; &nbsp; margin: 5px 0 0 185px;&nbsp; &nbsp; width: 450px;&nbsp; &nbsp; }&nbsp; &nbsp; .post {&nbsp; &nbsp; margin: 0 0 40px;&nbsp; &nbsp; text-align: justify;&nbsp; &nbsp; }.widecolumn .post {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; }.narrowcolumn .postmetadata {&nbsp; &nbsp; padding-top: 5px;&nbsp; &nbsp; }.widecolumn .postmetadata {&nbsp; &nbsp; margin: 30px 0;&nbsp; &nbsp; }&nbsp; &nbsp; #footer {&nbsp; &nbsp; padding: 0 0 0 1px;&nbsp; &nbsp; margin: 0 auto;&nbsp; &nbsp; width: 820px;&nbsp; &nbsp; clear: both;&nbsp; &nbsp; }#footer p {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 20px 0;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }/* End Struktur *//*&nbsp; &nbsp; Beginn Überschriften */h1 {&nbsp; &nbsp; font-size: 60%;&nbsp; &nbsp; color: #ffffff;&nbsp; &nbsp; padding-top: 40px;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; }.description {&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }h2 {&nbsp; &nbsp; margin: 30px 0 0;&nbsp; &nbsp; }h2.pagetitle {&nbsp; &nbsp; margin-top: 30px;&nbsp; &nbsp; text-align: center;}#sidebar h2 {&nbsp; &nbsp; margin: 5px 0 0;&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; }h3 {&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; margin: 30px 0 0;&nbsp; &nbsp; }h3.comments {&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; margin: 40px auto 20px ;&nbsp; &nbsp; }/* Ende Überschriften *//* Beginn Bilder */p img {&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; max-width: 100%;&nbsp; &nbsp; }/*&nbsp; &nbsp; Using &#039;class=&quot;alignright&quot;&#039; on an image will (who would&#039;ve&nbsp; &nbsp; thought?!) align the image to the right. And using &#039;class=&quot;centered&#039;,&nbsp; &nbsp; will of course center the image. This is much better than using&nbsp; &nbsp; align=&quot;center&quot;, being much more futureproof (and valid) */&nbsp; &nbsp; &nbsp; &nbsp; img.centered {&nbsp; &nbsp; display: block;&nbsp; &nbsp; margin-left: auto;&nbsp; &nbsp; margin-right: auto;&nbsp; &nbsp; }&nbsp; &nbsp; img.alignright {&nbsp; &nbsp; padding: 4px;&nbsp; &nbsp; margin: 0 0 2px 7px;&nbsp; &nbsp; display: inline;&nbsp; &nbsp; }img.alignleft {&nbsp; &nbsp; padding: 4px;&nbsp; &nbsp; margin: 0 7px 2px 0;&nbsp; &nbsp; display: inline;&nbsp; &nbsp; }.alignright {&nbsp; &nbsp; float: right;&nbsp; &nbsp; }&nbsp; &nbsp; .alignleft {&nbsp; &nbsp; float: left&nbsp; &nbsp; }/* Ende Bilder *//* Begin Listen */html&gt;body .entry ul {&nbsp; &nbsp; margin-left: 0px;&nbsp; &nbsp; padding: 0 0 0 30px;&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; padding-left: 10px;&nbsp; &nbsp; text-indent: -10px;&nbsp; &nbsp; } html&gt;body .entry li {&nbsp; &nbsp; margin: 7px 0 8px 10px;&nbsp; &nbsp; }.entry ul li:before, #sidebar ul ul li:before{&nbsp; &nbsp; content: &quot;\00BB \0020&quot;;&nbsp; &nbsp; }.entry ol {&nbsp; &nbsp; padding: 0 0 0 35px;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; }.entry ol li {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; }.postmetadata ul, .postmetadata li {&nbsp; &nbsp; display: inline;&nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; list-style-image: none;&nbsp; &nbsp; }&nbsp; &nbsp; #sidebar ul, #sidebar ul ol{&nbsp; &nbsp; margin: 0px;&nbsp; &nbsp; padding: 0px;&nbsp; &nbsp; }#sidebar ul{&nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; list-style-image:none;&nbsp; &nbsp; margin-bottom: 15px;&nbsp; &nbsp; }&nbsp; &nbsp; #sidebar ul li{&nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; margin-bottom: 15px;&nbsp; &nbsp; }#sidebar ul p, #sidebar ul select {&nbsp; &nbsp; margin: 5px 0 8px;&nbsp; &nbsp; }#sidebar ul ul, #sidebar ul ol {&nbsp; &nbsp; margin: 5px 0 0 10px;&nbsp; &nbsp; }#sidebar ul ul ul, #sidebar ul ol{&nbsp; &nbsp; margin: 0 0 0 10px;&nbsp; &nbsp; }ol li, #sidebar ul ol li {&nbsp; &nbsp; list-style: decimal outside;;&nbsp; &nbsp; }#sidebar ul ul li, #sidebar ul ol li {&nbsp; &nbsp; margin: 3px 0 0;&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; }/* Ende Listen *//* Beginn Form Elemente */#searchform {&nbsp; &nbsp; margin: 10px auto;&nbsp; &nbsp; padding: 5px 3px; &nbsp; &nbsp; }#sidebar #searchform #s {&nbsp; &nbsp; width: 115px;&nbsp; &nbsp; padding: 2px;&nbsp; &nbsp; }#sidebar #searchsubmit {&nbsp; &nbsp; padding: 1px;&nbsp; &nbsp; }.entry form { /* Nur für Passwortgeschütze Artikel */&nbsp; &nbsp; text-align:center;&nbsp; &nbsp; }select {&nbsp; &nbsp; width: 130px;&nbsp; &nbsp; }#commentform input {&nbsp; &nbsp; width: 170px;&nbsp; &nbsp; padding: 2px;&nbsp; &nbsp; margin: 5px 5px 1px 0;&nbsp; &nbsp; }#commentform textarea {&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; padding: 2px;&nbsp; &nbsp; }#commentform #submit {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; float: right;&nbsp; &nbsp; }/* Ende Form Elemente *//* Begin Kommentare*/.alt {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 10px;&nbsp; &nbsp; }.commentlist {&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; text-align: justify;&nbsp; &nbsp; }.commentlist li {&nbsp; &nbsp; margin: 15px 0 3px;&nbsp; &nbsp; padding: 5px 10px 3px;&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; }.commentlist p {&nbsp; &nbsp; margin: 10px 5px 10px 0;&nbsp; &nbsp; }#commentform p {&nbsp; &nbsp; margin: 5px 0;&nbsp; &nbsp; }.nocomments {&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; }.commentmetadata {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; display: block;&nbsp; &nbsp; }/* Ende Kommentare*//* Beginn Sidebar */#sidebar {&nbsp; &nbsp; padding: 20px 0px 0px 20px;&nbsp; &nbsp; text-align:left;&nbsp; &nbsp; float:right;&nbsp; &nbsp; width: 220px;&nbsp; &nbsp; }#sidebar form {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; }/* Ende Sidebar *//* Beginn Kalendar */#wp-calendar {&nbsp; &nbsp; empty-cells: show;&nbsp; &nbsp; margin: 10px auto 0;&nbsp; &nbsp; width: 155px;&nbsp; &nbsp; }#wp-calendar #next a {&nbsp; &nbsp; padding-right: 10px;&nbsp; &nbsp; text-align: right;&nbsp; &nbsp; }#wp-calendar #prev a {&nbsp; &nbsp; padding-left: 10px;&nbsp; &nbsp; text-align: left;&nbsp; &nbsp; }#wp-calendar a {&nbsp; &nbsp; display: block;&nbsp; &nbsp; }#wp-calendar caption {&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; }#wp-calendar td {&nbsp; &nbsp; padding: 3px 0;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }#wp-calendar td.pad:hover { /* Doesn&#039;t work in IE */&nbsp; &nbsp; background-color: #fff; }/* Ende Kalendar *//* Beginn Verschiedener Tags &amp; Klassen */acronym, abbr, span.caps {&nbsp; &nbsp; cursor: help;&nbsp; &nbsp; }acronym, abbr {&nbsp; &nbsp; border-bottom: 1px dashed #999;&nbsp; &nbsp; }blockquote {&nbsp; &nbsp; margin: 15px 30px 0 10px;&nbsp; &nbsp; padding-left: 20px;&nbsp; &nbsp; border-left: 5px solid #ddd;&nbsp; &nbsp; }blockquote cite {&nbsp; &nbsp; margin: 5px 0 0;&nbsp; &nbsp; display: block;&nbsp; &nbsp; }.center {&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; }hr {&nbsp; &nbsp; display: none;&nbsp; &nbsp; }a img {&nbsp; &nbsp; border: none;&nbsp; &nbsp; }.navigation {&nbsp; &nbsp; display: block;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; margin-top: 10px;&nbsp; &nbsp; margin-bottom: 60px;&nbsp; &nbsp; }/* Ende Verschiedener Tags &amp; Klassen*/[/html]Hoffe ihr habt ne Lösung für das Problem, wollte das Design eigentlich ende der Woche fertiggestellt haben.Vielen Dank im Vorraus</blockquote>

[QUOTE="nicovod, post: 766571, member: 200486"] Ich bin gerade dabei für meine Seite ein eigenes Wordpress Theme zu machen, soweit so gut, eigentlich sogar fertig wer da nicht der IE >.< Ich bin jetzt soweit das die seite fast komplett genauso dargestellt wird wie im FF doch der IE stellt die farben einfach anders da >.< Im Firefox : Im Internet Explorer : Zur Info : Alle Grafiken wurden in Photoshop erstellt mit dem genauen Wert #242424, das selbe wurde auch in der CSS Datei Eingetragen! ------------------------------------------------------------------------ Das Zweite Problem was ich hab was man oben in den Screenshots sieht ist die gestaltung des menüs, die buttons sollten direkt nebeneinander sein was aber nicht ist, ich dachte zuerst es wär ein border ist es aber auch nicht. Die Buttons wurden mit folgendem Code eingefügt : [html]<a href="<?php echo get_option('home'); ?>/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebutton.gif" /></a> <a href="/uber-mich/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbutton.gif" /></a> <a href="/artworks/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbutton.gif" /></a> <a href="/themes/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/themesbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/themesbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/themesbutton.gif" /></a> <a href="/impressum/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbutton.gif" /></a> <a href="/kontakt/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbutton.gif" /></a> </div>[/html]hier die gesamte style.css : [html] .post-info { height: 18px; line-height: 11px; background-color : #242424; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; font-size : 13px; color: #319af6; } #content .post-info .category { background:transparent url('images/box.png') left top no-repeat; padding-left : 20px; } #content .post-info .clock { background:transparent url('images/clock.png'); background-repeat: no-repeat; padding-left : 20px; } #content .post-info .user { background:transparent url('images/user_gray.png'); background-repeat: no-repeat; padding-left : 20px; } #content .post-info .comment { background:transparent url('images/comment.png'); background-repeat: no-repeat; padding-left : 20px; } .post-info .category { background:transparent url('images/box.png'); background-repeat: no-repeat; padding-left : 20px; } /* Ende Post-info */ /* Begin Typographie & Farben */ body { font-size: 62.5%; /* Setzt 1em zu 10px zurück */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #d5d6d7; color: #ffffff; text-align: center; } #page { background-color: white; border: 1px solid #959596; text-align: left; } #header { background-color: #242424; } #content { font-size: 1.2em } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { text-align: center; } .alt { background-color: #333333; border-top: 1px dashed #e6e6e6; border-bottom: 1px dashed #e6e6e6; } #footer { background-color: #242424; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } h1 { font-size: 4em; text-align: center; } .description { font-size: 1.2em; text-align: center; } h2 { font-size: 1.6em; } h2.pagetitle { font-size: 1.6em; } #sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; } h3 { font-size: 1.3em; } h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; color: #85da00; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #85da00; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; color: #ffffff; } .entry p a:visited { color: #000000; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #ffffff; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #85da00; text-decoration: none; } a:hover { color: #85da00; text-decoration: underline; } #wp-calendar #prev a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* Ende Typographie & Farben */ /* Beginn Struktur */ body { margin: 0; padding: 0; } #page { background-color: white; margin: 10px auto; padding: 0px 0px 0px 0px; width: 820px; border: 1px solid #959596; } #header { padding: 0; margin: 0 auto; height: 138px; width: 100%; background-color: #73a0c5; } #menu { text-align: center; margin : 0; padding: 0; } #headerimg { margin: 0; height: 138px; width: 100%; } .narrowcolumn { float: left; padding: 10px 0 20px 17px; margin: 0px 10px 0; width: 530px; } .widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 185px; width: 450px; } .post { margin: 0 0 40px; text-align: justify; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } #footer { padding: 0 0 0 1px; margin: 0 auto; width: 820px; clear: both; } #footer p { margin: 0; padding: 20px 0; text-align: center; } /* End Struktur */ /* Beginn Überschriften */ h1 { font-size: 60%; color: #ffffff; padding-top: 40px; margin: 0; } .description { text-align: center; } h2 { margin: 30px 0 0; } h2.pagetitle { margin-top: 30px; text-align: center; } #sidebar h2 { margin: 5px 0 0; padding: 0; } h3 { padding: 0; margin: 30px 0 0; } h3.comments { padding: 0; margin: 40px auto 20px ; } /* Ende Überschriften */ /* Beginn Bilder */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Ende Bilder */ /* Begin Listen */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before{ content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol{ margin: 0px; padding: 0px; } #sidebar ul{ list-style-type: none; list-style-image:none; margin-bottom: 15px; } #sidebar ul li{ list-style-type: none; margin-bottom: 15px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; } #sidebar ul ul ul, #sidebar ul ol{ margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside;; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } /* Ende Listen */ /* Beginn Form Elemente */ #searchform { margin: 10px auto; padding: 5px 3px; } #sidebar #searchform #s { width: 115px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* Nur für Passwortgeschütze Artikel */ text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0; float: right; } /* Ende Form Elemente */ /* Begin Kommentare*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* Ende Kommentare*/ /* Beginn Sidebar */ #sidebar { padding: 20px 0px 0px 20px; text-align:left; float:right; width: 220px; } #sidebar form { margin: 0; } /* Ende Sidebar */ /* Beginn Kalendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* Ende Kalendar */ /* Beginn Verschiedener Tags & Klassen */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* Ende Verschiedener Tags & Klassen*/[/html]Hoffe ihr habt ne Lösung für das Problem, wollte das Design eigentlich ende der Woche fertiggestellt haben. Vielen Dank im Vorraus [/QUOTE]

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

Authentifizierung

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