Bild in der Einzel-Artikel-Ansicht steht zu nah an der Überschrift

Gast 3345

Ich weiß nicht mehr weiter. Irgendwie hängt das Bild des Artikels in der Einzelansicht direkt unter dem Titel.

Wie bekomme ich es hin bzw. wo ist der Fehler in der CSS-Datei, dass dort ein Freiraum von ca. 10px entsteht?

Wenn ich kein Bild am Anfang des Artikels habe geht es ja. Deswegen liegt es augenscheinlich an der CSS-Datei von mygallery. Oder kommt sich da etwas in die Quere?

In Ordnung

Fehler

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Gast 3345

Hier die Wordpress-CSS-Datei Teil1:

Code

* {
margin:0;
padding:0;
}


li,dd {
margin-left:5%;
}


fieldset {
padding:.5em;
}


select option {
padding:0 5px;
}


.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}


body {
color:#BFBFBF;
font-size:9pt;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
margin:0;
padding:0;
}


.inside {
width:760px;
min-width:65em;
max-width:85em;
margin:0 auto;
clear:both;
}


h1 {
color:#CCC;
font-size:1.5em;
font-weight:400;
margin:1.5em 0;
}


h2,h3 {
font-size:1.15em;
color:#FFF;
font-weight:400;
}


#primary h2 {
color:#ccc;
}


p {
line-height:1.75em;
}


blockquote {
margin-left:1em;
padding-left:1em;
border-left:2px solid #CCC;
color:#CCC;
}


pre {
width:100%;
overflow:auto;
padding:1em 0;
}


.rule {
border-top:1px solid #CCC;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 0;
}


.utom {
padding:0 2em;
}


#header {
background:#000;
}


#header .inside {
padding:3em 0;
}


#header h2 {
font-size:2.25em;
border-right:1px solid gray;
float:left;
margin:0 0.5em 0 0;
padding:0 0.5em 0.25em 0;
}


#header h2 a {
color:#FFF;
text-decoration:none;
}


#header p {
line-height:1em;
margin:0;
padding:1em 0;
}


#primary {
color:gray;
background-image:url(images/maintop.png);
background-color:#fff;
background-repeat:repeat-x;
background-position:top;
padding:2em 0;
}


#primary.onecol-stories .primary {
float:left;
width:50%;
}


#primary.onecol-stories .secondary {
float:right;
width:40%;
margin:0 0 0 10%;
}
#primary.twocol-stories .left_utom{
float:left;
width:500px;
}
#primary.twocol-stories .story {
width:500px;
margin:0;
}


#primary.twocol-stories .navigation {
width:500px;
text-align:right;
margin:0;
}


.story {
overflow:hidden;
}


.story h3 {
font-size:16px;
font-weight:700;
color:#CCC;
margin:0;
}


.story h3 a {
color:#598D32;
text-decoration:none;
}


.story .details {
text-align:right;
font-size:12px;
color:#666;
height:27px;
margin:10px 0 30px;
padding:0;
}


.story .details .read-on {
background:url(images/readon_black.gif) 100% 60% no-repeat;
padding-right:20px;
display:block;
}


#primary .primary {
float:right;
width:480px;
padding:0;
}


#primary .secondary h2 {
color:#fff;
display:block;
height:35px;
font-size:14px;
line-height:35px;
background-image:url(images/about1.gif);
font-weight:700;
margin:0;
padding:0 0 0 1em;
}


#primary .secondary {
float:left;
width:220px;
padding-top:0;
background-image:url(images/about2.gif);
}


* html #primary .secondary {
background-image:url(images/about2.gif);
}


