Quellcode wird gelöscht!!

**Apacer20** · 17.02.2011 18:30

Hey,

wenn ich Beiträge erstelle via. HTML
dann schreib ich die per hand in einem editor schau sie mir im explorer an.

Und dann kopier ich den code zu Joomla rein!

der nimmt aber gewisse Quellcodes daraus?
unter anderem auch diesen:

HTML-Code:

<div style="width:10px; height:350px; float:left; background-image:url('/images/content/teaser_rand_links.jpg')"></div>

der erscheint dann einfach im Editor nicht mehr sobald ich auf AKTUALISIEREN klicke!

Der code verursacht eine Randgrafik... gesamter Code einer Spalte sieht so aus:

HTML-Code:

<!--ERSTER-SPALTE-->
	<div style="width:182px; float:left; height:350px;">
	
	<!--RAND-->
	
<div style="width:10px; height:350px; float:left; background-image:url('/images/content/teaser_rand_links.jpg')"></div>
		
	<!--Überschirft-->
	
		<div style="width:170px; padding-left:5px;">
			<h2 style="color: #FF5E00;font-size: 15px;font-weight: bold;line-height: 18px;margin-bottom: 9px;">
				Unsere<br>
				Premium Line
			</h2>
		</div>
		
	<!--BILD-->
	
		<div><img alt="premium" src="http://satra-eberhardt.de/images/stories/reiseverkehr/Premium_line.jpg"></div>
	
	<!--TEXT-->	
		<div style="padding-left:10px; padding-top:5px; line-height:18px;">
Der Himmel auf Rädern.<br>
Genießen Sie Raum,<br>
Service und modernste<br>
Technik. Mit der Satra<br>
Eberhardt Premium Line<br>
bringen wir Sie besonders<br>
exklusiv und entspannt<br>
ans Ziel.

<br><br>
<a class="links_content" href="hier noch eintragen">Premium Line »</a>
		
		</div>
		
	</div>

hoffe ihr könnt mir helfen!

Ich hab auch schon Punkte vor den Pfad gesetzt kein Erfolg hab aber das bedenken das dieser Pfad falsch ist!
Die Style-Angaben werd ich später noch in eine externe CSS laden! damit der Code ien bisschen übersichtlicher bleibt

**teefit** · 17.02.2011 18:53

Welchen editor benutzt du denn?
background-image:url('/images/content/teaser_rand_links.jpg')
meinst du background-image:url('images/content/teaser_rand_links.jpg')
oder
background-image:url('../images/content/teaser_rand_links.jpg')

**Apacer20** · 17.02.2011 19:03

zum normalen schreiben den texteditor

und den code kopier ich dann in den joomla beitrags html editor
dann auf --> Aktualisieren --> dann klappt alles bis auf das der rand angezeigt wird.

Ich vermute ja das bei meinem css irgendetwas falsch ist weil... die anderen Bilder die ich über

HTML-Code:

<img src="lallalalal"></img>

die funktionieren ja auch!

naja ich weiß ja ebend nicht welche Variante davon funktioniert hab des alles probiert nichts tut sich!
Aber wenn ich das geschrieben über den Texteditor mit Mozilla ausgebe funktioniert alles

die Dateien liegen auf dem Webserver
in dem Hauptordner Images/Content/ drinne

ich verzweifle gleich

**teefit** · 17.02.2011 19:08

wie sieht denn nach dem aktualisieren der quellcode aus (rechte maustaste->Quellcode)?
Was steht denn da wo der rahmen stehen sollte?

und

meinst du background-image:url('images/content/teaser_rand_links.jpg')
oder
background-image:url('../images/content/teaser_rand_links.jpg')

**Apacer20** · 17.02.2011 19:15

Pass auf im JOOMLA-EDITOR so:
geb ich es ein:

HTML-Code:

<table style="width: 550px; height: auto; margin: 0pt; padding: 0pt;" border="0;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>

<!--Überschrift-->
<div class="content_ueberschriften">Satra Reiseverkehr -<br> Sicher und erholt an jedes Ziel</div>
<div class="content_text">Satra beweist, dass Omnibusfahrten nicht unbequem und 
	endlos sein müssen. Wo auch immer Sie hin wollen – nach Sachsen, Rom oder in 
	die Provence – in unseren komfortablen Reisebussen kommen Sie sicher und 
	erholt ans Ziel. Genießen Sie die Freiheit, nicht selbst fahren zu müssen.</div>



