https://linupedia.org/wiki/mediawiki/index.php?action=history&feed=atom&title=CSS%2FBilder
CSS/Bilder - Versionsgeschichte
2026-04-24T19:17:20Z
Versionsgeschichte dieser Seite in Linupedia.org
MediaWiki 1.31.0
https://linupedia.org/wiki/mediawiki/index.php?title=CSS/Bilder&diff=20975&oldid=prev
TomcatMJ: /* Bild mit Link versehen */ Kategorie hinzugefügt
2007-08-10T21:35:43Z
<p><span dir="auto"><span class="autocomment">Bild mit Link versehen: </span> Kategorie hinzugefügt</span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 10. August 2007, 21:35 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l37" >Zeile 37:</td>
<td colspan="2" class="diff-lineno">Zeile 37:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[CSS|zurück zu CSS]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[CSS|zurück zu CSS]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Kategorie:Webdesign]]</ins></div></td></tr>
</table>
TomcatMJ
https://linupedia.org/wiki/mediawiki/index.php?title=CSS/Bilder&diff=20601&oldid=prev
Yehudi: Hinweis auf W3C
2007-08-02T09:27:11Z
<p>Hinweis auf W3C</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 2. August 2007, 09:27 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Bild mit Link versehen ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Bild mit Link versehen ==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Als Beispiel dient der Header von [http://www.yehudi.de/ www.yehudi.de] Dieser soll mit einem Link versehen werden:</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Als Beispiel dient der Header von [http://www.yehudi.de/ www.yehudi.de] Dieser soll mit einem Link versehen werden <ins class="diffchange diffchange-inline">(Unter Joomla funktioniert dieses Beispiel im Gegensatz zu den anderen, wird aber unter W3C als Fehler gesehen)</ins>:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>So sieht die Eintragung in der index.php oder dem html Dokument aus:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>So sieht die Eintragung in der index.php oder dem html Dokument aus:</div></td></tr>
</table>
Yehudi
https://linupedia.org/wiki/mediawiki/index.php?title=CSS/Bilder&diff=20593&oldid=prev
TomcatMJ: Restaurationsversuch aus einem Newsfeed-Archiv ;-)
2007-08-01T23:23:12Z
<p>Restaurationsversuch aus einem Newsfeed-Archiv ;-)</p>
<p><b>Neue Seite</b></p><div><br />
== Bild mit Link versehen ==<br />
Als Beispiel dient der Header von [http://www.yehudi.de/ www.yehudi.de] Dieser soll mit einem Link versehen werden:<br />
<br />
So sieht die Eintragung in der index.php oder dem html Dokument aus:<br />
<pre><a href="http://www.yehudi.de/"><div id="header"></div></a></pre><br />
<br />
Im CSS steht dann dafür folgender Eintrag<br />
<pre>#header {<br />
padding: 0px;<br />
margin-right: 0px;<br />
width: 764px;<br />
height: 170px;<br />
background: url(../images/header.jpg) no-repeat;<br />
}</pre><br />
<br />
Alternativ würde es jedoch auch auf folgendem Weg gehen:<br />
<br />
<pre><a class="grafik" href="http://www.yehudi.de/"></a></pre><br />
<br />
Im CSS stünde dann dafür folgender Eintrag<br />
<pre>.grafik {<br />
padding: 0px;<br />
margin-right: 0px;<br />
width: 764px;<br />
height: 170px;<br />
background: url(../images/header.jpg) no-repeat;<br />
}</pre><br />
was dann die gesamte Klasse "grafik" betreffen würde. Es ist jedoch auch möglich die Stylesheetinformationen auf genau ein Element in der Klasse zu begrenzen. Dies sähe dann für einen Link folgendermaßen im CSS aus:<br />
<pre>a.grafik {<br />
padding: 0px;<br />
margin-right: 0px;<br />
width: 764px;<br />
height: 170px;<br />
background: url(../images/header.jpg) no-repeat;<br />
}</pre><br />
<br />
----<br />
[[CSS|zurück zu CSS]]</div>
TomcatMJ