.secondary .featured {
color:#fff;
background-image:url(images/about3.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding:0 1em 1em;
}


.secondary .featured p {
line-height:1.5em;
margin:1em 0 0;
padding:0.5em 0 0.6em;
}


.secondary .featured dl {
margin:0;
padding:0.5em 0 0.6em;
}


.secondary dt {
display:inline;
color:#fff;
margin:0;
padding:0;
}


.secondary dd {
display:inline;
margin:0;
padding:0;
}


#secondary {
background-color:#FAF9F5;
background-image:url(images/main_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
border-top-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-top-color:#ccc;
border-bottom-color:#D1D0CC;
padding:0;
}


.comment-head {
border-bottom:1px solid #ccc;
padding:1em 2em;
}


.comment-head h2 {
font-size:1.5em;
color:#333;
margin:0 0 3px;
}


.comment-head a {
text-decoration:none;
color:#333;
}


.comment-head .details {
font-size:12px;
}


ol#comments {
list-style-type:none;
color:#333;
margin:1em 0;
padding:0 2em;
}


ol#comments li {
list-style-type:none;
border-bottom:1px dotted #ccc;
margin:0;
padding:5px 0;
}


#comments cite {
float:left;
width:20%;
font-style:normal;
text-align:left;
padding-left:2px;
}


* html #comments cite {
width:23%;
}


#comments cite span {
display:block;
}


#comments cite .author {
font-size:1em;
margin:3px 0;
}


#comments cite .author a {
text-decoration:none;
color:#000;
}


#comments cite .date {
margin-bottom:5px;
}


#comments cite .gravatar {
border:1px solid #ccc;
width:32px;
padding:3px;
}


#preview {
border:1px solid #333;
margin:1em 0;
padding:0.5em;
}


#errors {
color:red;
font-weight:700;
}


#comments .pingback cite .author {
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}


#comments .content {
float:left;
width:66%;
margin:0;
padding:0 0 0 2%;
}


#comments .content a {
color:#060;
}


#comments .content p {
margin:0 0 1em;
}


h3.formhead {
font-size:1.5em;
color:#333;
padding:10px 0 0 30px;
}


#comment-form {
float:left;
width:32em;
background:#eeeee6;
color:#990;
margin:0.5em 0 5em 3em;
padding:10px;
}


#comment-form p {
color:#333;
}


#comment-guide {
float:left;
color:#44442F;
margin:0 0 0 30px;
}


#comment-guide ul {
list-style-type:square;
margin:6px 0 0;
}


#comment-guide li {
margin-bottom:12px;
}


#comment-guide li a {
color:#606;
}


#comment-guide h3 {
font-size:14px;
border-bottom:1px solid #ccc;
text-transform:uppercase;
margin-left:5px;
color:#333;
padding:0 50px 6px 0;
}


input.textfield {
width:25.8em;
margin:10px 0;
padding:4px 0 3px 5px;
}


textarea.commentbox {
width:25em;
height:10em;
font-size:1.25em;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0;
padding:4px 0 3px 5px;
}


label.text {
position:relative;
font-size:12px;
color:#990;
}


.formactions input.submit {
float:right;
margin:-1em 0 0;
padding:0;
}


.formactions .spinner {
float:right;
margin:-8px -20px 0 0;
}


#ancillary {
background-color:#272727;
padding:2em 0 0;
}


#ancillary .first,#ancillary .second {
margin:0 3em 0 0;
}
#ancillary .block p{
padding:0 0 2em;
}
#ancillary .second {
width:288px;
}


ul.dates,ul.counts,ul.blogroll ul,ul.pages {
list-style:none;
border-top:1px solid #3D3D3D;
margin:1.5em 0 2em;
}


ul.dates li,ul.counts li,ul.blogroll ul li,ul.pages li {
list-style:none;
border-bottom:1px solid #3D3D3D;
color:#858585;
margin:0;
padding:0.5em 0;
}


ul.dates .date {
color:#858585;
float:right;
padding:0;
}


ul.counts .count {
float:right;
color:#858585;
}


ul.dates a,ul.counts a,ul.blogroll a,ul.pages a {
color:#BFBFBF;
text-decoration:none;
}


ul.blogroll li {
list-style:none;
margin:0;
}


