ok, sorry! kein Problem kann ich verstehen.
Ich hab die Seite nicht online, daher kann ich nur den Quelltext posten. Ich dachte nur Die Dateien sind nötig um die Seite richtig zu sehen.
Es geht darum den content genauso darzustellen wie auf der originalseite.
Vielen Dank für eure Hilfe!
Joel
hier der HTML code:
Willkommen bei Spreequell - Volle Pulle Leben!
<div id="menu"><!-- öffnet die Navigationsleiste-->
![]()
20 Jahre Mauerfall
Alle reden über das unvergessliche Ereignis vor 20 Jahren. Wir
möchten die grünen und roten Ampelmännchen in Erinnerung rufen,
die sich nun gesamtdeutsch für Fußgängerampeln durchgesetzt haben,
weil sie große Sympathieträger sind.
→ mehr dazu…
Neu: So frisch. So intensiv. Wie damals.
Unsere gute Club Cola hat eine neue Rezeptur. Zusammen mit dem damaligen Grundstoffhersteller in Miltitz (Leipzig) wurde die Rezeptur überarbeitet, um dem damaligen Geschmack noch mehr zu entsprechen. Das Ergebnis kann sich schmecken lassen.
Probieren Sie den neuen Geschmack der Club Cola. Da die Umstellung ein paar Wochen andauert, schauen Sie auf das Etikett mit dem Hinweis „Neuer Geschmack“. Club Cola. Nicht für Jeden. Nur für Uns.
![]()
<div id="skyline"> </div>
und hier der CSS code:
@charset „utf-8“;
/* CSS Document */
body {
background-color:#d6e4f5;
}
*{
margin:0px;
padding:0px;
border:none;
}
#hauptbox {
width:950px;
height:649px;
border-width:1px;
border-style:solid;
border-color:black;
margin:10px auto 0px auto ;
background:url('pics/background.png') no-repeat;
}
#content {
height:500px;
width:616px;
margin:115px 36px;
background:url('pics/verlauf_content.jpg') 0 25px repeat-x; }
#skyline {
width:950px;
height:88px;
margin:auto auto;
position: relative;
Top:-89px; left:0;
z-index:10;
background:url('pics/skyline_vorn.png') no-repeat; }
.headline {
font-size: 13px;
font-family: Verdana;
color: #1b497a;
font-style:inherit;
}
.content {
font-size: 11px;
color: #1b497a;
font-family: Verdana;
font-style:normal;
}
.red {
font-size: 11px;
color: #b7212d;
font-family: Verdana;
text-decoration:none;
font-weight:bold;
}
.red:hover {
font-size: 11px;
color: #b7212d;
font-family: Verdana;
text-decoration:underline;
font-weight:bold;
}
/–formatiert die Menüleiste–/
#menu {
width: 100%;
padding: 0px;
background: ;
font-family: Arial;
font-size: 9px;
line-height: 1.5;
float: left;
}
/–formatiert die Themenblöcke–/
#menu ul {
float: left;
width: 123.2px;
list-style-type: none;
}
/–definiert die Blocküberschriften–/
#menu h3 {
font-family:Arial; font-size:9pt; font-weight:bold; line-height:-5px; color:#002552; text-decoration:none; margin:px; margin-left:px
}
h4 {
border:5px;
}
/–definiert die Blocküberschriften–/
#menu h3:hover {
font-size: 1em;
text-align: ;
color: #1196d2;
font-size:9pt;
background: ;
}
/–definiert die „Drop-Down-Links“ im Normalzustand–/
#menu a {
text-decoration: none;
display: block;
text-align: center;
background: #40b6ea;
color: #fff;
text-align:left;
border:1px solid transparent;
border-left: none;
border-right: none;
text-indent: 7px;
width:150px;
}
li.last {
background:#FFFfff;
}
li.last a:hover { margin-bottom:1px; }
/–definiert die „Drop-Down-Links“ im Hoverzustand–/
#menu a:hover {
color: #000;
background: #80cff1;
border-top-width:1px;
border-top-style:solid;
border-top-color:#fff;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#004078;
}
/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern–
*/
#menu li {
position: relative;
}
/–versteckt die „Drop-Down-Links“, solange nicht gehovert wird–/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
border-top-width:1px;
border-top-style: solid;
border-top-color:#a5c9f6;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#507cb7;
font-size:9pt;
font-weight:normal;
}
/–lässt die Dropdown-Links beim Hovern erscheinen–/
#menu ul li:hover ul {
display: block;
}
/–nur für IE-Versionen kleiner gleich 6 erkennbar–/
- html #menu ul li {
float: left;
width: 100%;
}
/–nur für IE 7 erkennbar–/
*+ html #menu ul li {
float: left;
width: 100%;
}
/–bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente–/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}
*html #menu ul li a {
height: 1%;
}
