Rahmen färben in Golive über CSS

[Podarkes]

Hallo Liebe Traumprojektler,

folgendes Problem.
Hab mit Photoshop ein Image gesliced.

Nun möchte ich die slices (die ja im grunde tabellen/spalten sind), vereinzelt dessen Rahmen in Rot färben.

Wie kann ich das durch den CSS menü anstellen? Hab schon diverse möglichkeit ausprobiert, und bin am verzweifeln.

lg

[jayjay]

wenn ich dich richtig verstehe dann suchst du sowas:
kein rahmen

img {
	border:none;
}

für deine navi

a.navi img {
	border: solid 1px #FF0000;
}

eines musst du aber bedenken, wenn du in der tabelle einige bilder formatierst, zb mit rahmen, wird das deine ganze layout-tabelle zerlegen.
mach es besser im ps oder fw

[Podarkes]

Hallo Jayjay,
danke für die schnelle antwort.

Nein, ich glaube ich habe mich falsch ausgedrückt.
Ich habe in PS ein Dokument mit Text und drumherum einen Rahmen erstellt. Dementsprechend habe ich es gesliced, sodass dann im html/GoLive nur noch die rahmen da sind, und ich die Texte nochmal per html einzufügen habe.
Nun hat sich die länge des Textes verändert. Da der Rahmen feste jpgs sind, schaut das ende dann nicht gut aus.
"Abhilfe würde hier CSS schaffen", dachte ich mir.
Gesagt getan, den CSS editor geöffnet.
Welchen Stil für Codeelemente muss ich da auswählen, damit ich nur die einzelnen spalten mit einem roten Rahmen versehe?
ich hoffe, ich konnte dir mein problem bildlicher darstellen...

lg

PS: ich arbeite mit golive CS2

[jayjay]

dann musst du die tabellenelemente definieren zb td.navi {border: solid 1px #FF0000;}
und dann in der tabelle <td class="navi">
kann man sich das online anschauen?

[Podarkes]

hi, habs mal hochgeladen,

http://www.mr-consulting.net/NL/okt08/NL3.html

z.b. würde ich gerne den 2ten textrahmen kleiner machen. ist erst mein 2ter Newsletter

[jayjay]

meinst du "2. Email-Zustellbarkeit: Fallbeispiel von Opodo und Emailvision" ?

[Podarkes]

genau,

wie du sehen kannst, ist der rahmen als jpg-datei. Nun ist der text kürzer als erwartet. Nun möchte ich nicht komplett das ganze layout nochmal anlegen...

daher meine frage, kann man den roten textrahmen auch elastisch in CSS erstellen?

[jayjay]

klar, zb:
border: #ff0000 solid 1px

[Podarkes]

Hallo Jayjay,

danke für deine hilfe, ich habe es hinbekommen, dass mein textblock einen knallroten rahmen in CSS bekommen hat.

Nun aber mein nächstes Problem:
Im ersten textblock möchte ich dass der rahmen kürzer ausfällt, und bekomme es irgendwie nicht gebacken.

Da ich mit Golive arbeite dachte, ich könnte den rahmen durch hinzufügen des Br-tags in die länge ziehen, und durch entfernen des BR-Tags kürzen...aber irgendwie funktioniert das nicht....

Hab mal die aktuellste version unter dem selben link hochgeladen....

[jayjay]

schau dir die höhen deiner td's an, td!=div

[Podarkes]

in dem Textblock finde ich keine td hight...

<td class="navi" colspan="2" rowspan="4" valign="top">
					<div class="text">
						<p class="text"><br>Das &quot;ALT&quot;-Attribut verwendet man bei der Gestaltung von Emails, um Bilder zus&auml;tzlich mit einem Text zu versehen, der bei deaktivieren Grafiken angezeigt wird. Dieser Alternativtext l&auml;sst <br>sich mit &quot;&lt;img src=&quot;dateiname.gif&quot; alt=&quot;Hier steht der Alternativtext&quot;&gt;&quot; im HTML-Code einbinden. Bei den meisten <br>
							E-Mail-Programmen und Webmail-Diensten ist die Darstellung von Grafiken mittlerweile standardm&auml;&szlig;ig deaktiviert, der ALT-Text wird jedoch in der Regel wie vordefiniert dargestellt. Microsoft Outlook 2007 zeigt den ALT-Text bei deaktivierten Grafiken zwar an, aber hier wird ein erkl&auml;render Text zur Bildunterdr&uuml;ckung vorangestellt:<br>
							<br>
							<img src="Bilder/outlook-2007.gif" alt="Beispiel f&uuml;r einen ALT-Text dargestellt bei Outlook 2007" height="85" width="262" border="0"><br>
							<br>
							<br>Es ist also wichtig, diese ALT-Texte gut zu formulieren, damit <br>mehr Empf&auml;nger die Grafiken manuell aktivieren und anklicken. <br>
							<br>
							Nutzen Sie also den Alternativtext, um das Interesse der <br>
							Empf&auml;nger zu wecken. Das Motiv der entsprechenden Grafik sollten Sie dabei m&ouml;glichst aussagekr&auml;ftig und response-<br>
							orientiert beschreiben.<br>
							Bei dem Produktfoto eines Kleides k&ouml;nnte der ALT-Text beispielsweise &quot;Elegantes schwarzes Abendkleid mit 15% Rabatt&quot; lauten, anstatt lediglich &quot;Abendkleid&quot;. Ihr Unternehmenslogo k&ouml;nnen Sie mit Ihrem Firmenslogan als ALT-Text hinterlegen. <br>
							Sie werden sehen, Ihre Responsezahlen werden steigen!<br>
							<br>
							<br>
						</p>
					</div>
				</td>

[jayjay]

geh mal den gesamten code durch, tabellen-höhe 2067? muss nicht sein, lass es weg, dann werden auch die td's nicht in die höhe gezogen.
wenn du schon mit tabellen arbeitest dann kannst du es vielleicht etwas umbauen, weniger abstandshalter einbauen.
zb eine tabelle für das ganze, und eine für den inhalt in der richtigen zelle