ul.pages ul li {
border:none;
margin-left:2em;
list-style:square;
}


#footer {
clear:both;
color:#939393;
background:#000;
}


#footer .inside {
height:35px;
}


#footer p {
font-size:10px;
line-height:35px;
margin:0;
}


#footer p.attributes a {
text-decoration:none;
color:#525252;
padding:0 0 0 1em;
}


#search {
left:50%;
width:200px;
-moz-opacity:0.4px;
text-align:right;
margin:12px 12px 0 150px;
position: absolute;
}


#search:hover {
-moz-opacity:1px;
}


#search .searchimg {
float:left;
width:14px;
height:13px;
background:url(images/search.gif) 0 0 no-repeat;
position:relative;
top:4px;
}


#search input {
width:175px;
font-size:9pt;
background:#CCC;
margin-top:2px;
}


#search input:focus {
background:#FFF;
}


#searchform {
margin:1em 0;
}


#searchform #s {
background:#222;
border:none;
border-bottom:1px solid #333;
width:30em;
color:#666;
padding:0.25em;
}


#searchform #searchsubmit {
background:#000;
color:#666;
border:none;
font-size:0.9em;
text-transform:uppercase;
letter-spacing:0.25em;
}


#search-results {
width:30%;
background:#333;
float:right;
-moz-opacity:0.9px;
border-top:1em solid #000;
padding:0;
}


#search-results h3 {
font-weight:700;
text-align:left;
background:#000;
margin:0;
padding:0 0 1em;
}


#search-results small {
display:block;
text-align:left;
font-size:0.9em;
border-top:1px solid #666;
border-bottom:1px solid #555;
padding:0.5em 1em 0.7em;
}


#search-results small a {
color:#CCC;
}


#search-results ul li {
list-style:none;
margin:0.5em 0;
padding:0 1em 0.5em;
}


#search-results ul li:hover {
background:#202020;
}


#search-results ul li a {
text-decoration:none;
border-bottom:1px dotted #CCC;
}


#search img.archives-icon {
top:1px;
margin:0 7px 0 0;
}


#otherbar {
float:right;
width:190px;
margin:0;
}
#otherbar ul.dates li,
#otherbar ul.counts li,
#otherbar ul.blogroll ul li,
#otherbar ul.pages li {
list-style:none;
border:none;
color:#858585;
margin:0;
padding:0;
line-height:20px;
}
#otherbar ol,#otherbar ul,#otherbar li {
list-style:none;
margin:0;
}


#otherbar ul {
margin:0 0 10px;
}


#otherbar .ul_flickr {
margin:10px 0;
}


#otherbar h2 {
margin:0 0 5px;
}


#otherbar .ul_flickr a {
border:1px solid #ccc;
display:block;
float:left;
margin:4px;
padding:3px;
}


#otherbar .ul_flickr a:hover {
border:1px solid #9c0;
background:#FAFFE8;
}


#otherbar .ul_feeds {
clear:both;
margin:10px 0;
}


.ul_feeds li {
background-image:url(images/feed.gif);
background-position:1px center;
background-repeat:no-repeat;
line-height:20px;
padding:0 0 0 20px;
}

Alles anzeigen

Gast 3345

Hier die Wordpress-CSS-Datei Teil2:

Code

#wp-calendar {
text-align:center;
background-color:#fff;
margin:0;
}


#wp-calendar td {
height:24px;
width:24px;
line-height:20px;
background-image:url(images/day.png);
background-repeat:no-repeat;
background-position:center;
font-size:11px;
color:#4f4f35;
}


#wp-calendar td a {
display:block;
width:24px;
height:24px;
color:#fff;
text-decoration:none;
background-image:url(images/linkday.png);
background-position:center;
line-height:24px;
background-repeat:no-repeat;
}


#wp-calendar #prev a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
}


#wp-calendar #next a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
margin:0 0 0 30px;
}


#wp-calendar #today {
background-image:url(images/today.png);
background-position:center;
color:#fff;
background-repeat:no-repeat;
}


