Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo leute,
Hab versucht bei dem Theme "Freshy" den Header zu wechseln, und die Angezeigte höhe zu ändern,dies leider ohne Erfolg.
Mein header wird zwar angezeigt, nur er ist "Abgeschnitten".
Seht selbst: 360Racing - Blog
Würde mich sehr freuen wenn mir jemand Hilft.
MfG $$Danny$$
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Schon mal Danke,
Also, ich hab da nix verändert.
Aber mit dem header hab ich jetz immernoch nicht hinbekommen:cry:
Hier die style.css
@import "layout.css";
@import "pp_album.css";
body, html {
margin:0;
padding:0;
/*font: normal 100.01%/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
font-size : 90%;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
body {
margin:0;
padding:0;
background:#7F7F7F;
}
*::-moz-selection {
background-color:#FF3C00;
color:white;
}
/*-----------GENERAL STYLING--------------*/
a {
color:#515151;
text-decoration:none;
}
#content a {
border-bottom:1px dotted silver;
}
#content a:hover {
border-bottom:1px dotted #FF3C00;
}
/*------HEADER------*/
#title_image {
margin:0;
text-align:left;
display:block;
height:95px;
background:url(images/headers/header_image2.jpg) center center transparent repeat-y;
}
#title {
background:url(images/header.gif) top #7F7F7F no-repeat;
height:76px;
margin:0;
padding:25px 25px 0 25px;
clear:both;
text-align:left;
}
html>body #title {
height:51px;
}
#title h1 {
padding:0;
margin:0;
font-weight:normal;
line-height:.7em;
font-size:2.1em;
letter-spacing:-.1em;
font-family:helvetica;
}
#title h1 a {
color:white;
display:block;
}
.description {<
color:#c9e45a;
}
#content h2 {
color:#515151;
padding:0;
margin:0;
border:none;
clear:both;
}
#content h2 a {
text-decoration:none;
border:none;
}
#content h2 a:hover {
border-bottom:1px dotted silver;
}
hr {
display:none;
clear:both;
}
h3, h4 {
color:#515151;
padding:0;
margin:2em 0 0 0;
clear:both;
}
input,
textarea,
select {
padding:4px;
border:1px solid #515151;
font-size:.9em;
line-height:1em;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
input,
label {
height:auto !important;
height:2em;
width:auto;
padding:4px;
}
label {
font-size:.9em;
}
#searchform input#s {
width:130px !important;
padding:4px;
border:1px solid #515151;
font-size:.9em;
line-height:1em;
text-transform:none;
color:black;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
background:white;
}
#sidebar input.btn,
#searchform input {
width:65px !important;
width:75px;
}
#searchform {
margin-top:10px !important;
}
#searchform br {
display:none;
}
input.btn,
#searchform input,
input#submit {
background:#111111;
color:#FFFFFF;
padding:4px;
border:1px outset #000000;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
text-transform:uppercase;
}
input[class=btn],
input[type=submit]
input[id=submit] {
padding:3px;
}
textarea {
overflow:auto;
display:block;
width:100%;
}
ul,
ol {
list-style-type:none;
list-style-position:outside;
padding:0;
margin:.2em 0 .2em 0;
}
ul li,
ol li {
background:transparent url(images/puce.png) 2px .4em no-repeat;
padding-left:15px;
}
ul ul li,
ol ol li {
background:transparent url(images/bullet.gif) 0px .5em no-repeat;
padding-left:8px;
}
#content ol li {
list-style-type:decimal;
list-style-position:inside;
background:transparent;
padding-left:0;
}
#content ol li li {
padding-left:2em;
}
a img {
border: 0 none;
}
form {
padding:0;
margin:0;
}
pre,
code {
display:block;
font: 1em 'Courier New', Courier, Fixed, monospace;
font-size : 100%;
color: #000;
background : #fff url(images/preback.jpg) no-repeat left top;
overflow : auto;
text-align:left;
border : 1px solid #99cc66; /*highlight color */
padding : 0px 20px 0 30px;
margin:1em 0 1em 0;
line-height:17px;
}
.alt {
background-color:#F5F5F5 !important;
}
.icon {
vertical-align:middle;
border:0;
}
.with_icon {
padding:2px 0 2px 0
}
.navigation {
clear:both;
padding:0;
display:block;
}
.alignleft {
display:block;
}
.alignright {
display:block;
}
/*-------SIDEBAR---------*/
#sidebar {
font-size:.9em;
}
#sidebar ul,
#sidebar ol {
padding:0;
}
#sidebar form,
#sidebar p {
padding:0;
margin:0 0 1em 0;
}
#sidebar h2 {
background:#6a6765 url(images/stripe_gray-large.gif);
padding: 8px;
margin:10px 0 10px 0;
font-size: 1em;
font-weight:normal;
text-transform:uppercase;
color:darkgray;
/* border-bottom:3px solid darkgray;*/
}
html>body .ellipsis li {
clear:both;
}
html>body .ellipsis li:after {
content: "...";
display:inline;
}
html>body .ellipsis li span {
white-space:nowrap;
overflow:hidden;
max-width:180px;
width:auto !important;
display:inline;
float:left;
}
ol.ellipsis li span {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:190px;
display:block;
}
#sidebar a{
text-decoration: none;
}
#sidebar a:hover,
#sidebar .current_page_item li a:hover,
#sidebar .current-cat li a:hover {
color:#FF3C00;
}
#sidebar .current_page_item a,
#sidebar .current-cat a {
font-weight:bold;
color:#FF3C00;
}
#sidebar .current_page_item li a,
#sidebar .current-cat li a {
font-weight:normal;
color:#515151;
}
#sidebar li img {
vertical-align:middle;
border:0;
}
#sidebar input.btn {
margin-left:4px;
}
/*
menu
*/
.menu {
list-style-type:none;
background:url(images/menu/menu_bg.gif) 50% 0 #515151 repeat-x;
margin:0;
padding:0;
height:80px;
width:780px;
border-top:1px solid #FFFFFF;
overflow:hidden;
}
.menu li {
background:none;
padding:0;
display:table-row;
vertical-align:middle;
float:left;
height:80px;
}
.menu li.last_menu,
.menu li.right_menu {
float:right;
}
.menu li a {
font-size:.8em;
text-transform:uppercase;
line-height:normal !important;
line-height:80px;
display:table-cell;
vertical-align:middle;
height:80px;
padding:0 10px 0 10px;
background:url(images/menu/menu_triple.gif) top left transparent repeat-x;
}
.menu li a:hover,
.menu li a:active {
background-position:center left;
color:#FFFFFF;
}
.menu li.current_page_item a {
background-position:bottom left !important;
color:#1F3700 !important;
}
.menu li a.first_menu {
padding-left:35px;
background-repeat:no-repeat;
background-image:url(images/menu/menu_start_triple.gif);
}
.menu li a.last_menu,
.menu li a.last_menu_off {
padding-right:35px;
background-repeat:no-repeat;
background-image:url(images/menu/menu_end_triple.gif);
background-position:top right;
}
.menu li a.last_menu:hover,
.menu li a.last_menu:active {
background-position:center right;
}
.menu li.current_page_item a.last_menu {
background-position:bottom right !important;
}
.menu li a {
color:white;
text-decoration:none;
}
.menu li.lang_menu {
float:right;
}
.menu li.lang_menu a span {
width:19px;
height:80px;
overflow:hidden;
text-indent:100px;
display:block;
}
.menu li.lang_menu a {
display:block;
width:19px;
cursor:pointer;
}
/*---------LANGS----------*/
.menu li#fr_FR a span {
background:url(images/lang_fr.gif) left transparent no-repeat;
}
.menu li#en_US a span {
background:url(images/lang_en.gif) left transparent no-repeat;
}
.menu li#fr_FR.current_page_item a span,
.menu li#fr_FR a:active span {
background-image:url(images/lang_fr.gif);
}
.menu li#en_US.current_page_item a span,
.menu li#en_US a:active span {
background-image:url(images/lang_en.gif);
}
/*--------FOOTER---------*/
#footer .footer_content {
width:760px !important;
width:780px;
display:block;
margin-right:auto;
margin-left:auto !important; /* stupid ie... */
margin-left:1px;
margin-top:0px;
padding:10px 10px 10px 10px;
border-top:1px dotted silver;
text-align:center;
}html>body #title { ??? Das gehört nicht dahin! (alsodas "html>")
Bitte deine layout.css auch noch.
/Edit anscheinend gehört es doch dahin,...
Kommt sofort:
#page {
text-align:center;
background:url(images/page_bg.gif) center #7F7F7F repeat-y;
}
#frame {
width:780px;
margin-right:auto;
margin-left:auto !important; /* stupid ie... */
margin-left:1px;
margin-top:0px;
padding:0px;
text-align:left;
}
#content {
width:510px !important;
width:550px;
padding:0 20px 0 20px;
float:left;
background:#FFFFFF;
overflow:hidden;
}
#sidebar {
width:230px;
padding:0px;
float:right;
background-color:#F3F3F3;
}
#sidebar div,
#sidebar ul {
padding:0 9px 9px 9px;
}
#sidebar div div {
padding:0 0 0 0;
}
#header {
width:800px;
margin-right:auto;
margin-left:auto !important; /* stupid ie... */
margin-left:1px;
margin-top:0px;
padding:0px;
}
#footer {
background:url(images/page_bottom.gif) bottom center transparent no-repeat;
padding-bottom:10px;
margin-bottom:30px;
}Hi,
also wenn ich auf deine Seite gehe und mir deinen Quell-Code ansehe dann finde ich da folgende STYLE Zeile:
#title_image {
margin:0;
text-align:left;
display:block;
height:95px;
background-image:url("http://s1.directupload.net/images/071108/46lqyulo.png");
}
Die "Codezeile" wo Du das Bild von Direktupload eingebunden hast, dort musst du bei "height" statt 95px musst du da 130px eintragen. So geht das zumindest bei mir.
Also sieht die neue Codezeile so aus:
#title_image {
margin:0;
text-align:left;
display:block;
height:130px;
background-image:url("http://s1.directupload.net/images/071108/46lqyulo.png");
}
Ich habe die mal ein Screenshot gemacht mit der aktuellen Veränderung - und da sieht das Headerlogo optimal aus: http://s2.directupload.net/images/071109/xrfacvp3.jpg
Aber irgendwie scheint dein ganzes CSS durcheinander zu sein. Also da herrscht irgendwie nicht wirklich Ordnung, zumindest habe ich da den Überblick verloren. Klingt komisch - ist aber so!
Viel Erfolg!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!