Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag25.06.2008 um 11:39 (UTC)    
Titel: [erledigt] Desingproblem

Hi
hab ein desing gemacht hab aber noch ein Problem damit.
Die erste rechte box ist normal aber die anderen sind schwarz umrandet.

Ich habe folgenden CSS Code verwendet:
Code:
<p align="center"><style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzheader.png);background-color:;} td.headline{visibility:hidden;} body{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder.png);background-color:;} td.nav{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder2.gif);background-repeat:no-repeat;width:185px;} td.nav:hover{background-image: url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder2.gif);background-repeat:no-repeat;width:185px;} td.nav_heading{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder2.gif);background-color:;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder.png);}
 td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder2.gif);background-color:;} td.edit_content_top{background-image:url();background-color:;} td.edit_content{background-image:url();background-color: transparent;background-repeat:no-repeat;} td.edit_content_bottom{background-image:url();background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url();background-color:#FFFFFF;border: 3px solid Hex codes;} td.shouty2{background-image:url();background-color:#FFFFFF;border: 3px solid ;} td.shouty3{background-image:url();background-color:#FFFFFF;border: 3px solid ;} td.shouty4{background-image:url();background-color:#000000;border:3px solid ;} td.shouty5{background-image:url();background-color:#000000;border: 3px solid ;} td.edit_rechts_cbg{background-image: url();} td.edit_rb_footer{background-image:url();background-color:transparent;} td.edit_rechts_bottom{background-image: url();} --> </style></p>

Ich hoffe ihr könnt mir helfen.

LG Onkelzfan


Zuletzt bearbeitet von bestofonkelz am 25.06.2008, 13:36, insgesamt 2-mal bearbeitet
Beitrag25.06.2008 um 11:50 (UTC)    
Titel:

Zuerst einmal muss der Code ordentlich gemacht werden, bevor man da Fehler finden kann.

Zitat:
<p align="center">

<style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzheader.png);background-color:;}
td.headline{visibility:hidden;}
body{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder.png);background-color:;}
td.nav{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder2.gif);background-repeat:no-repeat;width:185px;}
td.nav:hover{background-image: url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder2.gif);background-repeat:no-repeat;width:185px;}
td.nav_heading{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder2.gif);background-color:;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder.png);}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/w/we-will-help-you/onkelzhinder2.gif);background-color:;}
td.edit_content_top{background-image:url();background-color:;}
td.edit_content{background-image:url();background-color: transparent;background-repeat:no-repeat;}
td.edit_content_bottom{background-image:url();background-color:;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image:url();background-color:#FFFFFF;border: 3px solid Hex codes;}
td.shouty2{background-image:url();background-color:#FFFFFF;border: 3px solid ;}
td.shouty3{background-image:url();background-color:#FFFFFF;border: 3px solid ;}
td.shouty4{background-image:url();background-color:#000000;border:3px solid ;}
td.shouty5{background-image:url();background-color:#000000;border: 3px solid ;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rb_footer{background-image:url();background-color:transparent;}
td.edit_rechts_bottom{background-image: url();}
-->
</style>
</p>


Jetzt kann man einen Fehler finden und den habe ich auch gefunden. Und zwar im folgenden Bereich:

Zitat:
td.shouty{background-image:url();background-color:#FFFFFF;border: 3px solid Hex codes;}
td.shouty2{background-image:url();background-color:#FFFFFF;border: 3px solid ;}
td.shouty3{background-image:url();background-color:#FFFFFF;border: 3px solid ;}
td.shouty4{background-image:url();background-color:#000000;border:3px solid ;}
td.shouty5{background-image:url();background-color:#000000;border: 3px solid ;}


Das Rote stand bereits drinnen. Da dort eigentlich ein Hexcode hingehört, so wie dran steht, aber sich dort nichts befindet, sondern ein Text, wird es als Transparent anerkannt. Deswegen kann man, wenn es darum geht, einen Hexcode anzugeben, auch xxxxxx reinschreiben. Das ist kein bestimmter Befehl, sondern einfach ein Platzhalter. Da dort also etwas steht, meint der Browser, hier soll es Transparent werden. Du hättest also entweder leer lassen oder einen Hexcode einfügen müssen. Hier 3 Variationen:

schwarz hat Folgendes geschrieben:
td.shouty{background-image:url();background-color:#FFFFFF;border: 3px solid #000000;}
td.shouty2{background-image:url();background-color:#FFFFFF;border: 3px solid #000000;}
td.shouty3{background-image:url();background-color:#FFFFFF;border: 3px solid #000000;}
td.shouty4{background-image:url();background-color:#000000;border:3px solid #000000;}
td.shouty5{background-image:url();background-color:#000000;border: 3px solid #000000;}


standard border = schwarz hat Folgendes geschrieben:
td.shouty{background-image:url();background-color:#FFFFFF;border: 3px solid;}
td.shouty2{background-image:url();background-color:#FFFFFF;border: 3px solid ;}
td.shouty3{background-image:url();background-color:#FFFFFF;border: 3px solid ;}
td.shouty4{background-image:url();background-color:#000000;border:3px solid ;}
td.shouty5{background-image:url();background-color:#000000;border: 3px solid ;}


transparent hat Folgendes geschrieben:
td.shouty{background-image:url();background-color:#FFFFFF;border: 3px solid xxxxxx;}
td.shouty2{background-image:url();background-color:#FFFFFF;border: 3px solid xxxxxx;}
td.shouty3{background-image:url();background-color:#FFFFFF;border: 3px solid xxxxxx;}
td.shouty4{background-image:url();background-color:#000000;border:3px solid xxxxxx;}
td.shouty5{background-image:url();background-color:#000000;border: 3px solid xxxxxx;}

______________
LG André

GMMTS.de
Beitrag25.06.2008 um 12:04 (UTC)    
Titel:

Sorry Andybabe, aber er hatte nach dem Rahmen gefragt:
Zitat:

td.shouty{background-image:url();background-color:#FFFFFF;}
td.shouty2{background-image:url();background-color:#FFFFFF;}
td.shouty3{background-image:url();background-color:#FFFFFF;}
td.shouty4{background-image:url();background-color:#FFFFFF;}
td.shouty5{background-image:url();background-color:#FFFFFF;}

@onkelz
So müsste dein Code geändert werden, dann hast du einen weissen Hintergrund ohne Rahmen
Beitrag25.06.2008 um 12:10 (UTC)    
Titel:

ok danke euch beiden jetz is es ok.
Beitrag25.06.2008 um 12:15 (UTC)    
Titel:

bestofonkelz hat Folgendes geschrieben:
ok danke euch beiden jetz is es ok.

freut mich, schreibe doch bitte vor dem Threadtitel ein [erledigt]
Beiträge der letzten Zeit anzeigen:   


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