#wp-calendar #today a {
background-image:url(images/today.png);
background-position:center;
color:#fff;
font-weight:700;
background-repeat:no-repeat;
}


#sidebar a {
color:#570;
text-decoration:none;
line-height:150%;
}


.datetime {
float:left;
height:50px;
width:50px;
background-image:url(images/date.png);
font-size:10px;
font-weight:700;
text-align:center;
color:#000;
line-height:20px;
margin:0 10px 0 0;
}


.datetime span {
display:block;
line-height:30px;
color:#fff;
font-size:15px;
}


.postin {
line-height:25px;
height:25px;
margin:0 0 10px;
}


.postin span {
line-height:25px;
height:25px;
display:block;
float:left;
}


.postin .p_author,.postin .p_category,.postin .p_read,.postin .p_tags {
background-position:1px center;
background-repeat:no-repeat;
margin:0 10px 0 0;
padding:0 0 0 20px;
}


.postin .p_author {
background-image:url(images/author.gif);
}


.postin .p_category {
background-image:url(images/category.gif);
}


.postin .p_tags {
background-image:url(images/tags.gif);
}


.postin .p_read {
background-image:url(images/fulltext.gif);
}


.details .p_comments {
background-image:url(images/comments.gif);
background-repeat:no-repeat;
height:27px;
width:100px;
line-height:27px;
text-align:center;
float:right;
padding:0 5px 0 27px;
}


#menu {
font-size:12px;
background-image:url(images/menu.png);
height:26px;
position:static;
}


#menu .menu,#menu li {
list-style:none;
margin:0;
padding:0;
}
#menu .utom_menu{
width:760px;
margin:0 auto;
}
#menu .menu {
background:transparent url("images/menu_right.png") repeat-y left top;
height:26px;
padding:0 0 0 1px;
}
#menu .utom_menu_b{
background:transparent url("images/menu_left.png") repeat-y right top;
float:right;
height:26px;
padding:0 1px 0 0;
}
#menu .menu li {
float:left;
line-height:25px;
height:26px;
background-image:url(images/menu_left.png);
background-repeat:no-repeat;
background-position:left top;
}


#menu .menu a {
height:26px;
background-image:url(images/menu_right.png);
background-position:right top;
background-repeat:no-repeat;
color:#fff;
display:block;
width:65px;
text-align:center;
padding:0 10px;
}


a.oc {
display:block;
height:26px;
width:154px;
position:absolute;
left:50%;
margin:0 0 0 200px;
}


.open_c {
background-image:url(images/open_comments.png);
}


.close_c {
background-image:url(images/close_comments.gif);
}


.download {
background:#D0F29D;
text-align:center;
border-top:2px solid #9CD941;
border-bottom:2px solid #9CD941;
margin:1em;
}


#getfirefox {
text-align:center;
padding:2em 0 0;
}


#primary .secondary2 {
float:left;
clear:left;
width:220px;
margin:2em 0 0;
padding:0 1em;
}


h1,h2,h3,h4,h5,h6,p,pre,blockquote,label,ul,ol,dl,fieldset,address,#preview p,#ancillary .block h2,#ancillary .block h3 {
margin:1em 0 0;
}


.hide,.print-logo,.close-button,a.oc span {
display:none;
}