<div style="padding: 0pt; padding-top:20px; margin-top: 0px; height: 1000px;">


<!--ERSTER-SPALTE-->
	<div style="width:182px; float:left; height:350px;">
	
	<!--RAND-->
	
		<div style="width:10px; height:350px; float:left; background-image:url('images/content/teaser_rand_links.jpg')"></div>
		
	<!--Überschirft-->
	
		<div style="width:170px; padding-left:5px;">
			<h2 style="color: #FF5E00;font-size: 15px;font-weight: bold;line-height: 18px;margin-bottom: 9px;">
				Unsere<br>
				Premium Line
			</h2>
		</div>
		
	<!--BILD-->
	
		<div><img alt="premium" src="http://satra-eberhardt.de/images/stories/reiseverkehr/Premium_line.jpg"></div>
	
	<!--TEXT-->	
		<div style="padding-left:10px; padding-top:5px; line-height:18px;">
Der Himmel auf Rädern.<br>
Genießen Sie Raum,<br>
Service und modernste<br>
Technik. Mit der Satra<br>
Eberhardt Premium Line<br>
bringen wir Sie besonders<br>
exklusiv und entspannt<br>
ans Ziel.

<br><br>
<a class="links_content" href="hier noch eintragen">Premium Line »</a>
		
		</div>
		
	</div>
	
	
<!--ZWEITE-SPALTE-->
	<div style="width:182px; float:left; height:350px;">
	
	<!--RAND-->
	
		<div style="width:10px; height:350px; float:left; background-image:url('images/content/teaser_rand_links.jpg')"></div>
		
	<!--Überschrift-->
	
		<div style="width:172px; padding-left:5px;">
			<h2 style="color: #FF5E00;font-size: 15px;font-weight: bold;line-height: 18px;margin-bottom: 9px;">
				Satra Bus -<br>
				Klassifizierung
			</h2>
		</div>
		
	<!--BILD-->
	
		<div><img alt="klassi" src="http://satra-eberhardt.de/images/stories/reiseverkehr/Busklassifizierung.jpg"></div>

	<!--TEXT-->	
		<div style="padding-left:10px; padding-top:5px; line-height:18px; height:293px;">
Sie planen einen Ausflug<br>
mit Ihrem Verein,<br>
einen Kurzurlaub in<br>
Familie oder die<br>
nächste Klassenfahrt?<br>
Ob für 7 oder<br>
70 Personen –<br>
bei uns finden Sie<br>
das passende Gefährt.
<br><br><br><br>
<a class="links_content" href="hier noch eintragen">Zur Busübersicht »</a>
		
		</div>


	</div>
	
<!--DRITTE-SPALTE-SPALTE-->
	<div style="width:182px; float:left; height:350px;">
	
	<!--RAND-->
		
		<div style="width:10px; height:350px; float:left; background-image:url('images/content/teaser_rand_links.jpg')"></div>
		
	<!--Überschrift-->
	
		<div style="width:172px; padding-left:5px;">
			<h2 style="color: #FF5E00;font-size: 15px;font-weight: bold;line-height: 18px;margin-bottom: 9px;">
				Behinderten-<br>
				gerechte Busse
			</h2>
		</div>


	</div>


</div>

<!--UNTERER TEIL-->

<div style="padding: 0pt; padding-top:20px; margin-top: 0px; height: 1000px;">
	<div></div>
</div>

</td>
</tr>
</tbody>
</table>

und so sieht es dann nach dem Aktualisieren aus:

HTML-Code:

