Kein Rahmen um Archivbilder

Hier können Probleme und alles andere in Deutscher Sprache gelöst werden.
Post Reply
Fiona
Regular
Posts: 240
Joined: Sat Aug 26, 2006 5:11 pm
Contact:

Kein Rahmen um Archivbilder

Post by Fiona »

Ich habe mir ein Bildarchiv eingerichtet. Leider zeigt dieses Archiv im Augenblick nur die Bilder an, die ich direkt ins neue Photoblog gestellt habe. Von den importierten Bildern zeigt es nur den Titel Kann ich das irgendwie ändern?

Und wie kriege ich den blauen Rahmen um das Thumbnailbild weg?

http://www.s9y.fiona.biz/index.php?sere ... ge]=thumbs

Herzlichst Fiona
Euronymous
Regular
Posts: 16
Joined: Sat Sep 02, 2006 6:30 pm
Contact:

Post by Euronymous »

wenn du einfach ein

Code: Select all

img a {
border: 0px;
}
in die css einfügst sollten eigentlich alle rahmen um bilder verschwinden
Fiona
Regular
Posts: 240
Joined: Sat Aug 26, 2006 5:11 pm
Contact:

Post by Fiona »

Euronymous wrote:wenn du einfach ein

Code: Select all

img a {
border: 0px;
}
in die css einfügst sollten eigentlich alle rahmen um bilder verschwinden
Danke Euronymous,

aber das hat leider nichts gebracht.

Herzlichst
Fiona
i.speiser
Regular
Posts: 34
Joined: Fri Sep 01, 2006 5:37 pm
Location: Saarbrücken, Germany
Contact:

Post by i.speiser »

Euronymus war nahe dran. Versuch's mal mit

Code: Select all

img {
 border: 0;
}
Gruß Iris
Fiona
Regular
Posts: 240
Joined: Sat Aug 26, 2006 5:11 pm
Contact:

Post by Fiona »

i.speiser wrote:Euronymus war nahe dran. Versuch's mal mit

Code: Select all

img {
 border: 0;
}
Gruß Iris

Prima!
Danke Iris, es hat geklappt.

Herzlichst
Fiona
stefan_w
Regular
Posts: 72
Joined: Sun Aug 13, 2006 3:45 pm

Post by stefan_w »

Hi,
bei mir wird, wenn ich Bilder in den Einträgen einfüge auch ein Rahmen angezeigt!
Ich gebe beim bilder einfügen einfach dir Url an, dann klicke ich auf preview und dann wird der Eintrag fertiggestellt.. aber wo stelle ich die Rahmengröße ein bzw. wo kann ich den Rahmen entfernen?

Wenn ich beim Bild einfügen auf border = 0 stelle, erscheint im Blog dennoch ein Rahmen um das bild..
Danke
i.speiser
Regular
Posts: 34
Joined: Fri Sep 01, 2006 5:37 pm
Location: Saarbrücken, Germany
Contact:

Post by i.speiser »

Hi Stefan,

Das scheint mir das gleiche Problem wie bei Fiona zu sein - soweit man das beurteilen kann, ohne das Übel in Augenschein zu nehmen.

In diesem Fall musst Du den Eintrag in die Stylesheet-Datei des templates machen, das Du verwendest.

Die Datei müsste style.css heißen und im Verzeichnis $blogverzeichnis/templates/$templatename/ liegen.

Gruß Iris
stefan_w
Regular
Posts: 72
Joined: Sun Aug 13, 2006 3:45 pm

Post by stefan_w »

hallo Iris,

vielen Dank, aber wo muss dies in der css gemacht werden..
da gibts ja viele möglichkeiten!

die CSS sind bei mir so aus:

/********* General Styles *********/

a { color:#303030; font-weight:bold; text-decoration:none; background-color:inherit; }
a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none; }

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px; }

blockquote { margin: 15px 30px 0 15px; padding-left: 15px; border-left: 4px solid #467aa7; }
code, pre {font-size:1.3em; }

/* used when s9y needs to center something */
.serendipity_center {
margin-left: auto;
margin-right: auto;
text-align: center; }

/* warning messages from s9y */
.serendipity_msg_important {
color: red; }

/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice {
color: green; }

/* style to temporarily change something to grey, used in pagefooter */
.grey {
color:#999; }

/********* End of General Styles *********/




/********* Structure Styles *********/

/* Define every style unless explicitly mentioned alsewhere */
*{margin:0; padding:0; }

body {
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#e8eaec; }

/* container for page */
#mainpane{
height:100%; /*leave in, needed by fireforx for preview in admin suite */
width:760px;
margin:20px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0; }

/* container style for comments popup */
.s9y_wrap {text-align:left;padding:5px;}

/********* End of Structure Styles *********/




/********* Header and navigation styles *********/

#header{
height:110px;
width:758px;
margin:0 1px 1px 1px;
background:#990000;
color:#ffffff; }

#header h1{
padding:35px 0 0 20px;
font-size:2.2em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal; }

#header h2{
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal; }

#navigation {
height:2.2em;
line-height:2.2em;
width:758px;
margin:0 1px;
padding: 0;
background:#808080;
color:#ffffff; }

#navigation li {
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap; }

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
vertical-align:middle;
color: #ffffff; }

* html #navigation a {width:1%;}

#navigation .selected, #navigation a:hover{
background:#C0C0C0;
color:#ffffff;
text-decoration:none; }

/* style for quicksearch form in header */
.quicksearch {
padding:0 10px 0 0;
background-color:inherit;
border-right:none;
text-align:right; }