.left,#ancillary .block,#footer p.copyright {
float:left;
}
p.copyright a{color:white;}
p.copyright a:hover{color:#666;}


.right,#footer p.attributes {
float:right;
}




 a img,#otherbar ul,#otherbar ul li {
 border:none;
 }
 
 a,.story .details a {
 color:#333;
 text-decoration:none;
 }
 
 a:hover,.story .details a:hover,.inside a:hover,.secondary dd a:hover,.comment-head a:hover,#otherbar ul a:hover,#menu .menu a:hover,.download a {
 color:#000;
 }
 
 .inside a,#otherbar ul a {
 color:#598D32;
 }
 
 .secondary dd a,.details .p_comments a,.download a:hover {
 color:#fff;
 }
 
 .single-post h1,.single-post h2,ul.blogroll {
 margin-top:0;
 }
 
 #comments cite .author a:hover,#comments .content a:hover,#comment-form p a {
 color:#9BDA41;
 }
 
 #comment-form p a:hover,#comment-guide li a:hover,ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover,#footer p.attributes a:hover {
 color:#FFF;
 }
 
 #ancillary .first,#ancillary .third {
 width:180px;
 }
 
 ul.pages ul,#search-result ul {
 margin:0;
 }
 
 #wp-calendar caption,#wp-calendar th {
 font-size:11px;
 }
 
 #wp-calendar .pad,#wp-calendar #prev,#wp-calendar #next {
 background-image:url(images/do.png);
 }
 #wp-calendar td a{color:white; font-weight: bold;}
 
 
 /* Kontakt-Seite */
 .custom_contact_row {
   margin: 10px 0px 20px 0px;
   margin: 15px 0px 15px 0px;
   clear: left;
 }
 .custom_contact_label {
   font-size: 1em;
   float: left;
   width: 120px;
   padding-left: 5px;
 }
 .custom_contact_label_required {
   font-weight: bold;
   font-size: 1em;
   float: left;
   width: 120px;
   padding-left: 5px;
 }
 .custom_contact_data {
   float: left;
   padding-left: 5px;
 }
 .custom_contact_data textarea {
   width: 85%;
 }
 .custom_contact_buttons {
   clear: left;
   padding: 10px 0px 0px 0px;
 }

Alles anzeigen

Gast 3345

mygallery-CSS-Datei:

Code

/* 3d style for myGallery  */


.mypicbox {
    margin-bottom: 30px;
    margin-top: 10px;
    }


.mypicup {
    }


.mypicture {
    padding: 0px;
    margin: auto;


}


.mypictureborder {
    background: url("images/shadow.gif") no-repeat bottom right;
    padding-right:14px;
    padding-bottom:2px;
    _padding-right:5px;
}




.mypictureimg {
    background: #ffffff;
    border: 1px solid  #999999;
    padding: 3px;
}


.myfooter {
    text-align: center;
    font-family: Verdana;
    font-size: 0.8em;
}


.myfooter span {
    background: #ffffcc;
    border: 1px solid #eeeeee;
}


.mypicback {
    float: left;
}


.mypicfor {
    float: right;
}


.mypicsgallery {
    text-align: center;
    margin-top: 10px;
}


.mygallpic {
    margin-bottom:0px;
    
}


.mypicsgallery a img {
    border: 2px solid  #ffffff;
    padding: 1px;
}


.mypicsgallery a:hover img {
    border: 2px solid  #CC0000;
    padding: 1px;
}




.myrandompic img {
    padding:5px;
    border: 1px solid #C6C9CD;
    background: #ffffff;
}
.mygalleryoverview {
    margin-top: 10px;
}


.mygallerygallery {
    height: 130px;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
}


.mygallerynames {
    text-align: left;
     font-family: "Century Gothic",Verdana;
     font-weight: bold;
    margin:0px;
    padding:0px;
    font-size: 1.4em;
    margin-bottom: 10px;
}


.mygallerypreviewpics {
    float: left;
    margin-right: 12px;
}
.mygallerydescription {
    text-align: left;
    font-size: 1em;
}