<table style="width: 550px; height: auto; margin: 0pt; padding: 0pt;" border="0;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><!--Überschrift-->
<div class="content_ueberschriften">Satra Reiseverkehr -<br /> Sicher und erholt an jedes Ziel</div>
<div class="content_text">Satra beweist, dass Omnibusfahrten nicht unbequem und  	endlos sein müssen. Wo auch immer Sie hin wollen – nach Sachsen, Rom oder in  	die Provence – in unseren komfortablen Reisebussen kommen Sie sicher und  	erholt ans Ziel. Genießen Sie die Freiheit, nicht selbst fahren zu müssen.</div>
<div style="padding: 20px 0pt 0pt; margin-top: 0px; height: 1000px;"><!--ERSTER-SPALTE-->
<div style="width: 182px; float: left; height: 350px;"><!--RAND--> <!--Überschirft-->
<div style="width: 170px; padding-left: 5px;">
<h2 style="color: #FF5E00;font-size: 15px;font-weight: bold;line-height: 18px;margin-bottom: 9px;">Unsere<br /> Premium Line</h2>
</div>
<!--BILD-->
<div><img src="http://satra-eberhardt.de/images/stories/reiseverkehr/Premium_line.jpg" border="0" alt="premium" /></div>
<!--TEXT-->
<div style="padding-left:10px; padding-top:5px; line-height:18px;">Der Himmel auf Rädern.<br /> Genießen Sie Raum,<br /> Service und modernste<br /> Technik. Mit der Satra<br /> Eberhardt Premium Line<br /> bringen wir Sie besonders<br /> exklusiv und entspannt<br /> ans Ziel.  <br /><br /> <a class="links_content" href="hier noch eintragen">Premium Line »</a></div>
</div>
<!--ZWEITE-SPALTE-->
<div style="width: 182px; float: left; height: 350px;"><!--RAND--> <!--Überschrift-->
<div style="width: 172px; padding-left: 5px;">
<h2 style="color: #FF5E00;font-size: 15px;font-weight: bold;line-height: 18px;margin-bottom: 9px;">Satra Bus -<br /> Klassifizierung</h2>
</div>
<!--BILD-->
<div><img src="http://satra-eberhardt.de/images/stories/reiseverkehr/Busklassifizierung.jpg" border="0" alt="klassi" /></div>
<!--TEXT-->
<div style="padding-left: 10px; padding-top: 5px; line-height: 18px; height: 293px;">Sie planen einen Ausflug<br /> mit Ihrem Verein,<br /> einen Kurzurlaub in<br /> Familie oder die<br /> nächste Klassenfahrt?<br /> Ob für 7 oder<br /> 70 Personen –<br /> bei uns finden Sie<br /> das passende Gefährt. <br /><br /><br /><br /> <a class="links_content" href="hier noch eintragen">Zur Busübersicht »</a></div>
</div>
<!--DRITTE-SPALTE-SPALTE-->
<div style="width: 182px; float: left; height: 350px;"><!--RAND--> <!--Überschrift-->
<div style="width: 172px; padding-left: 5px;">
<h2 style="color: #FF5E00;font-size: 15px;font-weight: bold;line-height: 18px;margin-bottom: 9px;">Behinderten-<br /> gerechte Busse</h2>
</div>
</div>
</div>
<!--UNTERER TEIL-->
<div style="padding: 20px 0pt 0pt; margin-top: 0px; height: 1000px;"></div>
</td>
</tr>
</tbody>
</table>

--> background-image:url('images/content/teaser_rand_links.jpg')

sou

EDIT

naja nicht steht da eben und laut firebug:
wird die DIV garnicht erst angezeigt

**teefit** · 17.02.2011 19:54

Ich glaube das bild existiert nicht! kannst du mir bitte mal den absoluten Pfad schicken? also "http://blablubbla.de/...../bild.jpg"

**Apacer20** · 17.02.2011 19:58

hier:

http://apacer20.bplaced.net/images/c...rand_links.jpg

**SirDrake** · 17.02.2011 19:59

Codebereinigung im Editor ist ausgeschaltet und die Filtereinstellung auch gesetzt

**Apacer20** · 17.02.2011 20:15

naja so sieht das ja bei mir auch aus da fehlt aber an der linken Seite die Teaser-Grafik:

Meine Seite:
http://apacer20.bplaced.net/index.ph...&id=7&Itemid=2

und so soll es aussehen:

http://satra-eberhardt.de/index.php?...d=41&Itemid=27

**teefit** · 17.02.2011 20:15

so geht bei mir

<div style="width:10px; height:350px; float:left; background-image:url('http://apacer20.bplaced.net/images/content/teaser_rand_links.jpg');background-repeat:repeat-y;"></div>

bild exisitiert nicht auf server....

Thema: Quellcode wird gelöscht!!

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Quellcode wird gelöscht!!

Lesezeichen

Lesezeichen

Berechtigungen