[tom]

habe ich viele im Internet gefunden. Allerdings suche ich eine Variante, in der der abgerundete Teil (also die Ecken) transparent sind. Tortzdem will ich zumindest die Höhe automatisch (über css) haben - wenn auch noch die Breite flexibel steuerbar wäre wer das super ...)

Habe schon zig Varianten getestet. Aber nichts funktioniert mit transparenten Ecken - wer hat da noch eine Idee ???

Tom

[Armin]

Guten Morgen,

per HEML & CSS wird das wohl nicht gehen, da man ja die Ecken des Bildes mit einer anderen Grafik überlagern muss.

Eine Möglichkeit sehe ich mit PHP, hier wird man wohl einmal über den Bild eine Maske setzen und noch ein unter dem Bild um keine Farben zu verlieren. Helfen sollte dir imagecolortransparent()

Sende musst das Bild gif oder png, da ja jpg kein transp. kann.

Gruß
Armin

[tom]

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 ...

<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:

.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

[Armin]

Hallo Tom,

noch mal zur Info.
Du willst das die Ecken von einem Bild transparent erscheinen damit z.B. der Hintergrund-Seite zu sehen ist?! Und das soll dann per CSS gehen? Mit CSS3 soll es dann gehen, -moz-border-radius, der FF unterstützt es schon.

Armin

[Armin]

Nach Kontakt per ICQ und Klärung der Frage:
http://www.webreference.com/programm...ers/index.html

Armin

[zefix]

Soll ein Bild runde Ecken haben oder eine Box mit Inhalt?

[tom]

Zitat von zefix

Soll ein Bild runde Ecken haben oder eine Box mit Inhalt?

In diesem Beitrag ging es um eine Textbox - allerdings mit "transparenten" Ecken, d.h. die Box mit runden Ecken liegt auf einem Hintergrundmotiv ...

Armin hat mir gestern einen super Link gegeben (s.o.) den ich heute ausprobieren werden. Das Thema ist also so gut wie gelöst.

Zu den Photos hatte ich hier einen Beitrag:
http://www.typo3forum.net/forum/typo...vertieren.html
Allerdings habe ich das Thema erstmals zurückgestellt.
Evtl. mach ich da später mal weiter. Derzeit werde ich wohl den Hintergrund vor die Photos legen und im Hintergrund einen entsprechend großen transparenten Bereich mit runden Ecken einbauen.

Tom

[zefix]

Hi,

das mit den Photos geht aber problemlos mit der Anleitung hier:
http://www.typo3wizard.com/de/snippe...he-masken.html

[Armin]

das mit den Photos geht aber problemlos mit der Anleitung hier:

Nein, die Ecken sind dann nicht transparent.

Armin

[zefix]

also bei mir schon: http://cms.baumann.tk/