Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.07.2007 um 12:48 (UTC)    
Titel: Rahmen um Content und Navi im Design Iceblue

Hallo! Ich möchte mein Textfeld (Content) und die Navigationsleiste jeweils mit einem Rahmen versehen. Weiterhin, möchte ich einen Abstand zwischen Header und Content, Navi und Boxen haben. Geht das??

Für Eure Hilfe bedanke ich mich schon mal im voraus.

Gruß
Klaus
Beitrag09.07.2007 um 13:00 (UTC)    
Titel:

Hi,

gebe zu den Anweisungen für Content/Navi
folgendes dazu:

Zitat:
border: 1px solid #xxxxxx;

Das Rote=>Die Stärke des Randes
Das Orange=>Farbe des Randes.

Farbwähler:
http://max-im-web.de.tl/Farbw.ae.hler.htm
______________
http://blog.mamuehi.de
Beitrag09.07.2007 um 13:24 (UTC)    
Titel: Rahmen um Content und Navi im Design Iceblue

Hi Max,

danke für die schnelle Antwort. Ich zeige mal meinen Code des gesamten Designs. Wäre nett, wenn Du mir dann zeigen könntest, wo ich dann die Anweisung einzufügen habe.

Vielen Dank!!!

<div align="center">
<table border="0" width="70%">
<tr>
<td>
<style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img.webme.com/pic/s/svveert-b1/bannerb1neu1.jpg);}
td.headline{visibility:hidden;}
body{background-image:url(http://img.webme.com/pic/j/jointt23/wasserstrudelgruen.jpg);background-attachment: fixed}
td.nav{background-image:url(http://img.webme.com/pic/j/jointt23/lastgruenbutton.jpg);}
td.nav:hover{background-image:url(http://img.webme.com/pic/j/jointt23/bt4hlsw_1.gif); background-color: transparent;}
td.nav_heading{background-image:url(http://img.webme.com/pic/j/jointt23/btakywl_1.gif);background-color:#000000;}
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(http://img.webme.com/pic/j/jointt23/btakywl_1.gif);background-color:#000000;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/j/jointt23/contentgruen.gif);background-color:#000000;}
td.edit_content{background-image:url(http://img.webme.com/pic/j/jointt23/gruenwolkedunkel.png);background-color:#000000;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/j/jointt23/contentgruen.gif);background-color:#000000;}
td.edit_content_bottom2{background-image:url(URL);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.shouty{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.shouty2{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.shouty3{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.shouty4{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.shouty5{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rb_footer{
visibility: hidden;}
td.edit_rechts_bottom{background-image: url();}
td.edit_content_bottom:hover{background-image:url(http://img.webme.com/pic/j/jointt/mussreinmadebyjointt.gif);background-color:;}
tr.checked_menu td{background-image:url(
http://img.webme.com/pic/j/jointt23/gelbbuttonnav.gif);}
tr.checked_menu td:hover{background-image:url(http://img.webme.com/pic/j/jointt/btsawul_1.gif);}
-->
</style>
<style type="text/css">
<!--
td.edit_content {background-image:url();background-color: #ffffff;}
-->
</style>
<style type="text/css">
<!--
td.nav{text-decoration: none;color: #000000;width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/s/svveert-b1/button_yellow.gif);}
td.nav:hover{text-decoration: none;color: #000000;width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/s/svveert-b1/buttonlight2.gif );}
-->
</style>
<style type="text/css">
<!--
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(); background-color:#DFDF18;}
-->
</style>
<style type="text/css">
<!--
td.edit_header_full{height: 130px;width: 1037px;}
-->
</style>
<style type="text/css">
<!--
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;padding-right:55px;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;padding-left:55px;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
Beitrag09.07.2007 um 13:36 (UTC)    
Titel:

Hi,

hier dein Code:
Zitat:
<div align="center">
<table border="0" width="70%">
<tr>
<td>
<style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img.webme.com/pic/s/svveert-b1/bannerb1neu1.jpg);}
td.headline{visibility:hidden;}
body{background-image:url(http://img.webme.com/pic/j/jointt23/wasserstrudelgruen.jpg);background-attachment: fixed}
td.nav{background-image:url(http://img.webme.com/pic/j/jointt23/lastgruenbutton.jpg);border: 1px solid #xxxxxx;}
td.nav:hover{background-image:url(http://img.webme.com/pic/j/jointt23/bt4hlsw_1.gif); background-color: transparent;}
td.nav_heading{background-image:url(http://img.webme.com/pic/j/jointt23/btakywl_1.gif);background-color:#000000;}
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(http://img.webme.com/pic/j/jointt23/btakywl_1.gif);background-color:#000000;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/j/jointt23/contentgruen.gif);background-color:#000000;}
td.edit_content{background-image:url(http://img.webme.com/pic/j/jointt23/gruenwolkedunkel.png);background-color:#000000;border: 1px solid #xxxxxx;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/j/jointt23/contentgruen.gif);background-color:#000000;}
td.edit_content_bottom2{background-image:url(URL);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.shouty{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.shouty2{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.shouty3{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.shouty4{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.shouty5{background-image:url(http://img.webme.com/pic/j/jointt23/xtreme.png);background-color:#FFFFFF;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rb_footer{
visibility: hidden;}
td.edit_rechts_bottom{background-image: url();}
td.edit_content_bottom:hover{background-image:url(http://img.webme.com/pic/j/jointt/mussreinmadebyjointt.gif);background-color:;}
tr.checked_menu td{background-image:url(
http://img.webme.com/pic/j/jointt23/gelbbuttonnav.gif);}
tr.checked_menu td:hover{background-image:url(http://img.webme.com/pic/j/jointt/btsawul_1.gif);}
-->
</style>
<style type="text/css">
<!--
td.edit_content {background-image:url();background-color: #ffffff;}
-->
</style>
<style type="text/css">
<!--
td.nav{text-decoration: none;color: #000000;width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/s/svveert-b1/button_yellow.gif);}
td.nav:hover{text-decoration: none;color: #000000;width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/s/svveert-b1/buttonlight2.gif );}
-->
</style>
<style type="text/css">
<!--
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(); background-color:#DFDF18;}
-->
</style>
<style type="text/css">
<!--
td.edit_header_full{height: 130px;width: 1037px;}
-->
</style>
<style type="text/css">
<!--
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;padding-right:55px;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;padding-left:55px;}
td.edit_rechts_cbg{width:100%;}
-->
</style>


Tipp:
Räume mal deinen CSS-Code auf (es gibt viele doppelte Befehle).
______________
http://blog.mamuehi.de
Beitrag09.07.2007 um 14:00 (UTC)    
Titel: Rahmen um Content und Navi im Design Iceblue

Vielen Dank für Deine Hilfe Max!!

Das mit dem Aufräumen ist so eine Sache. Ich habe nicht so viel Ahnung und bringe dann nachher so manches durcheinander.

Die rechten Boxen, werde ich doch dann auch wohl einrahmen können, oder??

Nochmals vielen Dank!!!

Klaus
Beiträge der letzten Zeit anzeigen:   


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