Zum Inhalt springen

Text w/image, Rahmen ums Bild!?

Erstellt am 20. April 2005 · 8 Antworten · letzte Antwort am 21. April 2005

Tags: Bilder, HTML & CSS, Frage

ffranke ·

Hi wie krieg ichs hin, daß Typo einen 1px Rahmen um das Bild macht?

Per CSS wär mir eine Lösung auch lieb, jedoch weiss ich nicht wie den entsprechenden Style in den Bildtag einbauen soll...

gruss danke Florian

ffranke ·

Prinzipiell gehts, nur macht er mirt jetzt auf der ganzen Seite einen Rand drum (was ja eigentlich auch logisch ist) Wie kann ich dieses CSS Befehl nur auf meinen Content-Bereich beziehen!?

Gruss Danke

ina ·

Das ist jetzt aber ein CSS Problem...

img .content {border:1px solid black}

und dabei deinen Content-Bereich natürlich mit der (CSS) Klasse content benennen.

webdeveloper ·

du könntest den bildern namen oder id's geben, um sie anzusprechen (mit einer css-klasse)

styles.content.imgtext.maxW = 1000

damit kan man alle bilder über T3 auf eine max-breite von 100px setzen.

styles.content.imgborder = 1

so vielleicht?

\edit:
oder so wie ina beschreibt 😉

ffranke ·

hmmm,

erstmal danke für eure Antworten!

Leider lösen eure Vorschläge mein Problem nicht.
Anbei mal den Style, mit denen ich mein Content-Design festlege...

td#pagecontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
	right: 10px;
	color: #333333;
}

Noch jemand ne idee?

@ina.. ich hab selbstverständlich das .content duch .pagecontent ersetzt (auch hab ichs mit td#pagecontent usw. probiert..)

gruss danke

ffranke ·

aha, mit ein wenig probieren:

td#pagecontent img{border:1px solid black;}

Das ist der richtige CSS-Code. Jetzt habe ich allerdings das nächste Problem. Er setzt diesen Rahmen jetzt logischweise nicht nur um die gwünschten Bidler sondern auch um die Spacer!!

Jemand ne Idee wie man dieses Problem löst?

Gruss danke Flo

ina ·

Ok, jetzt lass ich mal den Oberlehrer raushängen, nur damit wir nicht aneinander vorbei schreiben 😉

Klassen werden mit nem Punkt definiert, IDs mit der Raute (#)

Bei kontextabhängiger Definitionen wird "von rechts nach links" interpretiert. Also td #pagecontent ->
für ID-Bereich pagecontent innerhalb einer Tabellen-Zelle.
oder einfacher h1 em -> em innerhalb von h1 ist betroffen.
(Bei dieser Schreibweise mag td#pagecontent [also zusammen geschrieben] auch gehen, weiss ich nicht.)

Demnach sollte
td#pagecontent img {border:1px solid black} doch einen Rahmen um alle Bilder in deinem pagecontent machen. Oder?
#pagecontent img {border:1px solid black} müsste aber auch gehen

ina ·

Jetzt habe ich allerdings das nächste Problem. Er setzt diesen Rahmen jetzt logischweise nicht nur um die gwünschten Bidler sondern auch um die Spacer!!

Jemand ne Idee wie man dieses Problem löst?

Da brauchst du wohl doch TS 😉