.mypicboxentry {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mypictureentry {
    padding: 0px;
    margin: auto;
}


.mypictureentryborder {
    background: url("images/shadow.gif") no-repeat bottom right;
    padding-right:14px;
    padding-bottom:2px;
    _padding-right:5px;
    
}


.mypictureentryimg {
    background: #ffffff;
    border: 1px solid  #999999;
    padding: 3px;
}


.mypicsgalleryentry {
    text-align: center;
}


.mygallpicentry {
    margin-bottom:0px;
}


.mypicsgalleryentry a img {
    border: 2px solid  #ffffff;
    padding: 1px;
}


.mypicsgalleryentry a:hover img {
    border: 2px solid  #CC0000;
    padding: 1px;
}


.myinlinepicture {
    text-align:center;
    margin:auto;
    margin-top:10px;
}


.myinlinepictureleft {
    float:left;
    padding-right:10px;
    margin-right:16px;
}


.myinlinepictureleftclear {
    float:left;
    padding-right:10px;
    margin-right:16px;
    padding-top: 10px;
}


.myinlinepictureright {
    float:right;
    padding-left:10px;
    margin-right:14px;
}


.myinlinepicturerightclear {
    float:right;
    padding-left:10px;
    margin-right:14px;
    padding-top: 10px;
}


.myinlinepicdescription {
    text-align:center;
    font-size: 0.8em;
    font-family: Verdana;
    
}


.myinlinepicdescription span {
    background: #ffffcc;
    border: 1px solid #eeeeee;
}


.myinlinepictureimg {
    background: #ffffff;
    border: 1px solid  #999999;
    padding: 3px;
    
}


.myinlineborder {
    background: url("images/shadow.gif") no-repeat bottom right;
    padding-right:14px;
    padding-bottom:2px;
    //padding-right:5px;
}


.mygallerypreviewpics img {
    border:0px;
}


.gallerynav {
    
}


.galleryfor {
    float: right;
}


.galleryback {
    float: left;
}


.exifmetalabel {
    font-family: Verdana;
    font-size: 1em;
}


.exifbox {
    border: 1px solid #cccccc;
    font-family: Verdana;
    font-size: 0.85em;
}


.exiflabelone {
    background: #eeeeee;
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;
}


.exiflabeltwo {
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;
    
}


.exifdataone {
    font-weight:lighter;
    
}


.exifdatatwo {
    font-weight:lighter;
}


.thumbsnav {
    
}


.thumbsfor {                                          
    float: right;
}


.thumbsback {
    float: left;
}


.thumbscounter {
    color: #666666;
    text-align: center;
    font-size: 0.7em;
    font-family: 'Verdana', 'Geneva', sans-serif;
}


.mypiccounter {
    color: #666666;
    text-align: center;
    font-size: 0.7em;
    font-family: 'Verdana', 'Geneva', sans-serif;
}


.galcounter {
    color: #666666;
    text-align: center;
    font-size: 0.7em;
    font-family: 'Verdana', 'Geneva', sans-serif;
}

Alles anzeigen

mygaller_default-CSS-Datei:

Code

/* default style for myGallery  */


.mypicbox {
    margin-top: 10px;
    margin-bottom: 30px;
    }


.mypicup {
    }


.mypicture {
    text-align: center;
    margin: auto;


}


.myfooter {
    text-align: center;
}


.mypicback {
    float: left;
}


.mypicfor {
    float: right;
}


.mypicsgallery {
    text-align: center;
    margin-top: 10px;
}


.mygallpic {
    margin-bottom:0px;
    
}


.mypicsgallery a img {
    border: 2px solid  #ffffff;
    padding: 1px;
}


.mypicsgallery a:hover img {
    border: 2px solid  #CC0000;
    padding: 1px;
}




.myrandompic img {
    padding:5px;
    border: 1px solid #666666;
    background: #ffffff;
}
.mygalleryoverview {
    margin-top: 10px;
}


.mygallerygallery {
    height: 130px;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
}


.mygallerynames {
    text-align: left;
     font-family: "Century Gothic",Verdana;
     font-weight: bold;
    margin:0px;
    padding:0px;
    font-size: 1.4em;
    margin-bottom: 10px;
}


.mygallerypreviewpics {
    float: left;
    margin-right: 12px;
}
.mygallerydescription {
    text-align: left;
    font-size: 1em;
}


.mypicboxentry {
    margin-top: 10px;
    margin-bottom: 10px;


}
.mypictureentry {
    text-align: center;
    margin: auto;
}


.mypicsgalleryentry {
    text-align: center;
}


.mygallpicentry {
    margin-bottom:0px;
}


.mypicsgalleryentry a img {
    border: 2px solid  #ffffff;
    padding: 1px;
}


.mypicsgalleryentry a:hover img {
    border: 2px solid  #CC0000;
    padding: 1px;
}


.myinlinepicture {
    text-align:center;
    margin:auto;
    margin-top:10px;
}


.myinlinepictureleft {
    float:left;
    padding-right:10px;
}


.myinlinepictureright {
    float:right;
    padding-left:10px;
}


.myinlinepictureleftclear {
    float:left;
    padding-right:10px;
    padding-top: 10px;
}


.myinlinepicturerightclear {
    float:right;
    padding-left:10px;
    padding-top: 10px;
}


.myinlinepicdescription {
    text-align:center;
    font-size: 0.8em;
    margin-bottom: 0.2em;
}


.myinlinepictureimg {
    border:0px;
}


.mypictureentryimg {
    border:0px;
}


.mygallerypreviewpics img {
    border:0px;
}


.gallerynav {
    
}


.galleryfor {
    float: right;
}


.galleryback {
    float: left;
}


.exifmetalabel {
    font-family: Verdana;
    font-size: 1em;
}


.exifbox {
    border: 1px solid #cccccc;
    font-family: Verdana;
    font-size: 0.85em;
}


.exiflabelone {
    background: #eeeeee;
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;
}


.exiflabeltwo {
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;
    
}


.exifdataone {
    font-weight:lighter;
    
}


.exifdatatwo {
    font-weight:lighter;
}




.thumbsnav {
    
}


.thumbsfor {
    float: right;
}


.thumbsback {
    float: left;
}


.thumbscounter {
    color: #666666;
    text-align: center;
    font-size: 0.7em;
    font-family: 'Verdana', 'Geneva', sans-serif;
}


.mypiccounter {
    color: #666666;
    text-align: center;
    font-size: 0.7em;
    font-family: 'Verdana', 'Geneva', sans-serif;
}


.galcounter {
    color: #666666;
    text-align: center;
    font-size: 0.7em;
    font-family: 'Verdana', 'Geneva', sans-serif;
}

Alles anzeigen

dby_myg-CSS-Datei:

Code

/* dbx styles for mygallery */






/* mgalleryoptions.php */


#mgoptions fieldset {
    margin-bottom: 1em;
}


