Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.03.2011 um 10:16 (UTC)    
Titel: HP schmäler setzen

Hallo zusammen,

kann mir jemand helfen, und verraten, warum meine HP nach links und rechts so gestreckt ist? Eigentlich sollte die HP links und rechts bündig mit dem Header sein. Also die gesamte HP, linker Rand Navigation exakt über dem linken Rand des Headers, dasselbe rechts.

Ich habe ein Intro geschaltet, man kommt also nur so direkt auf die Seite: http://www.michaeljacksonhonors.de.tl/HOME.htm

Folgenden Code habe ich "über dem Design":

Zitat:
<style type="text/css">
<!--
td.edit_header_full{height: 175px;}
-->
<style type="text/css">
<!--
</style>
<script language="JavaScript" src="http://js.stats.de/j/0000100901"></script><script language="JavaScript">rapidstats(100901);</script><noscript><a href="http://www.stats.de" target="_blank"> <img src="http://srv1.stats.de/l/0000100901?js=0" border="0" alt=""></a></noscript><style type="text/css"><!-- /* Generated by www.design-generator.de.tl */ /*aktive Seite kennzeichnen*/
tr.checked_menu td
{
background-image:url(http://img.webme.com/pic/f/fab-md/button2011_hover2.jpg);
}body{background: url(http://img.webme.com/pic/f/fab-md/background2011_final3.jpg) #2E3839 fixed repeat;}td.edit_header_full{background: url(http://img.webme.com/pic/m/michaeljacksonhonors/header_rot_neutral.jpg) #FFFFFF no-repeat;}

td.headline2{visibility:hidden;}

td.headline{display:none;}

td.edit_content_top{background-image:url();height: 24px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}
td.edit_content_top:hover{background-image:url();height: 24px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.sidebar_heading{background: url() transparent;}
td.nav_heading{background: url() transparent;}

td.edit_content{background: url(http://img.webme.com/pic/f/fab-md/textbackground2011_final3.jpg) #FFFFFF;border: 1px solid #ffffff;}
td.edit_content_bottom{display:none;}
td.edit_content_bottom2{background-image:url();height: 20px;background-color:#ffffff;border: 1px solid #ffffff;}


td.headline{color: #962929;}

td.nav{background: url(http://img.webme.com/pic/f/fab-md/button2011_standard2b.jpg) #FFFFFF;}td.nav:hover{background: url(http://img.webme.com/pic/f/fab-md/button2011_hover2.jpg) #FFFFFF;}td.nav a,td.nav a:hover,a.menu,a.menu:hover,a.menu:visited{color: #FFFFFF;font-family:Tahoma;font-size:11px;}td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{background: url(http://img.webme.com/pic/f/fab-md/rechteboxinhalt2011_d.jpg) repeat #2F302E;border: 1px solid #ffffff;}td.edit_rb_footer{background-image:none;background-color:transparent;}td.edit_navi_headbg,td.edit_rechts_bottom,td.edit_rechts_cbg{background-image: none;}td.edit_below_nav img{display:none;}td.edit_rechts_sbg,td.edit_below_nav{visibility: hidden;}.edit_content_main div{overflow: visible!important;}--></style>
<div align="center">
<table border="0" width="30%" id="table1">
<tr>
<td>
<div align="center">
<style type="text/css">
<!-- table.edit_main_table{width: 100%;}
td.edit_main_tr{width: 100%;}
table.edit_second_table{width: 100%;}
td.edit_header_full{width: 100%;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100%;}
table.edit_third_table{width: 100%;}
table.edit_rechts_tabelle{width: 100%;}
-->
</style>
<style type="text/css">
<!--
#nav_IMPRESSUM{display:none;}
#nav_KONTAKT{display:none;}
#nav_NEWS{display:none;}
-->
</style>


Ich nehme an, ich muss etwas an den Prozentzahlen ändern, vielleicht weiß aber auch jemand auf Anhieb, wie diese zu verändern sind. Smile

Vielen Dank im Voraus!


Zuletzt bearbeitet von michaeljacksonhonors am 27.03.2011, 12:35, insgesamt 2-mal bearbeitet
Beitrag27.03.2011 um 10:57 (UTC)    
Titel: Re: HP schmäler setzen

michaeljacksonhonors hat Folgendes geschrieben:
Hallo zusammen,

kann mir jemand helfen, und verraten, warum meine HP nach links und rechts so gestreckt ist? Eigentlich sollte die HP links und rechts bündig mit dem Header sein. Also die gesamte HP, linker Rand Navigation exakt über dem linken Rand des Headers, dasselbe rechts.

Ich habe ein Intro geschaltet, man kommt also nur so direkt auf die Seite: http://www.michaeljacksonhonors.de.tl/HOME.htm

Folgenden Code habe ich "über dem Design":

Zitat:
<style type="text/css">
<!--
td.edit_header_full{height: 175px;}
-->
<style type="text/css">
<!--
</style>
<script language="JavaScript" src="http://js.stats.de/j/0000100901"></script><script language="JavaScript">rapidstats(100901);</script><noscript><a href="http://www.stats.de" target="_blank"> <img src="http://srv1.stats.de/l/0000100901?js=0" border="0" alt=""></a></noscript><style type="text/css"><!-- /* Generated by www.design-generator.de.tl */ /*aktive Seite kennzeichnen*/
tr.checked_menu td
{
background-image:url(http://img.webme.com/pic/f/fab-md/button2011_hover2.jpg);
}body{background: url(http://img.webme.com/pic/f/fab-md/background2011_final3.jpg) #2E3839 fixed repeat;}td.edit_header_full{background: url(http://img.webme.com/pic/m/michaeljacksonhonors/header_rot_neutral.jpg) #AD1220 no-repeat;}

td.headline2{visibility:hidden;}

td.headline{display:none;}

td.edit_content_top{background-image:url();height: 24px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}
td.edit_content_top:hover{background-image:url();height: 24px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.sidebar_heading{background: url() transparent;}
td.nav_heading{background: url() transparent;}

td.edit_content{background: url(http://img.webme.com/pic/f/fab-md/textbackground2011_final3.jpg) #FFFFFF;border: 1px solid #ffffff;}
td.edit_content_bottom{display:none;}
td.edit_content_bottom2{background-image:url();height: 20px;background-color:#ffffff;border: 1px solid #ffffff;}


td.headline{color: #962929;}

td.nav{background: url(http://img.webme.com/pic/f/fab-md/button2011_standard2b.jpg) #FFFFFF;}td.nav:hover{background: url(http://img.webme.com/pic/f/fab-md/button2011_hover2.jpg) #FFFFFF;}td.nav a,td.nav a:hover,a.menu,a.menu:hover,a.menu:visited{color: #FFFFFF;font-family:Tahoma;font-size:11px;}td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{background: url(http://img.webme.com/pic/f/fab-md/rechteboxinhalt2011_d.jpg) repeat #2F302E;border: 1px solid #ffffff;}td.edit_rb_footer{background-image:none;background-color:transparent;}td.edit_navi_headbg,td.edit_rechts_bottom,td.edit_rechts_cbg{background-image: none;}td.edit_below_nav img{display:none;}td.edit_rechts_sbg,td.edit_below_nav{visibility: hidden;}.edit_content_main div{overflow: visible!important;}--></style>
<div align="center">
<table border="0" width="30%" id="table1">
<tr>
<td>
<div align="center">
<style type="text/css">
<!-- table.edit_main_table{width: 100%;}
td.edit_main_tr{width: 100%;}
table.edit_second_table{width: 100%;}
td.edit_header_full{width: 100%;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100%;}
table.edit_third_table{width: 100%;}
table.edit_rechts_tabelle{width: 100%;}
-->
</style>
<style type="text/css">
<!--
#nav_IMPRESSUM{display:none;}
#nav_KONTAKT{display:none;}
#nav_NEWS{display:none;}
-->
</style>


Ich nehme an, ich muss etwas an den Prozentzahlen ändern, vielleicht weiß aber auch jemand auf Anhieb, wie diese zu verändern sind. Smile

Vielen Dank im Vorraus!


das rote ist dafür zuständig. ändere das mal etwa in 75 um. könnte in etwa passen.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 27.03.2011, 12:46, insgesamt 2-mal bearbeitet
Beitrag27.03.2011 um 11:36 (UTC)    
Titel:

Perfekt, danke (73% passt)! Smile

Jetzt ist meine Seite aber nicht mehr zentriert?!
Beitrag27.03.2011 um 11:44 (UTC)    
Titel:

war sie vorher auch nicht. setze mal <center> vor beginn des eigentlichen codes. könnte klappen.

hab noch was am code geändert. und zwar deine hintergrundfarbe des haeders, ist ebenfalls mit rot gekennzeichnet.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 27.03.2011, 12:47, insgesamt einmal bearbeitet
Beitrag27.03.2011 um 11:59 (UTC)    
Titel:

Der Header ist momentan absichtlich noch rot. Ich bastel gerade an einem farblich passenden. Wie ich den austausche weiß ich aber. Smile Trotzdem danke.

Wenn ich <center> ganz am Anfang vor dem Code einsetze, passiert gar nichts. Muss ich an irgendeiner Stelle eventuell noch </center> einfügen??
Beitrag27.03.2011 um 12:06 (UTC)    
Titel:

http://iceblue-test.de.tl/Design-zentrieren.htm

dann gehe vor, wie dort beschrieben. den werbeteil kannst du ja weglassen.

Code:
/* Design zentrieren */
table.edit_main_table {margin: auto; }


das kommt natürlich innerhalb der styletags.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 27.03.2011, 13:08, insgesamt 2-mal bearbeitet
Beitrag27.03.2011 um 12:23 (UTC)    
Titel:

Super! Danke gringo!

Alles so, wie es sein sollte.
Ich hatte eigentlich nur Grafiken ausgetauscht, aber irgendwie scheint davon der Code betroffen gewesen zu sein. Jetzt ist aber wieder alles korrekt. Danke noch mal.


Zuletzt bearbeitet von michaeljacksonhonors am 27.03.2011, 13:24, insgesamt einmal bearbeitet
Beitrag27.03.2011 um 12:26 (UTC)    
Titel:

gern geschehen, aber ich sehe dein design immer noch links und nicht mittig.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag28.03.2011 um 20:01 (UTC)    
Titel:

Achja, mit dem Firefox ist die Seite mittig, mit Opera allerdings linksbündig.. Irgendeine Idee?

Und wüsstest du, warum die Seite "länger lädt"? Also wenn ich einen Button klicke, wird zuerst für einen ganz kurzen Moment das Ice Blue Standard-Design angezeigt, ehe es auf meine Grafiken umspringt.
Ist mein Code vielleicht nicht ganz "sauber" oder woher kommen die längeren Ladezeiten? An der Internetverbindung kann es eigentlich nicht liegen, da es erst seit meiner Farbumstellung der Site so "hängt"...
Beitrag29.03.2011 um 05:01 (UTC)    
Titel:

Code:
table.edit_main_table, table[height="0"]{margin: 0 auto;}


versuch mal ob der code funktioniert. kann das nicht testen, weil ich keine werbefreiheit habe. das kommt ionnerhalb der styletags.

ansonsten hab ich das noch gefunden: http://www.homepage-baukasten.de/forum/viewtopic.php?t=52241

dort kommt es ausserhalb der styletegs, jeweils an erster stelle.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 29.03.2011, 06:28, insgesamt einmal bearbeitet
Beitrag31.03.2011 um 17:35 (UTC)    
Titel:

Danke für den Link! Das war es. Smile
Beiträge der letzten Zeit anzeigen:   


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