hallo
soll für einen Kumpel eine Hosting Seite aufbauen.
Nun habe ich ein kleines Problem mit dem Header.
siehe: http://xnat0rx.bplaced.net/joomla1/
Ich weis nicht, was ich in die css reinschreiben muss.
Das ist der CSS teil, der mit dem Header zu tun hat. Die Logo.png ist der blaue Header.
Code
- /* HEADER
- --------------------------------------------------------- */
- #ja-headerwrap {
- background: #333333;
- color: #CCCCCC;
- line-height: normal;
- height: 80px;
- }
- #ja-header {
- position: relative;
- height: 80px;
- }
- .ja-headermask {
- width: 602px;
- display: block;
- background: url(../images/header-mask.png) no-repeat top right;
- height: 80px;
- position: absolute;
- top: 0;
- right: -1px;
- }
- #ja-header a {
- color: #CCCCCC;
- }
- h1.logo, h1.logo-text {
- margin: 0 0 0 5px;
- padding: 0;
- font-size: 180%;
- text-transform: uppercase;
- }
- h1.logo a {
- width: 1400px;
- display: block;
- background: url(../images/logo.png) no-repeat;
- height: 100px;
- z-index: 100;
- }
- h1.logo a span {
- position: absolute;
- top: -1000px;
- }
- h1.logo-text a {
- color: #CCCCCC !important;
- text-decoration: none;
- outline: none;
- position: absolute;
- bottom: 40px;
- left: 5px;
- }
- p.site-slogan {
- margin: 0;
- padding: 0;
- padding: 2px 5px;
- color: #FFFFFF;
- background: #444444;
- font-size: 92%;
- position: absolute;
- bottom: 20px;
- left: 0;
- }
- /* Search */
- #ja-search {
- padding-left: 20px;
- background: url(../images/icon-search.gif) no-repeat center left;
- position: absolute;
- bottom: 15px;
- right: 0;
- }
- #ja-search .inputbox {
- width: 120px;
- border: 1px solid #333333;
- padding: 3px 5px;
- color: #999999;
- background: #444444;
- font-size: 92%;
- }