Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.07.2007 um 13:04 (UTC)    
Titel: Design: Übergang in Rechte Box

Hallo, ich habe versucht einen Übergang vom Design in die Rechte Box per CSS zu designen, aber ich hatte bis jetzt leider noch keinen Erfolg, da ich auch kein CSS-Profi bin. Kann mir vielleicht jemand helfen? ( sorry, dass ich immer so bescheuerte Fragen stelle... )
( es kann auch ein das ich einfach einen einheitlichen Hintergrund in diesem Blau brauche(kann ich auch nicht))
Hier nochmal alles als Bild:



( Klick zum Vergrößern)

Hier mein CSS Code:

<style type="text/css">
<!--
td.edit_header_full{height: 110px;background-image:url(http://www.bilder-hochladen.net/files/2nes-r.jpg);background-repeat:no-repeat;}
object.objekt{position: absolute;left: 5px;top: 0px;}

td.nav{background-image: url(http://img.webme.com/pic/m/mf-fun-design/menuebutton1.png);background-color: transparent;border: 0px solid #ffffff;}

td.nav:hover{background-image: url(http://img.webme.com/pic/m/mf-fun-design/menuebutton2.png);background-color: transparent;border: 0px solid #000000;}

td.nav a{font-size: 115%;color: #ffffff;}

td.nav_heading{color: #ffffff;background-image: url(http://img.webme.com/pic/m/mf-fun-design/menuehintergrund3.png);background-color: transparent;}

td.sidebar_heading{color: #ffffff;background-color: transparent;background-image: url(http://img.webme.com/pic/m/mf-fun-design/menuehintergrund3.png);}

td.shouty{color: #000000;background-image: url();background-color: #ffffff;}

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

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

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

td.shouty5{color: #000000;background-image: url();background-color: #ffffff;}

body{background-image: url(http://img.webme.com/pic/m/mf-fun-design/hintergrund2.png);background-color: transparent;}

td.edit_rechts_sbg{background-image: url(URL);visibility: hidden;position: absolute;right: 0px;}

td.edit_rb_footer{visibility: hidden;}

td.edit_content_top{height: 23px;background-image: url(http://img.webme.com/pic/c/conceptweb/menuehintergrund3.png);background-color: transparent;}

td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}

td.edit_rechts_bottom{background-image: url(URL);background-color: transparent;}

td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}

td.edit_below_nav{visibility: hidden;}

td.headline{visibility: hidden;}

a{text-decoration: none;}

a:hover{text-decoration: none;}

td.headline2{color: #ffffff;font-weight:bold;}

td.edit_content{background-image: url(URL);background-color: #ffffff;}

td.edit_content_bottom{background-image: url(URL);background-color: #ffffff;}


-->
</style>



<div align="center">

<table border="0" width="70%"




Danke, Severin


Zuletzt bearbeitet von hpbk-designer am 15.07.2007, 14:06, insgesamt einmal bearbeitet
Beitrag15.07.2007 um 18:36 (UTC)    
Titel:

Ich habe Dir da noch was mit eingebaut Wink

Zitat:
<style type="text/css">
<!--
td.edit_header_full{height: 110px;background-image:url(http://www.bilder-hochladen.net/files/2nes-r.jpg);background-repeat:no-repeat;}
object.objekt{position: absolute;left: 5px;top: 0px;}
td.nav{background-image: url(http://img.webme.com/pic/m/mf-fun-design/menuebutton1.png);background-color: transparent;border: 0px solid #ffffff;}
td.nav:hover{background-image: url(http://img.webme.com/pic/m/mf-fun-design/menuebutton2.png);background-color: transparent;border: 0px solid #000000;}
td.nav a{font-size: 115%;color: #ffffff;}
td.nav_heading{color: #ffffff;background-image: url(http://img.webme.com/pic/m/mf-fun-design/menuehintergrund3.png);background-color: transparent;height: 23px;}
td.sidebar_heading{color: #ffffff;background-color: transparent;background-image: url(http://img.webme.com/pic/m/mf-fun-design/menuehintergrund3.png);height: 23px;}
td.shouty{color: #000000;background-image: url();background-color: #ffffff;}
td.shouty2{color: #000000;background-image: url();background-color: #ffffff;}
td.shouty3{color: #000000;background-image: url);background-color: #ffffff;}
td.shouty4{color: #000000;background-image: url();background-color: #ffffff;}
td.shouty5{color: #000000;background-image: url();background-color: #ffffff;}
body{background-image: url(http://img.webme.com/pic/m/mf-fun-design/hintergrund2.png);background-color: transparent;}
td.edit_rechts_sbg{background-image: url(URL);visibility: hidden;position: absolute;right: 0px;}
td.edit_rb_footer{visibility: hidden;height: 0px;}
td.edit_content_top{height: 23px;background-image: url(http://img.webme.com/pic/c/conceptweb/menuehintergrund3.png);background-color: transparent;}
td.edit_rechts_cbg{background-image: url(URL);background-color: transparent;}
td.edit_rechts_bottom{background-image: url(URL);background-color: transparent;}
td.edit_navi_headbg{background-image: url(URL);background-color: transparent;}
td.edit_below_nav{visibility: hidden;}
td.headline{visibility: hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
td.headline2{color: #ffffff;font-weight:bold;}
td.edit_content{background-image: url(URL);background-color: #ffffff;}
td.edit_content_bottom{background-image: url(URL);background-color: #ffffff;}



-->
</style>
Beitrag15.07.2007 um 19:47 (UTC)    
Titel:

Hi, danke...ich hab ihn eingebaut...aber was hat soch da denn jetzt verändert?
Beitrag15.07.2007 um 19:51 (UTC)    
Titel:

Die "Balken" über den einzelnen Elementen sollten jetzt die selbe Höhe haben.
Beitrag15.07.2007 um 19:55 (UTC)    
Titel:

naja, nicht ganz, aber fast!
Beitrag15.07.2007 um 20:14 (UTC)    
Titel:

hmm...okay, trotzdem danke für die hilfe!
Beitrag15.07.2007 um 20:17 (UTC)    
Titel:

Versuche mal für die drei Werte (23px) einen höheren Wert, z.B. 30px einzusetzen.
Beitrag16.07.2007 um 13:44 (UTC)    
Titel:

hab ich jetzt eingesetzt, allerdings ist der abstand jetzt noch größer...
Beitrag16.07.2007 um 17:46 (UTC)    
Titel:

hpbk-designer hat Folgendes geschrieben:
hab ich jetzt eingesetzt, allerdings ist der abstand jetzt noch größer...

Hi,

dann würde ich die Werte herabsenken Wink
______________
http://blog.mamuehi.de
Beitrag16.07.2007 um 18:24 (UTC)    
Titel:

sooo, ich glaub ich heb das jetzt einigermaßen hinbekommen, danke an max-im-web und coolplace!


Zuletzt bearbeitet von hpbk-designer am 16.07.2007, 20:59, insgesamt 3-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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