Hi Leute,
ich versuche mich vergeblich in der CSS Anwendung. Ein "all.css" wurde erstellt und auch bei den Webseiten durch externen CSS importiert - die Stile kann man also bei "Stil" anwenden. Dann wähle ich meinen Text in der Tabelle aus und weise den Stil ".11bold" & "inline" aus meiner "all.css" zu. Jetzt wird mir im Vorschaufenster was geändert und genau so möchte ich es haben. Dann lade ich die ganzen Webseiten auf meinen Server und schau die direkt an und flippe wieder mal aus - nix klappt. Der Quellcode verweist eindeutig auf die CSS "all.css" diese ist auch auf dem Server. Der Font stimmt nicht, der Text wird nicht fett gemacht und die relative Schriftgröße ärgert mich eh immer. Wer kann mir, einem verzweifelten GoLive Newbie, helfen?
GoLive 5.0, MacOS X.2.6
PS. Wie bringe ich die Webbrowser von OS X in meine Browserliste? Ich öffne die Dateien im Moment manuell.
CSS Code:
.10bold { font-weight: 800; font-size: 10px; line-height: 11px; font-family: "Trebuchet MS", "Arial Black" }
.10norm { font-size: 10px; line-height: 11px; font-family: "Trebuchet MS", Arial }
.11bold { font-weight: bold; font-size: 11px; line-height: 12px; font-family: "Trebuchet MS", "Arial Black" }
.11norm { font-weight: normal; font-size: 11px; line-height: 12px; font-family: "Trebuchet MS", Arial }
.12bold { font-weight: bold; font-size: 12px; line-height: 13px; font-family: "Trebuchet MS", "Arial Black" }
.12norm { font-weight: normal; font-size: 12px; line-height: 13px; font-family: "Trebuchet MS", Arial }
.9bold { font-weight: bold; font-size: 9px; line-height: 11px; font-family: "Trebuchet MS", "Arial Black" }
.9norm { font-size: 9px; line-height: 11px; font-family: "Trebuchet MS", Arial }
.normal { color: black; font-style: normal; font-weight: normal; font-size: 10px; line-height: 13px; font-family: "Trebuchet MS", Arial; text-align: left }
Website Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>cross-solution Softwarelösung mit AppleScript/FileMaker/QuarkXPress/InDesign</title>
<link rel="stylesheet" href="all.css">
</head>
<body bgcolor="#ffffff" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<div align="center">
<table cool width="686" height="534" showgridx showgridy gridx="2" gridy="2" border="0" cellpadding="0" cellspacing="0">
<tr height="7">
<td width="9" height="533" rowspan="2"></td>
<td width="676" height="7"></td>
<td width="1" height="7"><spacer type="block" width="1" height="7"></td>
</tr>
<tr height="526">
<td width="676" height="526" valign="top" align="left" xpos="9">
<table border="0" cellpadding="0" cellspacing="2" align="left" width="664" height="330" bgcolor="white">
<tr valign="middle" height="20">
<td height="20" width="424" bgcolor="#d3d3d3"><font face="Trebuchet MS" size="3"><span class="11bold">.:: Willkommen bei cross-solution ::.</span></font></td>
<td height="20" width="7"></td>
<td height="20" width="225"></td>
</tr>
<tr valign="top" height="12" align="left">
<td width="424" rowspan="3"><font size="-1"><span class="11norm">Sie sind auf der Suche nach<br>
- einem Programmierer für die Realisierung oder Wartung ihrer Datenbank<br>
- einer individuellen AppleScript Anbindungen an eine Layout- oder Office Software<br>
- einer Workflow Automatisierung mit AppleScript<br>
- einer Lösung für Database Publishing für Printmedien<br>
- einem Gestalter für Ihr Logo oder Ihre Printmedien<br>
- einem Webprogrammierer für den Aufbau oder Pflege Ihrer Websites<br>
dann ist cross-solution Ihr richtiger Ansprechpartner. Wir bietet Ihnen professionelle und individuelle Lösungen, beraten Sie und zeigen Ihnen Möglichkeiten für die Umsetzung Ihrer Projekte und Wünsche.</span></font></td>
<td height="12" width="7"></td>
<td height="12" width="225"></td>
</tr>
<tr height="17">
<td height="17" width="7"></td>
<td height="17" width="225" bgcolor="#d3d3d3"><font face="Trebuchet MS" size="3"><span class="11bold">.:: News ::.</span></font></td>
</tr>
<tr height="93" align="left" valign="top">
<td height="93" width="7"></td>
<td width="225" rowspan="3">
<div align="left">
<span class="10norm">15.07.03<br>
</span><span class="12bold">[X]cross-ProofPro - Version 2.0 erhältlich</span><span class="11bold"><br>
</span><font size="-1"><span class="11norm">Neu!- mit 1:1 Bildplatzierung! ProofPro erstellt für Sie einen Kontaktabzug in QuarkXPress 4.11. ProofPro unterstützt die Platzierung mit festen Rahmengrößen und die 1:1 Bildplatzierung mit sehr vielen nützlichen Optionen. mehr infos..</span></font></div>
</td>
</tr>
<tr height="20" valign="middle" align="left">
<td height="20" width="424" bgcolor="#d3d3d3">
<div align="left">
<font face="Trebuchet MS" size="3"><span class="11bold">.:: Unser Leistungsangebot ::.</span></font></div>
</td>
<td height="20" width="7"></td>
</tr>
<tr height="23" valign="top">
<td width="424" rowspan="2">
<div align="left">
<span class="10norm"><font size="3">Eine kleine Auswahl unseres umfangreichen Leistungsangebotes finden Sie in den jeweiligen Kategorien<br>
>> Softwarelösungen - >> Offline Medien - >> Online Medien</font></span></div>
</td>
<td height="23" width="7"></td>
</tr>
<tr height="27" valign="top">
<td height="27" width="7"></td>
<td width="225" rowspan="2"><span class="10norm">01.07.03<br>
</span><font size="3"><span class="11bold">[X]cross-Xchange - Version 1.0 erhältlich<br>
</span></font><span class="10norm"><font size="+1">Tauschen Sie in Ihrem vorhandenen QuarkXPress Dokument die Buchstaben mit Spezialfont in HTML-Code oder sonstigem gewünschten Text. mehr infos.. </font></span></td>
</tr>
<tr valign="top">
<td width="424">
<div align="center">
<font size="3"><span class="10norm"><font face="Trebuchet MS"><img src="pictures/XcrossExpl1.jpg" width="104" height="85" border="0"></font><font face="Trebuchet MS"><img src="pictures/XcrossExpl2.jpg" width="104" height="85" border="0"></font></span></font></div>
</td>
<td width="7"></td>
</tr>
</table>
</td>
<td width="1" height="526"><spacer type="block" width="1" height="526"></td>
</tr>
<tr height="1" cntrlrow>
<td width="9" height="1"><spacer type="block" width="9" height="1"></td>
<td width="676" height="1"><spacer type="block" width="676" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
</div>
</body>
</html>
