Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.04.2009 um 14:02 (UTC)    
Titel: CSS Design Code Problem

Mahlzeit!
Ich hab mir vorgenommen ein eigenes Design zu entwerfen.
Dabei ist aber leider einiges durcheinander geraten. Sad
Ich möchte eigentlich ein schlichtes, schnell übersichtliches Design haben.
Aber der Hintergrund, der Content (heißt das so? Also da wo der Text steht...) usw. will einfach nicht schwarz werden!
Hier hab ich mal einen Screen gemacht:

Arrow http://saved.im/mtewotcwahvh/2009-04-29_155645.png

Kann mir da vielleicht jemand helfen? Embarassed
Wäre sehr dankbar.
Mfg Eyecatcher.

Edit: Oh, den Code zu vergessen ist wirklcih blöd. ^^


Über:
Code:
<style type="text/css">
body{background-color: #000000;background-image: url(Url);}
td.nav{background-image:url(http://saved.im/mtewnziyatyz/button.png);}
td.nav:hover{background-image:url(http://saved.im/mtewnzi0d3jn/button2.png);}
td.nav_heading{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.edit_header_full{background-image:url(http://saved.im/mtewnzizb2my/headerkopie.png);}
td.headline{visibility:hidden;}
td.nav a{color:#FFFFFF;}
td.sidebar_heading(background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.edit_rb_footer{visibility:hidden;}
td.edit_below_nav {visibility: hidden;width: 0px;}
td.edit_content_top{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.edit_content_bottom2{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.headline2{color:#000000;}
td.nav_heading{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.body{background-image:url(http://saved.im/mtewnzi2cjns/bg.png);}
td.edit_content{background-image:url(http://saved.im/mtewoty2d3q4/contentkopie.png);
td.headline{visibility: hidden;Grafixmakereyecatcher}
background-repeat:no-repeat;background-position:center center;}
td.edit_rechts_sbg{background-image: url();background-color: #000000;}
td.edit_rechts_bottom{background-image: url();background-color: #000000;}
td.edit_below_nav{background-image: url();background-color: #FFFFF;}
td.edit_navi_headbg{background-image: url();background-color: #FFFFF;}
body{background-color:#000000;}
td.edit_below_nav {visibility: hidden;width: 0px;}
td.edit_rechts_cbg{background-image: url();background-color: #00000;}
td.edit_content_top{background-image: url(http://saved.im/mtewnzi2cjns/bg.png);}
a:link{color: #FFFFFF;text-decoration: none;}
a:visited{color: #FFFFF0;text-decoration: none;}
a:active{color: #FFFF00;text-decoration: none;}
a:hover{color: #FFFFFF;text-decoration: underline;}
td.shouty{color:#000000;background-image: url(URL);background-color: #000000;}

td.shouty2{color:#000000;background-image: url(URL);background-color: #000000;}

td.shouty3{color:#000000;background-image: url(URL);background-color: #000000;}

td.shouty4{color:#000000;background-image: url(URL);background-color: #000000;}

td.shouty5{color:#000000;background-image: url(URL);background-color: #000000;}
td.shouty{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}

td.shouty2{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}

td.shouty3{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}

td.shouty4{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}

td.shouty5{color:#000000;background-image: url(URL);background-color: #000000;border: 1px solid #000000;}
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;width: 0px;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.edit_rb_footer{background-image:url();}
td.edit_rechts_bottom{background-image:url();}
-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>


Unter:

Code:
</td> </tr> </table> </div>
<style type="text/css">

<!--

td{color:#ffffff;}

-->

</style>


Zuletzt bearbeitet von gfx-eyecatcher am 29.04.2009, 15:10, insgesamt einmal bearbeitet
Beitrag29.04.2009 um 14:13 (UTC)    
Titel:

Ich sehe den Content sowie den Boxenhintergrund so dunkelgrün/schwarz.

Mit welchem Browser arbeitest Du? Bitte unbedingt nur IE oder FF benutzen, für alle anderen Browser ist der HPBK nicht optimiert.

Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag29.04.2009 um 14:17 (UTC)    
Titel:

Mit FF. Die neuste Version.
Beitrag29.04.2009 um 14:18 (UTC)    
Titel:

Dann lösch mal Deinen Cache und die temporären Dateien, denn wenn ich Deine Seite aufrufe, dann sieht sie ganz anders aus, als bei Deinem Screenshot. Ich habe die Hintergrundbilder von Deinem Code sichtbar.

Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag29.04.2009 um 14:27 (UTC)    
Titel:

ich würde mal bei allem bei dem du du sowas hast:

Code:
background-image: url(URL);background-color: #000000;}


Das URL in den klammern eifnahc wegmachen!

PS: Das wa sdu machst ist kein CSS-Design, das ist Íceblue verändern, aber egal;-)
______________
*klick* Hier das Bild, wo die-baukasten-typen für andere Anbieter Werbung machen


Zuletzt bearbeitet von slackline am 29.04.2009, 15:28, insgesamt einmal bearbeitet
Beitrag29.04.2009 um 14:32 (UTC)    
Titel:

slackline hat Folgendes geschrieben:
ich würde mal bei allem bei dem du du sowas hast:

Code:
background-image: url(URL);background-color: #000000;}


Das URL in den klammern eifnahc wegmachen!

PS: Das wa sdu machst ist kein CSS-Design, das ist Íceblue verändern, aber egal;-)


Nein! Das (URL) unbedingt drin lassen! Das ist z. B. ein Teil davon, wie eine Seite auch von den exotischen Browsern wie GoogleChrome oder Safari gelesen werden kann: Dazu gehört unter anderem, in leere Url-Klammern das Wort (URL) zu schreiben und zum anderen, nach möglichkeit keine Farben zu verwenden, sondern Grafiken. So ist es genau richtig, damit der Ice-blue-Hintergrund bei den anderen Browsern nicht wieder durchkommt. Meine Seite ist auf diese Art und Weise für alle Browser optimiert (gehört natürlich noch mehr dazu).

Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag29.04.2009 um 14:38 (UTC)    
Titel:

Das ist ja total komisch:
Wenn ich in IE auf die Seite gehe, kommt das hier:

http://saved.im/mtewotgwdjh2/2009-04-29_163637.png

o.O ?
Beitrag29.04.2009 um 14:39 (UTC)    
Titel:

Jap - so sehe ich es auch. Sollte auch so sein, oder?

Edit: DAS hier hast Du oben bei Text über dem Design vergessen:

<!--



Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer



Zuletzt bearbeitet von tanjaswebsite am 29.04.2009, 15:40, insgesamt einmal bearbeitet
Beitrag29.04.2009 um 16:54 (UTC)    
Titel:

Jetzt ist es nur NOCH komischer:

http://saved.im/mtexmdq1z29m/2009-04-29_185315.png

Wie kann das denn sein? Shocked
Beitrag29.04.2009 um 17:52 (UTC)    
Titel:

So. Jetzt hab cih mir die mühe gemacht und das ganze Design nocheinmal gemacht:

http://saved.im/mtexmdkya2th/2009-04-29_194744.png

http://saved.im/mtexmdk0ewzz/2009-04-29_194729.png

Jetzt färben sich die Buttons so komisch?! Rolling Eyes Mr. Green
Beitrag30.04.2009 um 12:20 (UTC)    
Titel:

Das gleiche Problem hab cih immernoch.
Ich möchte jetzt aber eigentlich garkeine Buttons haben.

Code:
<style type="text/css">
<!--
td.edit_header_full{background-image:url(http://saved.im/mtewnzizb2my/headerkopie.png);background-color:;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}
body{background-image:url();background-attachment: fixed;background-color:#000000;}}
td.nav{background-image:url(http://saved.im/mtexmdy0a3vj/unbenannt-1.png);}
td.nav:hover{background-image: url();}
td.nav_heading{background-image:url();background-color:;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{background-image:url();background-color:;}
td.edit_content_top{background-image:url();background-color:;}
td.edit_content{background-image:url();background-color:;}
td.edit_content_bottom{background-image:url();background-color:;}
td.edit_content_bottom2{background-image:url();}
body,td{color:#fff;}
td.shouty{visibility:hidden;}
td.shouty2{background-image:url();background-color:;}
td.shouty3{background-image:url();background-color:;}
td.shouty4{background-image:url();background-color:;}
td.shouty5{background-image:url();background-color:;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rb_footer{background-image:url();background-color:;}
td.edit_rechts_bottom{background-image: url();}


-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>

Code:
</td> </tr> </table> </div>
<style type="text/css">
Beitrag30.04.2009 um 12:25 (UTC)    
Titel:

Füge mal bei "Text über dem Design" diesen Code ein:
Zitat:
<style type="text/css">
<!--
td.edit_header_full{background-image:url(http://saved.im/mtewnzizb2my/headerkopie.png);background-color:;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}
body{background-image:url(Url);background-attachment: fixed;background-color:#000000;}
td.nav{background-image:url(Url);}
td.nav:hover{background-image: url(Url);}
td.nav_heading{background-image:url(Url);background-color:;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(Url);}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{background-image:url(Url);background-color:;}
td.edit_content_top{background-image:url(Url);background-color:;}
td.edit_content{background-image:url(Url);background-color:;}
td.edit_content_bottom{background-image:url(Url);background-color:;}
td.edit_content_bottom2{background-image:url(Url);}
body,td{color:#fff;}
td.shouty{visibility:hidden;}
td.shouty2{background-image:url(Url);background-color:;}
td.shouty3{background-image:url(Url);background-color:;}
td.shouty4{background-image:url(Url);background-color:;}
td.shouty5{background-image:url(Url);background-color:;}
td.edit_rechts_cbg{background-image: url(Url);}
td.edit_rb_footer{background-image:url(Url);background-color:;}
td.edit_rechts_bottom{background-image: url(Url);}


-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag30.04.2009 um 12:31 (UTC)    
Titel:

Super. Danke. Das hast schonmal geklappt. Smile
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de