#mgoptions h3 {
    padding: 3px;
    font-weight: normal;
    font-size: 13px;
}


#mgoptions div {
    margin-top: .5em;
}


#mgoptions a.dbx-toggle, #mgoptions a.dbx-toggle-open:visited {
    height: 22px;
    width: 22px;
    background-position: 0 -3px;
}


#mgoptions a.dbx-toggle-open, #mgoptions a.dbx-toggle-open:visited {
    height: 22px;
    width: 22px;
    background-position: 0 -28px;
}
/* mygalleryexif.php */


#mgexif fieldset {
    margin-bottom: 1em;
}


#mgexif  h3 {
    padding: 3px;
    font-weight: normal;
    font-size: 13px;
}


#mgexif  div {
    margin-top: .5em;
}


#mgexif a.dbx-toggle, #mgexif a.dbx-toggle-open:visited {
    height: 22px;
    width: 22px;
    background-position: 0 -3px;
}


#mgexif a.dbx-toggle-open, #mgexif a.dbx-toggle-open:visited {
    height: 22px;
    width: 22px;
    background-position: 0 -28px;
}


/* mygalleryadmin.php */


#mgadmin fieldset {
    margin-bottom: 1em;
}


#mgadmin  h3 {
    padding: 3px;
    font-weight: normal;
    font-size: 13px;
}


#mgadmin  div {
    margin-top: .5em;
}


#mgadmin a.dbx-toggle, #mgadmin a.dbx-toggle-open:visited {
    height: 22px;
    width: 22px;
    background-position: 0 -3px;
}


