Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.07.2011 um 05:59 (UTC)    
Titel: Ice Blue Design rechte Box

Hallo Zusammen
Habe bisher noch keine Hilfe benötigt komme aber nicht mehr weiter. Wie bekomme ich die rechte Box weg oder in den Hintergrund.

www.hoschi-design.de

LG Hoschi
Beitrag26.07.2011 um 08:39 (UTC)    
Titel:

Beitrag26.07.2011 um 08:57 (UTC)    
Titel:

Vielen Dank für Dein Feedback.
Und wo soll ich das reinschreiben.

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

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

/* Hintergrund und Farbe hinter Design */
body {
background-color: #ffffff;
background-image: url(http://img.webme.com/pic/h/hoschi-design/back.jpg);
background-repeat: no-repeat;background-position: center top;border: 0px
double #ffffff;}


/* Design mittig */
table.edit_main_table {
width: 980px!important;
margin: auto;
margin-bottom: 50px; }

/* zweite Tabelle um Icblue */
table.edit_second_table {
width: 980px!important; }

/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important; }




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

/* --- Headerfeld 1 980 x 104--------------*/
td.edit_header_full table[width="921"] {
width: 785px!important;
height: 104px!important;
background-color: #;
background-image: url(http://img.webme.com/pic/h/hoschi-design/header.jpg);
border: 0px solid #000000; }


/* ----- Headerfeld Ende -------------- */

td.edit_header_full {
background-image: url()!important; }

td.edit_navi_headbg {
height: 50%!important;
background-image: url(); }


/* Feld der Navigation */
td.edit_navi_headbg table {
width:160px!important;
margin-top: 15px;
border-left: 0px solid #000000;
border-top: 0px solid #000000;
border-right: 0px solid #000000; }

/* Titelfeld ?ber Navi 160 x 30 */
td.nav_heading {
color: #000000;
height: 30px;
font-size: 14px;
font-family: Times New Roman;
background-color: #;
background-image: url(http://img.webme.com/pic/d/designtogo/grayoverrund11o.png);
}

/* Navi-Button 160 x 33 */
td.nav {
background-color: #;
background-image: url(http://img.webme.com/pic/d/designtogo/grayoverrund11.png); }

/* Navi-Links */
td.nav a {
display: block;
line-height: 33px;
font-size: 14px;
font-family: Times New Roman;
color: #000000;
text-decoration: none; }


/* HOVER Button 160 x 33 */
td.nav:hover {
background-color: #;
background-image: url(http://img.webme.com/pic/d/designtogo/grayoverrund11o.png); }

/* HOVER Textlink */
td.nav a:hover {
font-size: 16px;
font-weight: bold;
font-family: Times New Roman;
color: #000000;
text-decoration: none; }

/* Grafik unter Navi entfernt mit */
td.edit_below_nav img { display:none; }

/* Abschluss unter der Navigation */
td.edit_below_nav {
height: 20px;
background-image: url(http://img.webme.com/pic/d/designtogo/headbar1.png);
border: 1px solid #000000;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px; }


td.edit_rechts_cbg {
height: 50%!important;
background-image: url(); }


/* Seiteninhalt */
table.edit_rechts_tabelle {
width:630px!important;
margin-left: 15px;
margin-top: 15px ;
margin-right: 15px;
background-color: #;
border: 1px solid #c9c9c9;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #111111;
moz-box-shadow: 7px 7px 9px #111111;
webkit-box-shadow: 7px 7px 9px #111111;
box-shadow: 7px 7px 9px #111111;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=135, Strength=7);}




td.edit_content {
padding: 5px!important;
background-image: url(); }

/* Titelfeld über Seite 610 x 30 */
td.edit_content_top {
height: 0px;
background-color: #;
background-image: url(); }

/* Titeltext ?ber Seiteninhalt */
td.headline2 {
color: #000000;
font-size: 14px;
font-family: Times New Roman; }

/* Abstandshalter links und rechts im Seiteninhalt */
td.edit_content_left_spacer , td.edit_content_right_spacer {
background-image: url(); }

/* Abschluss unter Seiteninhalt */
td.edit_content_bottom {
height: 0px;
background-image: url(); }

/* Counterfeld unten 610 x 30 */
td.edit_content_bottom2_counter {
padding: 5px;
text-align: center;
color: #000000!important;
background-color: #;
background-image: url();
border: 0px solid #000000; }

td.edit_content_bottom2 {
background-image: url(); }



td.edit_content_bottom2_left_spacer, td.edit_content_botom2_right_spacer {
display: none;}

/*=============*/
/* rechte Box 1 bis 5 */
table#sidebar_heading_1,
table#sidebar_heading_2,
table#sidebar_heading_3,
table#sidebar_heading_4, table#sidebar_heading_5 {
margin-top: 15px;
border: 0px solid #000000;
background-color: #; }






/* Titelfeld ?ber Box 168 x 30 */
td.sidebar_heading {
height: 30px;
color: #cccccc;
font-size: 14px;
font-family: Times New Roman;
background-color: #;
background-image: url(http://img.webme.com/pic/d/designtogo/boxover.png);
border: 0px solid #000000; /* = Rahmen */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

/* Inhalt der Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-color: transparent!important;
background-image: url(http://img.webme.com/pic/d/designtogo/boxvista2.png);
}

/* Abschluss unter den Boxen */
td.edit_rb_footer {
height: 0px;
background-color: #;
background-image: url();
}

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

td.edit_rechts_sbg {display:none;}


/* Feld f r das Menu */
#Menu_Box {
width: 650px; /* Breite */
position: absolute;
left: 50%; /* = NICHT AENDERN ! */
margin-left: -319px; /* nach LINKS + RECHTS verschieben */
margin-top: 189px; /* nach OBEN + UNTEN verschieben */
overflow: hidden;}
/* die 4 DIV Felder */
#link_1, #link_2, #link_3, #link_4,#link_5 {
float: left; /* Buttons nebeneinander */
text-align: center;
margin-right: 5px; /* Abstand zwischen Buttons */
overflow: hidden; }

/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a,#link_5 a {
display: block; /* = Verlinkung f llt Feld aus */
width: 120px; /* = Breite des Button */
height: 18px; /* = H he des Button */
line-height:20px; /* = muss H he bekommen, die auch height hat */
margin-top: 28px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #cccccc; /* = Linkfarbe */
font-size: 14px; /* = Link Textgroe e */
font-family: Times New Roman; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #; /* = Hintergrundfarbe Link */
border: 1px solid #000000; /* = Rahmen */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}


/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover,#link_5 a:hover {
font-size:14px;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #000000;
font-weight: bold;
background-color: #;
background-image: url(http://img.webme.com/pic/d/designtogo/headbar1.png);}


/* --- Hover Effekt --- */
.bild:hover {
width: 160px;
padding: 8px;
margin-right: 24px;
margin-bottom: 24px; }




/* Schriftgroesse + Schriftart + Textfarbe */
div, td, span {
color: #000000;
font-size:16px;
font-family: Times New Roman; }

-->
</style>
</div>
</div>
[/code]
Beitrag26.07.2011 um 10:31 (UTC)    
Titel:

nimm den code von dort und fang am besten neu an. oder teste was so ausgeblendet werden muss.

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

Beitrag26.07.2011 um 11:53 (UTC)    
Titel:

Es hat funktioniert, jedoch bekomme ich jetzt den Mittelteil nicht mehr bündig nach links.
Beitrag26.07.2011 um 12:16 (UTC)    
Titel:

Der Code von Gringo beinhaltet das das Design unabhängig von der Monitorauflösung zentriert dargestellt wird.
Sieht doch gut aus
______________
Beitrag26.07.2011 um 13:01 (UTC)    
Titel:

Aber es ist jetz nich zentriert zum Header und der linken Seite.
Beitrag26.07.2011 um 13:30 (UTC)    
Titel:

ich verstehe jetzt nicht was du meinst. ein screenshot wäre hilfreich.

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

Beitrag26.07.2011 um 13:31 (UTC)    
Titel:

möchtest du das H zentiert über der Navi und den Schriftzug "Grafik &Design"zentiert über dem Content haben?

Dann wäre die einfachste Lösung bei dem Headerbild zwischen dem H und dem Schriftzug ca 40 px einzufügen.
______________
Beitrag26.07.2011 um 13:44 (UTC)    
Titel:

Wie lade ich das Bild hoch?


Zuletzt bearbeitet von hoschi-design am 26.07.2011, 14:57, insgesamt 2-mal bearbeitet
Beitrag26.07.2011 um 13:47 (UTC)    
Titel:

oder auf der art, dazu musst du den haeder splitten also 2 bilder daraus machen:

Zitat:
td.edit_content_top,td.edit_content_top:hover{background-image:url(url der rechten seite des haederbildes); background-position: center top;
background-color:#ffffff;border: 0px solid #000000;height:104px;background-repeat:no-repeat;}

td.nav_heading{background-image:url(url der linken seite des haeders);height:
104px;background-repeat:no-repeat;background-position: center top;background-color:#ffffff;border: 0px solid #000000;}


contenttop-breite 630 pixel

bild über navi 160

höhe jeweils 104

den haeder blendest du aus mit
Zitat:
{display: none}
und über der navi änderst du das haeding.

somit hättest du alles so, dass es jeweils mittig angezeigt wird.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag26.07.2011 um 14:00 (UTC)    
Titel:

[][/code]
Beitrag26.07.2011 um 14:10 (UTC)    
Titel:

wenn ich mich nicht irre, liegt es daran:

Zitat:
table.edit_rechts_tabelle {
width:630px!important;
margin-left: 15px;margin-top: 15px ;


und daran:

Zitat:
/* Feld der Navigation */
td.edit_navi_headbg table {
width:160px!important;
margin-top: 15px;
border-left: 0px solid #000000;
border-top: 0px solid #000000;
border-right: 0px solid #000000;


allerdings müssten die buttons dann 185 statt 160 sein, denk ich mir, bin mir aber nicht sicher ob das überhaupt alles klappt.

deine buttons solltest du eh überdenken. sind nicht gerade sehr hübsch.

gruss gringo

tip: du solltest eh alles nochmal überdenken (mit den ganzen schatten). wer soll das z.b. denn lesen können? http://www.hoschi-design.de/Logoentwicklung.htm



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



Zuletzt bearbeitet von 6p-iceblue am 26.07.2011, 15:28, insgesamt 2-mal bearbeitet
Beitrag26.07.2011 um 14:30 (UTC)    
Titel:

SUUUUPER!!!!

margin-left: 15px habe ich jetzt auf margin-left: -70px
Jetzt nur noch den Facebook Button.
Woher kommen jetzt die Schatten?


Zuletzt bearbeitet von hoschi-design am 26.07.2011, 15:31, insgesamt einmal bearbeitet
Beitrag26.07.2011 um 14:40 (UTC)    
Titel:

du siehst die nicht, weil du firefox benutzt. nur im internetexplorer sind die schatten auch in der schrift sichtbar.

das liegt wohl an dieser art codeteil, das sich irgendwie auch auf die schrift auswirkt, obwohl er nur für schatten bei den objekten sein soll (z.b. content):

Code:
moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #111111;
moz-box-shadow: 7px 7px 9px #111111;
webkit-box-shadow: 7px 7px 9px #111111;
box-shadow: 7px 7px 9px #111111;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=135, Strength=7);}


die shadow-sachen lösen das wohl aus. vermutlich ist im gesamten code noch ein fehler drin, denn das hab ich schon oft auf seiten gesehen.

am besten direkt hier nachfragen: http://iceblue-test.de.tl/Home.htm

gruss gringo

tip: beim erstellen von designs, die wichtigsten browser mal zum testen nehmen. ich teste mit ie, firefox, google chrome und manchmal mit apple safari

schau dir mal das http://gringo.de.tl/ mit dem internetexplorer und dann mit firefox an. man sieht, dass im firefox die sachen abgerundet sind und im ie nicht.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 26.07.2011, 15:47, insgesamt 3-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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