So, hatte leider keine Zeit zu antworten, da im Job gestern alles drunter und drüber ging.
@zulujaner
Ich habe in meinem Code schon so ne Zeile drin und gleich daruter kannst du die selbst erstellten Stile (Stil 1,2 und 3) sehen, die ich machen musste, da das CSS iwie nur bei Text mit Hyperlink funktionierte, jedoch nicht bei Überschriften usw. Auch wenn ich das CSS um weitere Stile erweitere, kann ich diese unter den Eigenschaften ned auswählen.
Das "fuxcss.css" ist eigentlich das, dass ich oben schon gepostet habe.
Hier der ganze Code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Fux AG - Bang & Olufsen - B&O</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:50%;
width: 1060px;
margin-left:-530px;
top:50%;
height: 560px;
margin-top:-280px;
z-index:1;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="fuxcss.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #0F0F0F;
}
.Stil3 {
font-size: 14;
font-weight: bold;
}
.Stil4 {
color: #8C0000;
font-weight: bold;
font-size: 14px;
}
.Stil5 {font-size: 14px; font-weight: bold; }
-->
</style></head>
<body onload="MM_preloadImages('bilder/home_maus.jpg','bilder/news_maus.jpg','bilder/beoliving_maus.jpg','bilder/marken_maus.jpg','bilder/kontakt_maus.jpg','bilder/ueberuns_maus.jpg','bilder/occasion_maus.jpg')">
<body bgcolor="#000000">
<div id="Layer1">
<table width="1060" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<!-- fwtable fwsrc="003_hauptseite_segmentiert_final.png" fwpage="Seite 1" fwbase="WS_Fux_Entwurf_6.gif" fwstyle="Dreamweaver" fwdocid = "411466268" fwnested="0" -->
<tr>
<td><img src="bilder/spacer.gif" width="50" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="80" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="40" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="40" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="80" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="120" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="50" height="1" border="0" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="12"><img name="alurahmen_oben" src="bilder/alurahmen_oben.jpg" width="1060" height="50" border="0" id="alurahmen_oben" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="50" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5"><img name="alurahmen_links" src="bilder/alurahmen_links.jpg" width="50" height="460" border="0" id="alurahmen_links" alt="" /></td>
<td colspan="3"><img name="titel_01" src="bilder/titel_01.gif" width="320" height="39" border="0" id="titel_01" alt="" /></td>
<td colspan="4"><img name="titel_02" src="bilder/titel_02.gif" width="320" height="39" border="0" id="titel_02" alt="" /></td>
<td colspan="3"><img name="titel_03" src="bilder/titel_03.gif" width="320" height="39" border="0" id="titel_03" alt="" /></td>
<td rowspan="5"><img name="alurahmen_rechts" src="bilder/alurahmen_rechts.jpg" width="50" height="460" border="0" id="alurahmen_rechts" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="39" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','bilder/home_maus.jpg',1)"><img src="bilder/home.jpg" alt="Startseite" name="home" width="120" height="26" border="0" id="home" /></a></td>
<td><a href="news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','bilder/news_maus.jpg',1)"><img src="bilder/news.jpg" alt="Neuheiten" name="news" width="120" height="26" border="0" id="news" /></a></td>
<td colspan="2"><a href="ueberuns_firmenprofil.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ueberuns','','bilder/ueberuns_maus.jpg',1)"><img src="bilder/ueberuns.jpg" alt="Wissenswertes über die Fux AG" name="ueberuns" width="120" height="26" border="0" id="ueberuns" /></a></td>
<td><img src="bilder/bang&olufsen_aktiv.jpg" alt="Bang & Olufsen Produkte" name="bangolufsen" width="120" height="26" id="bangolufsen" /></td>
<td><a href="beoliving.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('beoliving','','bilder/beoliving_maus.jpg',1)"><img src="bilder/beoliving.jpg" alt="Die ersten Beolivings der Schweiz" name="beoliving" width="120" height="26" border="0" id="beoliving" /></a></td>
<td colspan="2"><a href="marken.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('marken','','bilder/marken_maus.jpg',1)"><img src="bilder/marken.jpg" alt="Marken die wir führen" name="marken" width="120" height="26" border="0" id="marken" /></a></td>
<td><a href="occasionscenter.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('occasionen','','bilder/occasion_maus.jpg',1)"><img src="bilder/occasion.jpg" alt="Occasionen und Schnäppchen" name="occasionen" width="120" height="26" border="0" id="occasionen" /></a></td>
<td><a href="kontakt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','bilder/kontakt_maus.jpg',1)"><img src="bilder/kontakt.jpg" alt="Kontaktmöglichkeiten" name="kontakt" width="120" height="26" border="0" id="kontakt" /></a></td>
<td><img src="bilder/spacer.gif" width="1" height="26" border="0" alt="" /></td>
</tr>
<tr>
<td><div align="center"><a href="bangolufsen_video.html">Video</a></div></td>
<td><div align="center"><a href="bangolufsen_audio.html">Audio</a></div></td>
<td colspan="2"><div align="center"><a href="bangolufsen_lautsprecher.html">Lautsprecher</a></div></td>
<td><div align="center"><a href="bangolufsen_multimedia.html">Multimedia</a></div></td>
<td><div align="center"><a href="bangolufsen_linksystem.html">Linksystem</a></div></td>
<td colspan="2"><div align="center"><a href="bangolufsen_telefon.html">Telefon</a></div></td>
<td><div align="center"><a href="bangolufsen_zubehoer.html">Zubehör</a></div></td>
<td><div align="center"><a href="inhalte/pdf/Preisliste%207.4.1_VK_CH.pdf">Preisliste</a></div></td>
<td><img src="bilder/spacer.gif" width="1" height="19" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="10"><img name="trennlinie" src="bilder/trennlinie.gif" width="960" height="6" border="0" id="trennlinie" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="6" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="10"><table width="100%" height="344" border="0">
<tr>
<td width="240" height="320"><img src="inhalte/produkte/beolab_5_001.jpg" width="240" height="320" /></td>
<td width="20"> </td>
<td width="210"><p class="Stil5">BeoLab 5</p>
<ul>
<li>Acoustic Lens</li>
<li>ICEpower-Verstärker</li>
<li>2500 Watt</li>
<li>Raumanpassung</li>
<li>voll Digital</li>
<li>20-20.000Hz</li>
</ul>
<p class="Stil4">Stk. CHF 12`360.-</p>
<p>Datenblatt</p></td>
<td width="240"><img src="inhalte/produkte/beolab_9_001.jpg" width="240" height="320" /></td>
<td width="20"><p align="left"> </p>
<p> </p></td>
<td width="204" height="320"><p class="Stil5"><strong>BeoLab 9</strong></p>
<ul>
<li>Acoustic Lens</li>
<li>ICEpower-Verstärker</li>
<li>600 Watt</li>
<li>Positionsschalter</li>
<li>30-20.000Hz<br />
<br />
</li>
</ul>
<p class="Stil4">Stk. CHF 5`360.-</p>
<p>Datenblatt</p></td>
</tr>
<tr>
<td height="30"> </td>
<td width="20"> </td>
<td width="210"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
<td><img src="bilder/spacer.gif" width="1" height="370" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="12"><img name="alurahmen_unten" src="bilder/alurahmen_unten.jpg" width="1060" height="50" border="0" id="alurahmen_unten" alt="" /></td>
<td><img src="bilder/spacer.gif" width="1" height="50" border="0" alt="" /></td>
</tr>
</table>
</div>
</body>
</html>
Besten Dank für die weitere Hilfe, bin echt froh darüber und sorry, bin hald ein Noob.
LinkBack URL
About LinkBacks
Zitieren
Das gute ist ja das HTML und CSS getrennt ist. nur eine Datei zu ändern wenns was neues gibt. Nicht dann auch noch die Startdatei extra noch, dann noch ne 2. und 3.... CSS kommt ins CSS File! 
Das ist zum Nachschauen und Arbeitsweg beurteilen einfacher..
Zitat von zulujaner