#mgadmin a.dbx-toggle-open, #mgadmin a.dbx-toggle-open:visited {
    height: 22px;
    width: 22px;
    background-position: 0 -28px;
}

Alles anzeigen

SuMu

HTML

<img class="myinlinepictureimg" src="http://blog.ben-inside.de/wp-content/myfotos/danielacicarelli_2007/Daniela%20Cicarelli%20Ronaldo%20YouTube.jpg" alt="Daniela Cicarelli Lemos Ex-Freundin von Ronaldo, brasilianisches Model und arbeitet bei MTV Brasil" title="Daniela Cicarelli Lemos Ex-Freundin von Ronaldo, brasilianisches Model und arbeitet bei MTV Brasil" height="151" width="151"></div>

hättest du dir deinen Quelltext angeguckt, dann hättest du hier nicht den ganzen Code posten müssen!
diesen Schnipsel musst du anpassen:
class="myinlinepictureimg" sollte sich in deinem css finden lassen.
.myinlinepictureimg {
background: #ffffff;
border: 1px solid #999999;
padding: 3px;
margin-top: 10px; /* zum Beispiel hinzufügen*/
}

Gast 3345

Ja, aber nun habe ich das Problem, dass es in der Einzel-Artikel-Ansicht richtig platziert, aber dafür auf der Indexseite zu weit unten steht.

SuMu

ich habe dir nur einen Beispielwert genannt, dann nimm eben nur 5px:mrgreen:

Gast 3345

Ja, dass ist mir schon klar. Habe 18px genommen, damit es in der Einzelartikel-Ansicht passt.

Dann müsste ich ja irgendwie den Test in der EinzelArtikel-Ansicht nach oben bringen, damit ich auch das Bild so ausrichten kann, dass es in beiden Fällen in Höhe des Textes steht.

Wenn ich mir den Quelltext anschaue, so steht vor dem Bild folgendes:

Code

<div id="primary" class="single-post">
        <div class="inside">
        <div class="utom">
                        <div class="primary">
                <h1>YouTube soll wegen Sexvideo geschlossen werden</h1>
                <div class="myinlinepictureleft" style="width:151px">

Also kanns doch dann nur

class="single-post"
class="inside"
class="utom"
class="primary"

sein, wo die Startposition des Textes festegelegt wird. Wobei ich auf class="primary" tippe, da dies direkt nach dem Text ja geschlossen wird.

In der CSS vom Theme finde ich bei primary dies:

Code

#primary h2 {
color:#ccc;
}


[...]


#primary {
color:gray;
background-image:url(images/maintop.png);
background-color:#fff;
background-repeat:repeat-x;
background-position:top;
padding:2em 0;
}


#primary.onecol-stories .primary {
float:left;
width:50%;
}


#primary.onecol-stories .secondary {
float:right;
width:40%;
margin:0 0 0 10%;
}
#primary.twocol-stories .left_utom{
float:left;
width:500px;
}
#primary.twocol-stories .story {
width:500px;
margin:0;
}


#primary.twocol-stories .navigation {
width:500px;
text-align:right;
margin:0;
}




[...]


#primary .primary {
float:right;
width:480px;
padding:0;
}


#primary .secondary h2 {
color:#fff;
display:block;
height:35px;
font-size:14px;
line-height:35px;
background-image:url(images/about1.gif);
font-weight:700;
margin:0;
padding:0 0 0 1em;
}


#primary .secondary {
float:left;
width:220px;
padding-top:0;
background-image:url(images/about2.gif);
}


* html #primary .secondary {
background-image:url(images/about2.gif);
}


[...]


#primary .secondary2 {
float:left;
clear:left;
width:220px;
margin:2em 0 0;
padding:0 1em;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild in der Einzel-Artikel-Ansicht steht zu nah an der Überschrift

Jetzt mitmachen!

Benutzer online in diesem Thema