Suche im Forum:
Suchen


Autor Nachricht
Beitrag13.09.2010 um 00:22 (UTC)    
Titel: Suche jmd. der mir mein Design mittig stellt
Antworten mit Zitat
Hallo,
kann mir irgenjemand mein Design mittig stellen ?
Ich habe es versucht mit diesem Code aber es hat nicht funktioniert. Der Code ist unten.
Biete Werbeplatz.

mfg Super-1860


Code:
<style type="text/css">
<!--

/* Werbung zentrieren */
table[height="102"] {
  margin: auto; }


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

-->
</style>



Code:
<style type="text/css">
<!--

/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://www.fotos-hochladen.net/uploads/sdgfdvrmsytpc.png);
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://www.fotos-hochladen.net/uploads/tsv1860headermh5r2eb9.png);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#69abf7;
background-image:url();
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://www.fotos-hochladen.net/uploads/1860rbuttona9096e9fjjmrwa0un.jpg);
border:1px solid #000000; }

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://www.fotos-hochladen.net/uploads/1860hoverrbuttonbfeddhqwagnc.gif);
border:1px solid #000000; }

/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#69abf7;
background-image:url();
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#69abf7;
background-image: url();
border:1px solid #000000; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#000000;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#69abf7;
background-image: url();
border:1px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

-->
</style>
Code:
Code:


Zuletzt bearbeitet von super-1860 am 13.09.2010, 15:35, insgesamt einmal bearbeitet
↑
Beitrag13.09.2010 um 01:52 (UTC)    
Titel:
Antworten mit Zitat
Moin,
um das Design "mittig" zu setzen gibt es ein Tutorial:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=52241

Du brauchst demnach nur im Text über dem Design dies ergänzen:

Code:

<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>


Und dies im Text unter dem Design einfügen:

Code:

</td>
</tr>
</table>
</div>



MfG Demon
↑
Beitrag13.09.2010 um 10:09 (UTC)    
Titel:
Antworten mit Zitat
Habe es mal versucht hier: http://stripes-test.de.tl/

ist leider nicht ganz mittig
↑
Beitrag13.09.2010 um 10:17 (UTC)    
Titel:
Antworten mit Zitat
nimm die codes mal wieder weg und setze den zwischen den styletags

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


sollte das design mit dem generator gemacht worden sein, dann klappt das aber eventuell auch nicht.

gruss gringo

bei meinem code klappt das anstandslos. keine ahnung warum es bei manch anderen codes nicht so hinhaut.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 13.09.2010, 11:19, insgesamt einmal bearbeitet
↑
Beitrag13.09.2010 um 10:54 (UTC)    
Titel:
Antworten mit Zitat
ich habe ja oben den code hingeschrieben

könntest du mir sagen wo genau ich es einfügen muss ?
↑
Beitrag13.09.2010 um 10:59 (UTC)    
Titel:
Antworten mit Zitat
Code:
<style type="text/css">
<!--


am besten gleich darunter. codes gehören immer zwischen styletags, wenn sie das design betreffen. und das wäre schon mal ein styletag. der andere styletag ist unten der abschluss im code.

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

↑
Beitrag13.09.2010 um 12:01 (UTC)    
Titel:
Antworten mit Zitat
Hab ihn hier ausprobiert: http://stripes-test.de.tl

Hab ich ihn falsch eingestetzt ?

Code:
<style type="text/css">
<!--
table.edit_main_table, table[height="102"]{margin: 0 auto;}
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://www.fotos-hochladen.net/uploads/sdgfdvrmsytpc.png);
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://www.fotos-hochladen.net/uploads/tsv1860headermh5r2eb9.png);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#69abf7;
background-image:url();
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://www.fotos-hochladen.net/uploads/1860rbuttona9096e9fjjmrwa0un.jpg);
border:1px solid #000000; }

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://www.fotos-hochladen.net/uploads/1860hoverrbuttonbfeddhqwagnc.gif);
border:1px solid #000000; }