/* style for quicksearch input field */
.quicksearch input { margin:3px 0 0 0; width:170px; color:#999;}

/******** End of Header and Navigation Styles *********/




/**************** Footer styles ****************/

#footer{
clear:both;
width:758px;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#990000; }

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/********* End of Footer Styles *********/




/********* Content styles *********/

#content {
float:left;
width:525px;
font-size:0.9em;
padding:20px 0 3px 20px; }

#content h2, .serendipity_date, .serendipity_commentsTitle {
color:#505050;
margin:0 0 16px 0;
padding:0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
background-color:inherit; }

.serendipity_entry_body a:visited, .serendipity_entry_extended a:visited { text-decoration: line-through; }

.serendipity_entry li {
margin-bottom:10px;
list-style-position: inside; }

.serendipity_entry_extended {
margin-top:20px;
clear:left; }

/* the small text at the end of each entry 'Posted by etc' */
.serendipity_entryFooter {
margin-top:10px;
margin-bottom:70px;
padding:0px;
padding-top:3px;
border-top: 1px solid #dedede;
font-size:0.78em;
color: #31314B;
text-align:center;
clear:both; }

/* styles for bottom of page next and previos page links */
div.serendipity_pageFooter {
font-size:0.8em;
clear:both;
margin:10px auto 50px auto;
text-align:center; }

#content img {padding: 0; margin-bottom:3px; border: 1px solid #ddd;}
#content img.emoticon, #content img.serendipity_entryIcon {border:none;}
#content img.serendipity_entryIcon {float:right;}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#sidebar a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/********* End of Content Styles **********/




/********* Sidebar styles *********/

#sidebar, .serendipitySideBarItem{
float:right;
width:175px;
padding:10px 10px 10px 0;
line-height:1.4em;
font-size:0.9em; }

#sidebar h2, .serendipitySideBarTitle {
display:block;
margin:4px 0 15px 0;
font-size:1.7em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#990000;
background-color:inherit; }

#sidebar p{margin:0 0 16px 0; font-size:0.9em;}
#sidebar input, #sidebar textarea, #sidebar select {width:95%;}

/********* End of Sidebar Styles *********/




/********* Calendar Styles *********/

/* style for calendar date links */
table.serendipity_calendar a {
text-decoration:none; }

/* style for today's date in calendar */
td.Today {
border: 1px solid #578bb8; }

/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
text-decoration: none; }

/* style for calendar weekday names */
td.serendipity_weekDayName {
font-weight:bold;
text-align:center; }

/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
text-decoration: none; }

/* style for wekday names in calendar */
td.serendipity_weekDayName {border-bottom:1px solid #dddddd; }

/* style to center dates */
tr.serendipity_calendar td {text-align:center; }

/* background color in calendar first column */
td.FirstInRow {background-color:#C0C0C0; }

/********* End of Calendar Styles *********/




/********* Embedded images with the s9y image manager *********/

/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em; }

/* style to center image and text within entry */
.serendipity_imageComment_center {
display:block; margin:0 auto 5px auto; }

/* style to left align image and text within entry */
.serendipity_imageComment_left {
float:left; margin:0 12px 5px 0; }

/* style to right align image and text within entry */
.serendipity_imageComment_right {
float:right; margin:0 0 5px 12px; }

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
text-align: center; }

/* styles for the text below the image if used */
.serendipity_imageComment_txt {
clear: both;
text-align: center; }


/********* End of Image Manager Styles *********/





/********* Plugin Stlyes *********/

/* style for the seearch term and number of results using quicksearch */
.searchterm, .searchresults {color:#467aa7;font-weight:bold; }

/* used in comments */
.oddbox, .plugin_comment_wrap {
margin:0 0 20px 0;
border-top:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em; }

/* not used */
.evenbox {}

/* container for comments plugin within sidebar */
.container_serendipity_plugin_comments {
color:#333; }

/* style for line break in comments plugin */
.container_serendipity_plugin_comments br {
line-height:0.5em; }

/* style for comment body within sidebar */
.plugin_comment_body {
font-style:oblique; }

/* container cloud for tags and static page navigation */
.serendipity_freetag_taglist, .staticpage_navigation, .serendipity_search {
padding:15px;
margin:0 0 50px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
clear:both; }

.container_serendipity_plugin_freetag a {
font:85% Verdana,Tahoma,Arial,sans-serif;
line-height: 1!important; }

/* shift the feed icon in the freetag sidebar plugin */
.serendipity_freeTag_xmlButton {
padding-left:2px; }

/* place freetag list on new line in entry footer */
.serendipity_freeTag {
clear:both; }

/* adjust line height in entry footer */
.serendipity_karmaVoting, .serendipity_freeTag {line-height: 1!important;}

/********* End of Plugin Styles *********/



wäre nett wenn du mir hierbei weiterhelfen könntest..
danke vorab.
i.speiser
Regular
Posts: 34
Joined: Fri Sep 01, 2006 5:37 pm
Location: Saarbrücken, Germany
Contact:

Post by i.speiser »

Hallo Stefan,

in technischer Hinsicht ist es absolut egal, wo Du das einfügst. In praktischer Hinsicht würde ich aber empfehlen, es irgendwo im Bereich "Content styles" abzulegen, da man es dort thematisch hingehört und man es dort ggf. auch wiederfindet.

Gruß Iris
robert
Regular
Posts: 1062
Joined: Mon May 09, 2005 9:17 pm
Location: Vienna, Austria
Contact:

Post by robert »

@i.speiser

Danke für den "img" Tipp. Genau das wollte ich auch schon fragen. Und mit diesem Thread konnte ich nun die nichtgewollten Rahme entfernen :-)
Post Reply