ich würde gerne meinen shop etwas verändern. Leider habe ich nur die Möglichkeit dies über das css zu machen.
Ich habe auch nur eine kleine änderung, die ich gerne haben möchte.
Änderungswunsch:
In der Kopfzeile, wo sich mein banner befindet soll ein größerer Banner rein.
Im gesamten soll die Grafik eine höhe von 250px bekommen.
Wenn ich jetzt einen größeren Banner einbinde, ändert sich die höhe aber nicht
Kann mir da ein behilflich sein und mir sagen was ich wo in die css einbinden muss?
die URL des shops
http://www.freeshop-web.de/shopserver/shops/s004284/
Hier mal die css
Code: Alles auswählen
/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER SEITE */
/* ===================================================================== */
/* Seitenhoehe festlegen */
html {
min-height: 101%;
}
body {
/* Hintergrundfarbe */
background: #EEDCBE;
/* Schriftart */
font-family: Verdana, Arial;
/* Schriftgroesse */
font-size: 12px;
/* Schriftfarbe */
color: #000000;
/* Abstand zu Aussenelementen - Reihenfolge 12,3,6,9 UHR */
margin: 0px 0px 0px 0px;
}
/* ===================================================================== */
/* Aeussere Contentbox */
/* Wird nicht in jedem Layout verwendet */
/* ===================================================================== */
#inhalt {
/* Randabstand Layout */
margin:10px auto;
/* Textausrichtung */
text-align:left;
/* Abstand Contentbox - Layout */
padding: 0px;
}
/* ===================================================================== */
/* = Zusatzdesign */
/* ===================================================================== */
.tabcolor1 {
background-color: #F5EFE5;
}
.tabcolor2 {
background-color: #F4EFE8;
}
/* ===================================================================== */
/* = ALLGEMEINE LINKS IM SHOP */
/* ===================================================================== */
a {
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #990000;
/* Link unterstrichen none/underline */
text-decoration: none;
}
a:hover {
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #cc9900;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
/* ===================================================================== */
/* = CSS EINSTELLUNGEN SHOPKOPF BEGRUESSUNG UND INFOLINKS (WARENKORB ETC.) */
/* ===================================================================== */
.shopgruss {
/* Hintergrundarbe */
background-color: #F5EFE5;
/* Textausrichtung */
text-align: right;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
.shopkopf {
/* Hintergrundarbe und Bild */
background-color: #F5EFE5;
background-image: url("http://www.shop-027.de/shop_cfg/PatschWorks/Header%20klein.gif");
/* Textausrichtung */
text-align: right;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
/* Randabstand oben */
padding-top: 6px;
}
/* ===================================================================== */
/* = LINKS IM SHOPKOPF */
/* ===================================================================== */
.shopgruss a, .shopkopf a {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #772B1A;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
.shopgruss a:hover, .shopkopf a:hover {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #BC793D;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER SEITENFUSS UNTERHALB SHOP */
/* ===================================================================== */
.shopbottom {
/* Hintergrundarbe */
background-color: #F5EFE5;
/* Textausrichtung */
text-align: center;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
/* ===================================================================== */
/* = LINKS IM SHOPKOPF UND SHOPFUSS */
/* ===================================================================== */
.shopbottom a {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #772B1A;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
.shopbottom a:hover {
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #BC793D;
/* Link unterstrichen none/underline */
text-decoration: underline;
}
/* ===================================================================== */
/* = MENUESPALTE DES SHOPS */
/* ===================================================================== */
.menue {
/* Hintergrundfarbe */
background: transparent;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
/* Hoehe */
height:100%;
}
/* ===================================================================== */
/* = LINKS IM HAUPTMENUE DES SHOPS */
/* ===================================================================== */
.menue a {
/* Darstellung als Block, bitte nicht aendern */
display: block;
/* Randabstand - Reihenfolge 12,3,6,9 UHR */
padding: 2px 2px 2px 4px;
/* Abstand zu Aussenelementen */
margin: 0px 1px 1px 1px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftfarbe */
color: #772B1A;
/* Link unterstrichen none/underline */
text-decoration: none;
/*Rand unter Link */
border-bottom: 1px solid #C5A976;
}
.menue a:hover {
/* Hintergrundarbe */
background-color: #EAE0CE;
/* Schriftgewicht normal/bold */
font-weight: normal;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #52613d;
/* Link unterstrichen none/underline */
text-decoration: none;
}
/* ===================================================================== */
/* = TOPRUBRIKENTRENNER IM HAUPTMENUE - STATISCHES MENUE*/
/* ===================================================================== */
.toprubrik {
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundarbe */
background-color: #B59251;
/* Schriftfarbe */
color: #ffffff;
/* Randabstand - Reihenfolge 12,3,6,9 UHR */
padding: 3px 2px 3px 2px;
/* Abstand zu Aussenelementen */
margin: 1px;
}
/* ===================================================================== */
/* = LINKS FUER TOPRUBRIKEN IM HAUPTMENUE - DYNAMISCHES MENUE*/
/* ===================================================================== */
.toprub a {
/* Darstellung als Block, bitte nicht aendern */
display: block;
/* Randabstand - Reihenfolge 12,3,6,9 UHR */
padding: 2px 2px 2px 5px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundarbe */
background-color: #B59251;
/* Schriftfarbe */
color: #ffffff;
}
.toprub a:hover {
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundfarbe */
background: #9E7E43;
/* Schriftfarbe */
color: #ffffff;
}
/* ===================================================================== */
/* = SHOPAUSGABE RECHTE TABELLE */
/* ===================================================================== */
.content {
background: #ffffff;
/* Randabstand */
padding: 3px 0px 0px 0px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
/* ===================================================================== */
/* = ALLGEMEINE AUSGABE TABELLEN */
/* ===================================================================== */
.atop {
/* Rand unten Breite, Art und Farbe */
border-bottom: 1px solid #CBB385;
/* Hintergrundfarbe */
background-color: #E0D3B8;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
.acont {
/* Hintergrundfarbe */
background-color: #ffffff;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
.acontopt {
/* Hintergrundfarbe */
background-color: #f7f7f7;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
.abott {
/* Rand unten Breite, Art und Farbe */
border-bottom: 1px solid #CBB385;
/* Hintergrundfarbe */
background-color: #ECE3D2;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
/* ================================================================== */
/* = CSS EINSTELLUNGEN FUER FIELDSET UND LEGEND */
/* ================================================================== */
fieldset {
/* Randbreite, Art und Farbe */
border: 1px solid #CBB385;
/* Randabstand */
padding: 4px;
/* Abstand zu Aussenelementen - Reihenfolge 12,3,6,9 UHR */
margin: 10px 0 5px 0;
}
/*DIV in Fieldset*/
.fdiv {
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
legend {
/* Hintergrundfarbe */
background-color: #F5F0E7;
/* Randbreite, Art und Farbe */
border: 1px solid #CBB385;
/* Randbstand - Reihenfolge 12,3,6,9 UHR */
padding: 1px 3px 1px 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #000000;
}
/* ===================================================================== */
/* = Info Divs */
/* ===================================================================== */
.infoout {
/* Randbreite, Art und Farbe */
border: 1px solid #afb8c9;
/* Hintergrundarbe */
background-color: #f1e7c7;
/* Schriftfarbe */
color: maroon;
/* Randbstand */
padding: 3px;
}
/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER FORMULARTAGS START */
/* ===================================================================== */
.inpu {
/* Randbreite, Art und Farbe */
border: 1px solid #CBB385;
/* Hintergrundfarbe */
background-color: #FAF8F3;
/* Schriftart */
font-family: Verdana, Arial;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
.inputbutton {
/* Randbreite, Art und Farbe */
border: 1px solid #CBB385;
/* Hintergrundfarbe */
background-color: #E0D3B8;
/* Schriftart */
font-family: Verdana, Arial;
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #000000;
}
form {
display: inline;
}
/* ===================================================================== */
/* = CSS EINSTELLUNGEN FUER FEHLER HINWEISE ETC */
/* ===================================================================== */
.tippred {
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #cc0000;
}
.tippgreen {
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Schriftfarbe */
color: #339900;
}
/* ===================================================================== */
/* SEITENNAVIGATION */
/* ===================================================================== */
.seiteninfo, .aktuelleseite, .pl {
/* Schriftart */
font-family: Verdana, Arial;
/* Schriftgroesse */
font-size: 11px;
/* Schriftausrichtung */
text-align: center;
/* Schriftfarbe */
color: #000000;
/* Randbreite und Farbe */
border: 1px solid #CBB385;
/* Randeigenschaften */
border-collapse: collapse;
/* Zeilenhoehe */
line-height: 1.2em;
/* Text Unterstrichen */
text-decoration: none;
}
.seiteninfo {
/* Hintergrundfarbe */
background-color: #E0D3B8;
/* Schriftgewicht */
font-weight: bold;
/* Randabstand */
padding: 1px 3px 1px 3px;
/* Text Unterstrichen */
text-decoration: none;
}
.aktuelleseite {
/* Hintergrundfarbe */
background-color: #ffffff;
/* Schriftgewicht */
font-weight: bold;
/* Randabstand */
padding: 2px 6px 2px 6px;
}
.pl a {
/* Darstellung */
display: block;
/* Umfluss */
float: left;
/* Hintergrundfarbe */
background-color: #FEFDFC;
/* Schriftfarbe */
color: #990000;
/* Text Unterstrichen */
text-decoration: none;
/* Schriftgewicht */
font-weight: bold;
/* Randabstand */
padding: 2px 6px 2px 6px;
/* Umbruch verhindern */
white-space: nowrap;
}
.pl a:hover {
/* Schriftfarbe */
color: #000000;
/* Text Unterstrichen */
text-decoration: none;
/* Schriftgewicht */
font-weight: bold;
/* Hintergrundfarbe */
background-color: #EDE6D9;
}
/* ===================================================================== */
/* = Topangeboteausgabe Startseite */
/* ===================================================================== */
/* Abgrenzung der Topangebote von Startseiteninhalten */
.topangebotespalte {
/* Rand links Breite, Art und Farbe */
border-left:2px solid #CBB385;
/* Rand unten Breite, Art und Farbe */
border-bottom:2px solid #CBB385;
margin-right: -2px;
}
/* Ausgabe der Spalte Aktuelle Topangebote */
.topangebotekopf {
/* Schriftgroesse */
font-size: 11px;
/* Schriftgewicht normal/bold */
font-weight: bold;
/* Hintergrundarbe */
background-color: #CEB78C;
/* Schriftfarbe */
color: #ffffff;
/* Randabstand - Reihenfolge 12,3,6,9 UHR */
padding: 3px 3px 3px 3px;
/* Abstand zu Aussenelementen */
margin-bottom: 0px;
}
/* Topangebotetabelle Abstand unten und Breite */
.topausgabetab {
/* Abstand nach unten */
margin-bottom: 0px;
/* Breite der Topangeboteausgebe */
width: 190px;
}
/* Topangebote Titezelle */
.toptop {
/* Rand unten Breite, Art und Farbe */
border-bottom: 1px solid #95A065;
/* Hintergrundfarbe */
background-color: #DDCDAE;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
/* Topangebote Ausgabe */
.topcont {
/* Hintergrundfarbe */
background-color: #ffffff;
/* Randabstand */
padding: 3px;
/* Schriftgroesse */
font-size: 11px;
/* Schriftfarbe */
color: #000000;
}
/* ===================================================================== */
/* = CSS fuer BB-CODE Tabellen */
/* ===================================================================== */
.innen {
/* Tabellen Aussenrand-Hintergrundfarbe */
background-color: #d0d0d0;
}
.innend {
/* Tabellen Hintergrundfarbe dunkel */
background-color: #ececec;
/* Tabellen Schriftgroesse */
font-size: 11px;
/* Tabellen Innenabstand */
padding: 3px;
/* Tabellentext Schriftfarbe */
color: #000000;
}
/* Erste alternierende Tabellen CSS Angabe */
.innenh {
/* Tabellen Hintergrundfarbe hell */
background-color: #f9f9f9;
/* Tabellen Schriftgroesse */
font-size: 11px;
/* Tabellen Innenabstand */
padding: 3px;
/* Tabellentext Schriftfarbe */
color: #000000;
}
/* Zweite alternierende Tabellen CSS Angabe */
.innenh2 {
/* Tabellen Hintergrundfarbe hell */
background-color: #f4f5f7;
/* Tabellen Schriftgroesse */
font-size: 11px;
/* Tabellen Innenabstand */
padding: 3px;
/* Tabellentext Schriftfarbe */
color: #000000;
}
/* ===================================================================== */
/* = CSS fuer BB-CODE Codeausgaben */
/* ===================================================================== */
/* Codebox Info oberhalb Codeausgabe */
.pagecodeinfo {
/* Codebox Info Randfarbe */
border: 1px solid #9a9a9a;
/* Codebox Info Hintergrundfarbe*/
background-color: #dfdfdf;
/* Codebox Info Innenabstand */
padding: 2px;
/* Codebox Info Breite */
width: 120px;
/* Codebox Info Scriftgroesse */
font-size: 11px;
/* Codebox Info Schriftstil */
font-weight: bold;
/* Codebox Info Textfarbe */
color: #000000
}
/* Codeausgabebox */
.pagecodeinfoout {
/* Codebox Randfarbe */
border: 1px solid #9a9a9a;
/* Codebox Hintergrundfarbe */
background-color: #ffffff;
/* Codebox Innenabstand */
padding: 3px;
/* Codebox Breite */
width: 600px;
/* Codebox Schriftgroesse */
font-size: 11px;
/* Codebox Overflow, nicht aendern Diese Angabe erzeugt */
/* Scrollbalken bei uebergrossem Inhalt*/
overflow: auto;
/* Codebox Abtand nach unten */
margin-bottom: 10px;
}
/* Codetext */
pre {
/* Codetext Schriftart */
font-family: "Courier New";
/* Codetext Schriftgroesse */
font-size: 12px;
/* Codetext Textfarbe */
color: #990000;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* CSS fuer BB-Code Zitat/Hinweisboxen */
/* - - - - - - - - - - - - - - - - - - - - */
.quotedl {
margin: 5px;
padding: 0;
width: 95%;
border: 1px solid #858585;
}
.quotedl dt {
background-color: #f3f3f3;
padding: 3px;
font-size: 11px;
font-weight: bold;
color: #4a5e9f;
border-bottom: 1px solid #858585;
}
.quotedl dd {
background-color: #ffffff;
padding:3px;
margin:0;
font-size: 11px;
color: #000000;
}
/* ===================================================================== */
lg
patrick