/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#69abf7;
background-image:url();
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#69abf7;
background-image: url();
border:1px solid #000000; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#000000;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#69abf7;
background-image: url();
border:1px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
-->
</style>
↑
Beitrag13.09.2010 um 17:02 (UTC)    
Titel:
Antworten mit Zitat
ich gehe mal davon aus, dass du bei text unter dem design nichts mehr drin hast. dann liegt es an deinem code an sich. morgen setz ich mich mal ran und ändere ihn. dann sollt es auch klappen.

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

↑
Beitrag13.09.2010 um 19:34 (UTC)    
Titel:
Antworten mit Zitat
Vielen, vielen Dank Gringo.

Hast was gut bei mir.
↑
Beitrag13.09.2010 um 19:51 (UTC)    
Titel:
Antworten mit Zitat
sodele, das design mitsamt werbung ist zentriert. dein design hab ich gleich verbreitert. dein header ist ebenfalls verbreitert und macht selbst bei einer auflösung von 1920 keine probleme. dein hintergrund hab ich angepasst, dein alter war zu klein. das feld unter dem content hab ich entfernt. sieht komisch aus wenn es gegen die boxen stösst. deshalb lieber weglassen. die rechten boxen sind ebenfalls verbreitert. die haben nun die gleiche breite wie die navigation. musst nur mal inhalte einfügen. dann würde auf deiner hp das bild des livetickers auch passen.

hier der code (text über dem design):

Code:
<style type="text/css">
<!--
table.edit_main_table{width: 90% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}

td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}

table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5{width:185px;}

td.edit_content{background-image:url();background-color:#ffffff;border: 1px solid #000000;}
 
td.nav:hover{background-image: url(http://www.fotos-hochladen.net/uploads/1860hoverrbuttonbfeddhqwagnc.gif);background-color:#XXXXXX;width:
185px;height: 33px;border: 1px solid #000000;}

td.nav{background-image: url(http://www.fotos-hochladen.net/uploads/1860rbuttona9096e9fjjmrwa0un.jpg);background-color:#XXXXXX;width:
185px;height: 33px;border: 1px solid #000000;}

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

body{background-image:url(http://666kb.com/i/bmn5zf1nvl7rg8bfa.png);background-color:#B3D7F0;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url();
background-repeat:repeat;
background-color:#F2F2F2;font-family: arial;font-size: 14px;
color:#000080;border: 1px solid #000000;}

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

td.edit_content_top,td.edit_content_top:hover{background-image:url();background-color:#69abf7;height: 29px;border: 1px solid #000000;}

td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
 
td.nav_heading{background-image:url();background-color:#69abf7;height: 29px;border: 1px solid #000000;}

td.sidebar_heading{background-image:url();background-color:#69abf7;height: 29px;border: 1px solid #000000;}

td.edit_rb_footer{display: none;}

td.edit_content_bottom2{background-image:url();background-color:#XXXXXX;height: 19px;border: 0px solid #000000;}

td.edit_content_bottom{display: none;}

td.nav_heading{font-family: arial;font-size: 14px;color: #000000;padding-left:26px;text-align: left;}
td.nav a{font-family: arial;font-size: 14px;color: #000000;text-decoration: none;}
td.sidebar_heading{font-family: arial;font-size: 14px;color: #000000; text-align: center;}

td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url(http://666kb.com/i/bmn63jxqcfje1bufq.png );background-color:#XXXXXX;width:
2000; height: 104px;background-repeat: repeat;border: 1px solid #000000;}
-->
</style>

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



Zuletzt bearbeitet von 6p-iceblue am 13.09.2010, 21:11, insgesamt 3-mal bearbeitet
↑
Beitrag14.09.2010 um 13:06 (UTC)    
Titel:
Antworten mit Zitat
PERFEKT

Vielen, vielen Dank gringo. Echt super von dir.
↑
Beitrag14.09.2010 um 13:14 (UTC)    
Titel:
Antworten mit Zitat
ja, so bin ich manchmal Wink

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

↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.