- Teambeitrag
Supi, da fällt mir aber gerade noch eine Lösung für Problem 1 ein, mal kurz testen 
Supi, da fällt mir aber gerade noch eine Lösung für Problem 1 ein, mal kurz testen 
Das hier ersetzt die Grafik durch eine CSS-Lösung (die aber im IE nicht so gut aussieht), eine andere Lösung kann ich nicht anbieten:
.mainHeadline {
background: url("../images/landscape/headingBg.png") no-repeat scroll center top transparent;
height: 58px;
margin: 14px 0 18px;
}
durch:
.mainHeadline {
background: rgb(201,200,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(201,200,200,1) 0%, rgba(197,196,196,1) 46%, rgba(187,185,185,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,200,200,1)), color-stop(46%,rgba(197,196,196,1)), color-stop(100%,rgba(187,185,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c8c8', endColorstr='#bbb9b9',GradientType=0 ); /* IE6-9 */
-moz-border-radius:14px;
-webkit-border-radius:14px;
border-radius:14px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 2px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(255, 255, 255, 1) inset;
margin: 14px 0 18px;
padding-bottom: 1px;
}
Alles anzeigen
ersetzen.
Grafik alt:
CSS neu:
Damit bin ich sehr zufrieden, besten Dank! ![]()
Da ist das margin doppelt drin sehe ich gerade:
margin: 14px 0 18px;
Ein mal bitte entfernen, welches ist egal.
Das mit der 0 am Ende.