Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag19.07.2013 um 19:02 (UTC)    
Titel: Probleme beim Verbreitern des Designs

Hallo zusammen,

ich möchte gerne das Design meiner Homepage etwas verbreitern, um in Zukunft im mittleren Bereich größere Bilder einstellen und auch noch andere Dinge schöner darstellen zu können.
Ich habe hier im Forum bereits folgenden Code gefunden:

<style type="text/css">
<!--
.edit_main_table,.edit_third_table{
width: 1062px!important;
}
-->
</style>

...und auch eingefügt.

Auf www.sola1.de.tl seht ihr das Ergebnis.

Ich habe jetzt folgende Probleme, bei denen ihr mir hoffentlich helfen könnte:

1. Die Boxen auf der rechten Seite sollen rechtsbündig sein.
2. Das mittlere Feld soll dann den gesamten Bereich zwischen Navi und den Boxen ausfüllen

Für jede Hilfe bin ich dankbar!

Gruß
Niklas
Beitrag19.07.2013 um 20:58 (UTC)    
Titel: Re: Probleme beim Verbreitern des Designs

tausch es mal aus gegen das:

<style type="text/css" typ="text/css"> <!--

/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px;}

/* Werbung über Design mittig */
table[height="102"] { margin: auto; }

/* Das Design mittig - zentriert ausrichten */
table.edit_main_table { margin: auto; }

/* Iceblue verbreitern auf 1000 Pixel */
table.edit_main_table {width: 1000px!important;margin: auto; }

td.edit_main_tr {height: 50%!important;width: 1000px!important; }

table.edit_second_table {width: 100%!important; }

/*Header */
td.edit_header_full {width: 1000px!important; }

table.edit_third_table {width: 100%!important; }

-->
</style>

.....überall da wo der Wert blau ist kannst du ihn nach deiner Vorstellung anpassen und das Design ins gesamt verbreitern
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag20.07.2013 um 05:30 (UTC)    
Titel:

Ich habe es jetzt eingefügt und eine Breite von 1280 px gewählt,
aber das Problem bleibt leider das gleiche.
Ich könnte mir vorstellen, dass es evtl. auch an den anderen Codes liegt, die ich bisher bei Text über dem Design eingefügt habe.
Um das auszuschließen, hier ich auch mal der Rest:

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

/* Navi-Button */
td.nav {
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/s/sola1/buttongrund.jpg); }

/* Navi-Button Hover-Effekt */
td.nav:hover {
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/s/sola1/buttonhover.jpg); }

/* Navi-Link Farbe und Größe */
td.nav a {
color: #000000;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
text-decoration: none; }

/* Navi-Link Hover */
td.nav a:hover {
color: #000080; }

/* aktuell besuchte Seite */
tr.checked_menu td {
background-color: #6f8ac4;
background-image: url(http://img.webme.com/pic/s/sola1/buttongrund.jpg); }

/* Hintergrundfarbe */
body {
background-color: #708090; }
td.edit_rechts_sbg{background: url(http://) #708090;}
td.edit_rb_footer{background: url(http://) #708090;}
td.edit_rechts_bottom{background: url(http://) #708090;}
td.edit_navi_headbg{background: url(http://) #708090;}
td.edit_rechts_cbg{background: url(http://) #708090;}
td.edit_below_nav{background: url(http://) #708090;}
td.nav_heading{background-image: url(http://img.webme.com/pic/s/sola1/rub_navheading.jpg);}
td.edit_content_top{background-image: url(http://img.webme.com/pic/s/sola1/rub_content_top.jpg);}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(http://img.webme.com/pic/s/sola1/rub_nav_bottom.jpg);
background-repeat:no-repeat;background-position: center center;}
td.edit_content{background: url(http://) #8FC0FE;}
td.edit_content_bottom{background: url(http://) #8FC0FE;}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/s/sola1/rub_content_bottom.jpg);}
td.sidebar_heading{background: url(http://) #2479FE;border: 1px solid #000000;}
td.edit_rb_footer{background: url(http://) #8FC0FE;}
td.shouty{color:#2479FE;background-image: url(URL);background-color: #FFFC57;border: 1px solid #000000;}
td.shouty2{color:#2479FE;background-image: url(URL);background-color: #FFFC57;border: 1px solid #000000;}
td.shouty3{color:#2479FE;background-image: url(URL);background-color: #FFFC57;border: 1px solid #000000;}
td.shouty4{color:#2479FE;background-image: url(URL);background-color: #FFFC57;border: 1px solid #000000;}
td.shouty5{color:#2479FE;background-image: url(URL);background-color: #FFFC57;border: 1px solid #000000;}

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

-->
</style>
Beitrag20.07.2013 um 11:50 (UTC)    
Titel:

nimm am besten den code von hier, und passe ihn für dich an:

http://designcodes.de.tl/Home.htm

dann passt sich das design automatisch den monitorauflösungen an. trotzdem bitte nur bilder einfügen bis etwa 640 pixel breite. sonst kann es bei 1024er auflösung einen scrollbalken erzeugen.

speichere dir deinen jetzigen code am besten in einer textdatei ab (den neuen dann ebenfalls so bearbeiten):

http://6p-iceblue.de.tl/Code-speichern.htm

gruss gringo

tip: einen fertigen code zum leichter bearbeiten findest du dort vor.

tip2: du kannst dann die breite der rechten boxen ebenfalls ändern. alles dort zu finden.

ansonsten musst du hier mal schauen:

http://iceblue-test.de.tl/Design-verbreitern.htm
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 20.07.2013, 12:56, insgesamt 2-mal bearbeitet
Beitrag20.07.2013 um 17:06 (UTC)    
Titel:

Super! Ich habe es dank deiner Hilfe hinbekommen Smile Dankeschön!
Beiträge der letzten Zeit anzeigen:   


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