zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Logo im Header Mittig bekommen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.05.2012, 21:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2012
Beiträge: 2
staffricky befindet sich auf einem aufstrebenden Ast
Standard 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;}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.05.2012, 06:33
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

vermutlich musst du hier noch die position angeben:
Zitat:
#logo{ float:left; background:url(../images/logo.gif) 50% no-repeat;...
background-position

bitte nächstes mal besser einen Link (Freehoster) und/oder vollständigen Code posten (in die Code-Tags).
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.05.2012, 21:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2012
Beiträge: 2
staffricky befindet sich auf einem aufstrebenden Ast
Standard

hy,

danke für die Info. Werde ich nächste mal befolgen.

Leider klappt es nicht.

Eine andere Idee?

MFG
Mit Zitat antworten
  #4 (permalink)  
Alt 10.05.2012, 21:51
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ja, einen Link zum Problem.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:28 Uhr.