ad_novus Header Image
Eingetragen von Hades (251)am 26.02.2009 - 09:48 Uhr in
Hallo Drupaler,
ich hab ein Problem mit dem Header Image von ad_novus (fix).
Jetzt wollte ich das recht große Bild im Header um ca. die hälfte in der in der höhe beschneiden hab mir auch ein passendes Bild erstellt und eingefügt.
Das Bild wird auch angezeigt nur bekomm ich eine Spiegelung, Das heißt das Bild ist jetzt Zweimal übereinander vorhanden.
Eigentlich wollte ich das der Header einfach kleiner wird. Habe leider nicht die Passende Stelle zum ändern der Headergröße in der css Datei gefunden.
Kennt vielleicht jemand dieses Problem und kann mir einen kleinen Tipp geben wo ich diese Einstellungen finde?
- Anmelden oder Registrieren um Kommentare zu schreiben
soweit ich die "Spiegelung"
am 26.02.2009 - 14:02 Uhr
soweit ich die "Spiegelung" richtig verstehe würde ich mal tippen das du
das image mit -repeat x oder ähnlich in der css hast. !?
die größe des Headers müsstest du ja unter #header in der css finden sofern das div so heisst.
Firebug installieren - Untersuchen - auf den Header gehen. schon siehst du all die Einträge die
verantwortlich sind für die Anzeige - damit solltest du es finden.
nur ein no-repeat
am 03.03.2009 - 17:02 Uhr
Danke für die schnelle Antwort hab geschaut aber das einzige was ich finde ist:
no-repeat 50% Opt
Wenn ich das direkt raus nehme halbiert sich das untere Bild also die Spiegelung ca. um die hälfte.
Könnte es noch mit etwas anderem zusammenhängen?
edit: habe es jetzt auf so: no-repeat -50% Opt
Jetzt wiederholt sich das bild nicht mehr aber der Hintergrund ist immer noch genauso groß...
Das heist ich hab jetzt eine lehre Fläche
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen
okay
am 03.03.2009 - 17:04 Uhr
dann scheints ja schonmal der richtige Ansatz zu sein...
ich würde ja mal selbst reinschauen aber ich habe keine URL und die
in deinem Profil ist offline :(
kannst mir auch ne PN schicken mit der URL dann schau ich mal rein ob ich was finde
Code der css Datei
am 03.03.2009 - 18:27 Uhr
Sorry aber da es ja offline entwickelt wird ist dies nicht möglich aber hier mal der Code der style.css
die Seite in meinem Profil ist wieder eine andere Drupal Installation...
body {
font: 12px Arial;
color: #333;
background:url('images/page-bg.png') #FFF repeat-x 0 257px;
margin:0 0 15px;
}
tr.odd td, tr.even td {
padding: 0.3em;
}
h1, h2, h3, h4 {
font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
margin: 10px 0 15px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 150%;
}
h3, h3 a {
font-size: 150%;
line-height:1.2;
color: #243C5D;
letter-spacing: 0px;
text-decoration: none;
}
h4 {
font-size: 120%;
line-height:1.25;
font-weight:bold;
}
h5 {
font-size: 1em;
font-weight:bold;
}
h6 {
font-size: 1em;
}
p {
margin: 10px 0 15px;
}
a {
text-decoration: none;
color: #0400AB;
}
a:hover {
text-decoration: underline;
}
blockquote {
margin: 1.5em 0 1.5em 1.5em;
color: #666;
background: url('images/quote.png') .5em top no-repeat;
padding: 0 20px 0 30px;
}
hr {
background: #B2CCFF;
color: #B2CCFF;
clear: both;
float: none;
width: 100%;
height: 0.1em;
margin: 0 0 1.4em 0;
border: none;
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */
pre {
margin-bottom: 1.3em;
background: #eee;
border:0.1em solid #ddd;
padding:1.5em;
}
input {
border: 1px solid #CCCCCC;
}
ul {
list-style-type: none;
}
li a.active{
color: #000000;
}
ol {
margin-left: 35px;
}
/*
** Page layout blocks / IDs
*/
#wrapper {
width:950px;
margin:0 auto;
}
#main {
margin: 0 235px 0 235px;
float:left;
border: 8px solid #E7EDFB;
padding: 8px;
background:#FFF;
}
#sidebar-left, #sidebar-right {
vertical-align: top;
z-index:2;
}
.block h2 {
font-family: Tahoma,Helvetica,Arial Narrow;
background:#daeffa url('images/module-h3.png') repeat-x;
margin: 5px 0 10px;
font-size: 120%;
padding: 5px 0 5px 8px;
color: #020E6B;
border: solid #B7C9F5;
border-width: 1px 3px;
}
#sidebar-left {
width: 220px;
float:left;
margin-right:-220px;
position:relative;
}
#sidebar-right {
width: 220px;
float:right;
margin-left:-220px;
position:relative;
z-index:2;
}
#header {
background:#c7dce1 url('images/inset-banner.jpg')no-repeat -50% 0pt ;
border-top:1px solid #D9E1F9;
margin-bottom:15px;
}
#h2 {
height:150px;
width:950px;
margin:0 auto;
}
#header img {
float:left;
margin-top:20px;
}
#header h1{
}
.site-name a {
color: #26367B;
font-family: Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
text-decoration: none;
margin-top:9px;
display:block;
float:left;
font-size:70px;
font-weight:lighter;
position:relative;
left:-4px;
}
.site-slogan {
color: #333;
width:100%;
display:block;
font-weight:bold;
}
.search-box {
float:right;
margin:10px 20px 0 0;
}
.search-box .form-text {
background: url('images/search.png');
font-size: 1em;
color: #000;
padding: 2px;
}
.form-text {
display:block;
}
#primary{
display:block;
height:56px;
background: url('images/menu-bg.png');
width:100%;
}
#header-region {
}
#primary a {
white-space: nowrap;
font-family: Arial Narrow,Helvetica,sans-serif;
color: #ffffff;
display: block;
float: left;
height: 53px;
line-height: 53px;
text-transform: uppercase;
background: url('images/menu-divider.png') no-repeat 100% 0;
text-decoration:none;
}
#primary a span{
padding: 0px 15px;
display: block;
height: 53px;
float:left;
}
#primary a:hover, #primary a:active {
text-decoration:none;
color: #CCCCCC;
}
#primary a.active {
background: url('images/active-menu-r.png') no-repeat right top;
color: #000000;
}
#primary .active span {
background: url('images/active-menu-l.png') no-repeat left top transparent;
}
#primary ul{
margin: auto;
width: 950px;
}
#primary ul.links li {
padding:0;
}
#mission {
border:1px solid #CED2E4;
padding:5px;
}
.messages {
background-color: #eee;
border: 1px solid #ccc;
padding: 0.3em;
margin-bottom: 1em;
}
.error {
border-color: blue;
}
#footer {
text-align: center;
font-size: 0.9em;
width:950px;
margin:auto;
}
.title h2, .title a {
color: #02136B;
font-size: 23px;
height: 30px;
line-height: 30px;
font-family: Tahoma,sans-serif;
margin-bottom:20px;
font-weight:lighter;
}
h1.title {
color: #333;
}
.block, .box {
padding: 0 0 1.5em 0;
}
#sidebar-left .block{}
.block {
display:block;
border: 8px solid #E7EDFB;
background:#FFF;
padding:8px;
}
.taxonomy, .submitted, .links-node {
font-size: 11px;
}
.taxonomy li, .links-node li {
border-right: 1px solid #CCC;
}
.taxonomy li.last {
border:0;
}
ul.links li {
padding:0 0.5em 0 0;
}
.taxonomy ul.links li {
padding:0 0 0 0.5em;
}
.node .picture {
border: 1px solid #ddd;
float: right;
margin: 0.5em;
}
.comment {
}
.comment .title a {
}
.comment .picture {
border: 1px solid #abc;
float: right;
margin: 0.5em;
}
/*
** Module specific styles
*/
.feed-icon img {
margin-top:15px;
}
#aggregator .feed-source {
background-color: #eee;
border: 1px solid #ccc;
padding: 1em;
margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
color: #999;
font-style: italic;
font-size: 0.9em;
}
#aggregator .title {
margin-bottom: 0.5em;
font-size: 1em;
}
#aggregator h3 {
margin-top: 1em;
}
#forum table {
width: 100%;
}
#forum td {
padding: 0.5em;
}
#forum td.forum a{
text-decoration:none;
}
#forum td.forum, #forum td.posts {
background-color: #E7EDFB;
}
#forum td.topics, #forum td.last-reply {
background-color: #E7EDFB;
}
#forum td.container {
background-color: #CED3E7;
}
#forum td.container a {
color: #555;
text-decoration:none;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
height: 1.5em;
border: 1px solid #bbb;
}
#forum td .name {
color: #96c;
}
#forum td .links {
padding-top: 0.7em;
font-size: 0.9em;
}
#profile .profile {
clear: both;
border: 1px solid #abc;
padding: .5em;
margin: 1em 0em;
}
#profile .profile .name {
padding-bottom: 0.5em;
}
.block-forum h3 {
margin-bottom: .5em;
}
div.admin-panel .description {
color: #999;
}
div.admin-panel .body {
background: #F4F4F4;
}
div.admin-panel h3 {
background-color: #69c;
color: #fff;
padding: 5px 8px 5px;
margin: 0;
}
.node img{
border:1px solid #CCC;
margin:5px;
}
.poll .bar {
background:#E7E7E7;
border:#9C9C9C 1px solid;
}
.poll .bar .foreground{
background:#CECDCE;
border-right:#9C9C9C 1px solid;
}
.block-image IMG{
border:1px solid #CECECE; padding:3px;
}
.block-user ul li{
list-style-type:none;
list-style-image:none;
}
#block-user-0 ul {
padding: 3px 2em 3px 0;
}
#block-user-1 {
line-height: 25px;
font-size:14px;
}
span.clear {
display: block;
clear: both;
height: 1px;
line-height: 0px;
font-size: 0px;
margin-bottom: -1px;
}
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen
Zitat: #header {
am 03.03.2009 - 18:46 Uhr
#header {
background:#c7dce1 url('images/inset-banner.jpg')no-repeat -50% 0pt ;
border-top:1px solid #D9E1F9;
margin-bottom:15px;
}
background:#c7dce1 url('images/inset-banner.jpg')no-repeat -50% 0pt ; --> nach klammer zu und no-repeat fehlt ein leerzeichen
zudem würde ich das -50% Opt einfach mal rausnehmen. was passiert dann?
Gar nichts
am 03.03.2009 - 19:26 Uhr
sieht jetzt so aus
#header {
background:#c7dce1 url('images/inset-banner.jpg') no-repeat;
border-top:1px solid #D9E1F9;
margin-bottom:15px;
}
es pasiert rein gar nichts
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen