Thema: Eigenes CSS im Beitrag -- unkorrekte Anzeige

Moin,
ich habe mir ein CSS gebastelt und in den jeweiligen Quellcodes der Beiträge eingefügt.

Code:

 <link href="images/martin/martin.css" rel="stylesheet" type="text/css" />

Das Ding sieht so aus:

Code:

link { 
	color: #F93;
	text-decoration: underline;
}
.align_left {
	text-align: left;
}
.padding_gallery_01 {
	padding: 5px;
	border: 1px solid;
	margin: 5px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

Funktioniert auch wunderbar, allerdings nur im Editor. Auf der "echten" Website (Modell-Galerie --> A-10A Thunderbolt II) werden die paddings und margins nicht korrekt dargestellt (betrifft nur die Thumbnails, die Tabelle mit den Thumbnails ist auch in dem DIV-Container mit dem grauen Rand, der ist okay). Woran kann das liegen? Habe die aktuelle CSS-Datei auf den Server geladen und auch meinen lokalen Cache geleert.

Als erstes würde ich Deinen eigenen CSS File generell oder auf ausgewählten Seiten einbinden, das geht mit diesem praktischen Plugin pluginCustom Head Tag 1.0.2 for 1.5; und zwar trägt man den css file unter Path : Style ein, in Deinem Fall wie folgt:
images/martin/martin.css
Wenn Du Dir dann im Frontend den Quelltext anzeigen lässt, siehst Du, dass der css file nun auf den Seiten, auf denen Du das haben möchtest, oben eingebunden ist

Als nächstes würde ich folgendes tun weil der Core von Joomla im Content nach wie vor tabellenbasiert ist....

per FTP >

/templates/beez/html/

den gesamten Ordner com_content

in Deinen Template-Ordner kopieren, also in

/templates/DeinTemplateOdner/html/
wenn dort kein Ordner /html/ existiert: neu anlegen

damit wird der korrekte HTML output (ohne Tabellen, mit DIV Containern) gesteuert...
Das funktioniert auch für andere Sachen, (plugins, components...)

Zitat von xbq

Als erstes würde ich Deinen eigenen CSS File generell oder auf ausgewählten Seiten einbinden, das geht mit diesem praktischen Plugin pluginCustom Head Tag 1.0.2 for 1.5; und zwar trägt man den css file unter Path : Style ein, in Deinem Fall wie folgt:
images/martin/martin.css
Wenn Du Dir dann im Frontend den Quelltext anzeigen lässt, siehst Du, dass der css file nun auf den Seiten, auf denen Du das haben möchtest, oben eingebunden ist

Als nächstes würde ich folgendes tun weil der Core von Joomla im Content nach wie vor tabellenbasiert ist....

per FTP >

/templates/beez/html/

den gesamten Ordner com_content

in Deinen Template-Ordner kopieren, also in

/templates/DeinTemplateOdner/html/
wenn dort kein Ordner /html/ existiert: neu anlegen

damit wird der korrekte HTML output (ohne Tabellen, mit DIV Containern) gesteuert...
Das funktioniert auch für andere Sachen, (plugins, components...)

Moin,
danke, habe ich alles gemacht. Leider wars das nicht, die unkorrekte Darstellung der Tabelle hat sich nicht geändert. Hier mal der Quellcode des Beitrages, vielleicht ist da nen Fehler drin:

Code:

<!--
<link href="images/martin/martin.css" rel="stylesheet" type="text/css" />
-->
<h3>Mein erstes Modell nach 20 Jahren Pause:<br /></h3>
<p> </p>
<div style="text-align: left;"><img src="images/martin/a10/tru.jpg" alt="trumpeter a-10" width="400" height="286" /><br /><br /> 
<table cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td width="125">Maßstab</td>
<td width="301">1:32</td>
</tr>
<tr>
<td>Gesamtlänge:</td>
<td>ca. 51 cm</td>
</tr>
<tr>
<td>Spannweite:</td>
<td>ca. 55 cm</td>
</tr>
<tr>
<td>Detailsets:</td>
<td>VP1690 VERLINDEN 1/32 A-10 Detailing Set</td>
</tr>
<tr>
<td><br /></td>
<td>VP1691 VERLINDEN 1/32 A-10 Detailing Set</td>
</tr>
</tbody>
</table>
<br /> <br />
<!-- ###################### Galeriebeginn ############################################## --> 
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-019.jpg" target="_blank"><img src="images/martin/a10/A10-019t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-018.jpg" target="_blank"><img src="images/martin/a10/A10-018t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01"><a href="images/martin/a10/A10-006.jpg" target="_blank"><img src="images/martin/a10/A10-006t.jpg" border="0" /></a></div>
</td>
</tr>
<tr>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-013.jpg" target="_blank"><img src="images/martin/a10/A10-013t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-002.jpg" target="_blank"><img src="images/martin/a10/A10-002t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-014.jpg" target="_blank"><img src="images/martin/a10/A10-014t.jpg" border="0" /></a></div>
</td>
</tr>
<tr>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-004.jpg" target="_blank"><img src="images/martin/a10/A10-004t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-005.jpg" target="_blank"><img src="images/martin/a10/A10-005t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-003.jpg" target="_blank"><img src="images/martin/a10/A10-003t.jpg" border="0" /></a></div>
</td>
</tr>
<tr>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-010.jpg" target="_blank"><img src="images/martin/a10/A10-010t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-008.jpg" target="_blank"><img src="images/martin/a10/A10-008t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-009.jpg" target="_blank"><img src="images/martin/a10/A10-009t.jpg" border="0" /></a></div>
</td>
</tr>
<tr>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-017.jpg" target="_blank"><img src="images/martin/a10/A10-017t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-007.jpg" target="_blank"><img src="images/martin/a10/A10-007t.jpg" border="0" /></a></div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-012.jpg" target="_blank"><img src="images/martin/a10/A10-012t.jpg" border="0" /></a></div>
</td>
</tr>
<tr>
<td>
<div class="padding_gallery_01" align="center">
<div align="center"><a href="images/martin/a10/A10-016.jpg" target="_blank"><img src="images/martin/a10/A10-016t.jpg" border="0" /></a></div>
</div>
</td>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-015.jpg" target="_blank"><img src="images/martin/a10/A10-015t.jpg" border="0" /></a></div>
</td>
<td></td>
</tr>
<tr>
<td>
<div class="padding_gallery_01" align="center"><a href="images/martin/a10/A10-001.jpg" target="_blank"><img src="images/martin/a10/A10-001t.jpg" border="0" /></a></div>
</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<br /> 2005</div>