Bilder / Rahmen

Guten Tag,

nachdem die Suche leider nicht erfolgreich war und auch das Herumgebastel sowie das Handbuch nicht weitergeholfen hat, muss ich hier fragen

bin relativer Anfänger und versuche mich grade in der " Verschönerung" meiner neuen Seite

http://www.blaueperlen.de und zwar am Bildgut.

Mein letzter Webdesigner hat auf http://www.das-physiotherapie-mobil.de die Bilder alle mit einem blauen Rahmen versehen. Das würde ich auch gern bei der ersten Seite machen, bekomme aber noch nicht wirklich raus wie es gehen kann.

beim physiomobil schaut es so aus ( ich hoffe das ist der richtige Abschnitt)

* *************** */
/* GLOBAL ELEMENTS */
/* --------------- */

.clear {
clear:both;
}

.alignleft {
float: left;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
}

.aligncenter {
margin-left:auto;
margin-right:auto;
}

.alignright {
float: right;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 5px;
}

img.alignleft {
padding: 5px;
border: 1px solid #A1E8F7;
background-color: #FFFFFF;
margin-right: 10px;
margin-bottom: 10px;
}
img.aligncenter {
margin: 10px auto 10px auto;
display: block;
padding: 5px;
border: 1px solid #A1E8F7;
background-color: #FFFFFF;
}
img.alignright {
padding: 5px;
border: 1px solid #A1E8F7;
background-color: #FFFFFF;
margin-left: 10px;
margin-bottom: 10px;
}

Border ist der Rahmen???
bei den perlen finde ich das vor...

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

irgendwie ist mir das noch ein bisschen zu undurchsichtig zum Rumdoc.
das border: 1px solid #A1E8F7;aus dem Physiomobil bei den übereinstimmende Datein img. alignleft / center / einkopieren aber wo genau ?
Vorschau ist auch nicht wirklich drin bei der Aktion...

Ein Grünschnabel dankt im Vorraus.

Gruss Rieke Bender

danke schonmal morris... aber, hab ich den wald nicht gesehen...

gelöscht wegen ???

ok...

hab jetzt das Prinzip verstanden, aber es funzt leider nicht.

tml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
#content img {
border : 3px solid #1b2f88,
}
body {
line-height: 1;

es ist ungefähr da wo es beim Physiomobil auch ist, leider unterscheiden sich die beiden STrukturen etwas....

mein letzter Beitrag war also Blödsinn... sorry...

stimmt ABER

im Shop ja SUPER

aber

bei Impro und Kontakt funzt es nicht was mir ein Rätsel ist... weils beim Physiomobil ja auch geht... komisch...

Ketzerisch würde ich das gern auch noch im Headerbild haben wollen...

Gruss Rieke

Danke

es fkt. ich bin begeistert. Danke...

hab auch gefunden wo mans einfügen muss im Header das schaut allerdings doof aus, da die obere Navileiste bei einer Rahmung mitbedacht wird und dann nicht mehr bündig abschließt...

}

/* This is the custom header image */
#branding img {
border-top: 4px solid #22749b;
border: 0px solid #1B2F88;
display: block;
float: left;
}

deshalb steht border erstmal auf 0.

ich werde in der Leiste ev. später die Farbe rausnehmen, aber das ist ein anderes Thema...

besten Gruss von Rieke