|
|||
Logo im Header Mittig bekommen
Hallo Leute,
ich möchte mein logo.gif im header "Mittig" bekommen. Leider bekommt er nur left und right hin. Was muss ich eingeben? Bitte um hilfe.... /* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Left & Right alignment */ .left { float:left;} .right { float:right;} .wrapper {width:100%; overflow:hidden;} /* Global properties ================================================== ====== */ body{ background: url(../images/bg_top2.jpg) 0 139px repeat-x #171717; border:0; font:10px Arial, Helvetica, sans-serif; color:#545454; line-height:17px; text-transform:uppercase} .block {height:134px;} .extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -134px;} body, html {height:100%;} /* Global Structure ================================================== =========== */ .main { margin: 0 auto; width:1000px; } .body1{ background: url(../images/bg_top.jpg) top repeat-x;} .body2{ background:#8fde1f} .body3{ background:url(../images/bg_footer.jpg) bottom repeat-x} .body4{ background:url(../images/bg_top_img.jpg) center 139px no-repeat} /* ============================= main layout ====================== */ a{ color:#7cc515; text-decoration: underline; outline:none} a:hover{ text-decoration: none} h1{color:#fff; font-size:18px; padding:9px 0 0 15px; height:100px;} h2{ font-size:29px; color:#7cc515; text-transform:none; line-height:36px; padding:53px 0 21px 0; letter-spacing:-1px;} h2 span{ display:block; margin-top:-6px;} p{ padding-bottom:17px;} /* ============================= header ====================== */ header{ width:100%; overflow:auto; text-transform:none} #logo{ float:left; background:url(../images/logo.gif) no-repeat; width:900px; height:100px; text-indent:-5000px;} #slogan{ padding:0px 0 0 0px; display:inline-block;} #menu { height:45px; overflow:hidden; padding:0 10px 0 9px; background:url(../images/menu_line.gif) 8px 0 no-repeat; text-transform:none} #menu li { float:left; padding-right:1px; background:url(../images/menu_line.gif) right top no-repeat;} #menu li a{ display:block; width:139px; font-size:18px; color:#1e1e1e; line-height:45px; text-decoration:none; text-align:center; background:#8fde1f} #menu li a:hover{ background:#fff;} /* ============================= content ====================== */ #content{ padding-top:94px; padding-bottom:30px;} #content_bg{ background: url(../images/content.jpg) 0 0 no-repeat} #content_left{overflow:hidden; height:454px; width:100%;} .marg_right1{ margin-right:20px;} .pad_left1{ padding-left:55px} .pad_left2{ padding-left: 35px;} .pad_bot1{ padding-bottom:17px;} .img{ width:100%; overflow:hidden; text-transform:none} .img li{ float: left; padding-right:1px;} .img li a{ display:block; height:54px; font-size:28px; color:#fff; text-decoration:none; padding:400px 0 0 30px; width:219px;} .img li a:hover{ color:#8fde1f} .img1{ background:url(../images/img1.jpg) no-repeat} .img2{ background:url(../images/img2.jpg) no-repeat} .img3{ background:url(../images/img3.jpg) no-repeat} .img4{ background:url(../images/img4.jpg) no-repeat} .font1{ color:#7cc515;} #page_name{ float:left;padding:400px 48px 0 30px; font-size:28px; color:#fff; width:209px; text-transform:none} .link1{ padding-right:10px; background:url(../images/marker_1.gif) right 3px no-repeat} .list1 li{ line-height:24px;} .list1 li a{ padding-left:12px; background:url(../images/marker_1.gif) 0 5px no-repeat} .list2{ width:100%; overflow:hidden; padding:10px 0 18px 0} .list2 li{ float:left; padding-right:15px;} .list2 .no_pad{ padding-right:0} .list2 li a{ display:block; color:#303030; text-decoration:none;;} .list2 li a:hover{ color:#7cc515} .list2 span{ line-height:20px; padding:0 0 0 5px} .list2 img{ padding-bottom:9px;} .box{ background:#fff;} .box_top{ background:url(../images/box_border.gif) top repeat-x} .box_left{ background:url(../images/box_border.gif) left repeat-y} .box_right{ background:url(../images/box_border.gif) right repeat-y} .box_bot{ background:url(../images/box_border.gif) bottom repeat-x} .box_top_left{ background:url(../images/box_top_left.gif) top left no-repeat} .box_top_right{ background:url(../images/box_top_right.gif) top right no-repeat; width:100%;} .box_bot_left{ background:url(../images/box_bot_left.gif) bottom left no-repeat} .box_bot_right{ background:url(../images/box_bot_right.gif) bottom right no-repeat} .pad{ padding:6px 5px;} /* ============================= footer ====================== */ footer { height:57px; padding:32px 10px 0 0; font-size:11px; color:#8f8f8f; text-transform:none} footer a{ color:#8f8f8f} footer strong{ font-weight:normal; text-transform:uppercase} /* ============================= forms ============================= */ #ContactForm {} #ContactForm a{ margin-left:20px; background-position: right 6px; margin-top:4px;} #ContactForm .input {width:237px; height:13px; border:1px solid #c8c7c2; background:#fff; padding:3px 5px; margin-bottom:9px;color:#545454; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif} #ContactForm textarea { overflow: auto;width:302px; height:107px; border:1px solid #c8c7c2; background:#fff; padding:3px 5px; margin-bottom:9px;color:#545454; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif} .col_1{ width:249px; float:left;} .col_2{ width:314px; float:left; padding-left:50px;} |
Sponsored Links |
|
||||
vermutlich musst du hier noch die position angeben:
Zitat:
bitte nächstes mal besser einen Link (Freehoster) und/oder vollständigen Code posten (in die Code-Tags). |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS verschiebt Header größe bei zu Großem Logo? | tanner | CSS | 1 | 02.06.2011 14:51 |
Logo in Blanko Header einbinden-suche Hilfe! | kaukauz | (X)HTML | 7 | 10.02.2010 10:29 |
header verrutscht... | weblearner | CSS | 6 | 03.12.2008 19:34 |
Logo im Header | odo | CSS | 2 | 12.05.2007 16:42 |