Hey..
So.. ich kam jetzt tatsächlich dazu, mich wieder mit dem Thema zu beschäftigen.
Vorab schon mal vielen vielen Dank für den obigen Post. Das werde ich versuchen, umzusetzen und hoffe, dass danach alles noch so klappt wie jetzt auch.
Sieht jedenfalls deutlich besser aus.
Gespannt bin ich allerdings, ob die Suche so erhalten bleibt wie sie funktionieren soll.
Zum Thema Farbe:
Auch da bin ich jetzt einen Schritt weiter und kann sagen, dass style2.css sich "vordrängt".
So siehts im Moment aus:
HTML:
<style type="text/css">
.auto-style2 {
font-family: "Trebuchet MS";
font-size: large;
font-weight: bold;
color: black;
}
.auto-style3 {
font-family: "Trebuchet MS";
font-size: medium;
color: black;
}
.auto-style4 {
margin-left: 300px;
margin-right: 200px;
color: black;
}
</style>
<!-- #EndEditable -->
<link href="styles/style2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
Sooo... lösche ich jetzt die Einbindung von syle2.css, zerhaut es mir sowohl die definierten Abstände usw. usf. als auch die richtige Schriftart (Trebuchet MS)...dafür klappt die Markierung der Treffer in rot.
Lasse ich allerdings die Einbindung drin und entferne oben bei .auto-style2 usw. die Farbe, dann ist die Schrift weiß und die Markierung der Treffer wieder in schwarz.
Demzufolge muss ich jetzt also die style2.css entsprechend anpassen.
Aktueller Inhalt der css:
HTML:
@import url("layout.css");
body {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 0.8em;
background-image: url("../images/background.gif");
background-repeat: no-repeat;
background-attachment: fixed;
}
#container {
width: 700px;
margin: 10px auto;
}
#masthead {
text-align: center;
width: 698px;
border-top: 5px solid #dcdcdc;
border-right: 5px solid #a9a9a9;
border-bottom: 5px solid #808080;
border-left: 5px solid #a9a9a9;
}
#navigation {
position: relative;
float: left;
width: 160px;
margin-top: 10px;
margin-bottom: 10px;
border-top: 1px solid #dcdcdc;
border-right: 1px solid #a9a9a9;
border-bottom: 1px solid #808080;
border-left: 1px solid #a9a9a9;
background-color:transparent;
}
#content {
float: left;
width: 518px;
margin-top: 10px;
padding: 10px;
}
#footer {
text-align: center;
clear: both;
width: 698px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #dcdcdc;
border-right: 1px solid #a9a9a9;
border-bottom: 1px solid #808080;
border-left: 1px solid #a9a9a9;
background-color: #fefeff;
}
/* Mastertitel-Formatvorlagen */
#masthead h1 {
color: #FFFFFF;
}
#masthead h3 {
color: #5f8ea9;
}
/* Navigationsformatvorlagen*/
#navigation ul {
width: 100%;
display: block;
margin: 0;
padding: 0;
visibility: visible;
}
#navigation li {
display: block;
margin: 0;
padding: 0;
border: 1px solid black;
background-color:transparent;
}
#navigation a {
text-decoration: none;
display: block;
padding: 5px;
border: 1px solid #fff;
color: #000000;
}
#navigation a:hover {
color: #fff;
text-decoration: none;
border: 1px solid #5f8ea9;
background-color: #5f8ea9;
}
/* Inhaltsformatvorlagen */
#content h1,h2,h3,h4,h5,h6 {
color: #000000;
}
#content img {
padding: 5px;
border: 1px solid #808080;
}
/* Fußzeilen-Formatvorlagen */
#footer p {
color: #808080;
margin-top: 5px;
}
#footer a {
color: #5f8ea9;
text-decoration: underline;
}
#footer a:hover {
color: #33627d;
text-decoration: none;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: none;
}
.style_bold {
font-weight: bold;
}
.style_italic {
font-style: italic;
}
img.zentriert {
display: block;
margin: 0px auto;
}
Denke, das dürfte lösbar sein.
Deinen obigen Vorschlag versuche ich jetzt gleich mal und schaue was passiert.
Viele Grüße
e:/ Hab den ersten Versuch bereits gewagt. Leider wird der Inhalt nicht eingeblendet.
HTML:
<div id="s1-6" style="display: none;color: #FFFFFF" class="xxx">
<?php include "Übersicht Änderungen.html"; ?>
</div>
Entsprechende Datei ist erstellt und liegt im gleichen Ordner wie die php-Datei. Leider werden die Inhalte nicht dargestellt.
.
