Einzelnen Beitrag anzeigen
  #3  
Alt 15.07.06, 10:17
Benutzerbild von tom
tom tom ist offline
TYPO3 Forum Team
Moderator
 
Registriert seit: 11.09.04
Ort: Schillerstadt Marbach
Alter: 41
Beiträge: 786
tom eine Nachricht über ICQ schicken tom eine Nachricht über Skype™ schicken

ich denke schon, dass es irgendwie mit HTML und CSS funktioniert

Habe bereits folgenden Ansatz - funktioniert im Firefox aber nicht im IE. Es muss aber doch auch eine Lösung für den IE geben ...

HTML-Code:
<div id="jumpbox" class="jumpbox"> <div class="jumpbox_roundcornertop"></div> <div class="jumpbox_content"> <h2>mehr zum Thema</h2> <p class="bodytext"> <a href="http://www.google.de/" title="zur Suchmaschine">Such-Link</a> <br /> <a href="http://www.web.de/" title="zum Link">noch ein Link</a> <br /> <a href="http://www.web.de/" title="zum Link">noch ein Link</a> <br /> <a href="fileadmin/dummy/test.pdf" title="ein Test PDF zum Download">Lesen bildet</a> </p> </div> <div class="jumpbox_roundcornerbottom"></div> </div>
css:
HTML-Code:
.jumpbox {
	position:absolute;
        left:20px;
	top:410px;
	width:140px; 
	height: auto;
	padding: 0px;
	margin: 0px;
	z-index: 40;
}

.jumpbox_roundcornertop {
	background: url(/fileadmin/images_intern/jumpbox-border-top2.gif) no-repeat top left; 
	height: 15px;
	width:140px;
	padding: 0px;
	margin: 0px;
}

.jumpbox_roundcornerbottom {
	background: url(/fileadmin/images_intern/jumpbox-border-bottom2.gif) no-repeat bottom left; 
	height: 15px;
	width:140px;
	padding: 0px;
	margin: 0px;
}

.jumpbox_content { 
	margin: 0 0 0 0; 
	padding: 5px;
	background-color: #fff;
}
Tom
__________________
"Wer nichts anderes tut als Geld verdienen, verdient auch nichts anderes ..."

P.S. Ich habe gerade beschlossen alle meine Tipp- und Rechtschreibfehler unter die Open Content License zu stellen.
Mit Zitat antworten