Denna delen av 99 uppdateras inte längre utan har arkiverats inför framtiden som ett museum.
Här kan du läsa mer om varför.
Mac-nyheter hittar du på Macradion.com och forumet hittar du via Applebubblan.

Hur tar man bort indent på bilder i WP? CSS?

Tråden skapades och har fått 4 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • 2012-08-15 15:14

Storebro 34 ser man att bilder förskjuts några pixlar åt höger. Jag vill inte det, utan att de ska linjera med texten. Hur ändrar men det?
CSS ser ut så här:

/*
Theme Name: Dodo
Theme URI:
Description: A 2-columns simple, clean and easily accessible beautiful theme which can load your blog more faster. For free additional support  - <a href="http://www.inspiredbuddy.com/wordpress-themes...">Inspired Buddy</a>.
Version: 1.2.1
Author: Rajveer Singh Rathore
Author URI: http://www.inspiredbuddy.com/
Tags: fixed width, two columns, archives, accessible, simple, clean, valid CSS, valid XHTML, black, white, right sidebar, widgets, widget ready
*/


/* Changelog
Version 1.2 - Links color changed to blue (more user friendly), small padding/margin fixes in sidebar navigation and <ol> list in main content.
Version 1.2.1 - Added more info for free support on this theme, and few extra tags.
*/


* {margin:0; padding:0; }
body {
    font:62.5% "arial", helvetica, sans-serif;
    line-height:1.7em;
    color:#444;
}
a {
    color:#124AA8;
    text-decoration:none;
    font-weight:bold;
}
a:hover {
    color: #AB1013;
    text-decoration:underline;
}
p {padding-top:10px;}
h1 {margin: 20px 0 0}
img {
    margin:8px 10px 5px 10px;
    }
input {vertical-align: middle}
h2 {
    font: normal 1.6em "arial", helvetica, sans-serif;
    margin: 0 0 12px;
}
blockquote {
    margin: 10px 25px 10px 30px;
    border-left: 3px solid #124AA8;
    background: #FFFDD5;
    padding: 5px 15px;
    font-size: 1.3em;
    color:#000;
}
blockquote p {
    font-size: 1em !important;
    margin: 0;
}
.aligncenter,
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
#wrapper {
    width: 830px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
#header {
    margin-bottom: 15px;
    position:relative;
    overflow:hidden;
}
#header-bg {
    background:#E7E6E6 url(images/header-bg.jpg) no-repeat scroll 0 0;
    height:160px;
    position:relative;
    border-top:5px solid #FFF;
}
#header-bg h1 {
    position:absolute;
    top:0px;
    left:15px;
    color:#000;
    line-height: 0.85em;
    font-size:2.3em;
    margin: 14px 0 15px;
    background:#FFF500;
    padding:10px 10px 4px 10px;
}
#header-bg h1 a {
    font-family:"Arial Black";
    font-weight:normal;
    color:#000;
    letter-spacing:-1px;
    }
#header-bg h1 span {
    display: block;
    font-size: 0.50em;
    font-weight: normal;
    text-transform: uppercase;
    color:#124AA8;
}
#navcontainer {
    background:transparent url(images/nav-bg.png) no-repeat scroll 0 0;
    height:34px;
    position:absolute;
    bottom:0;
    left:0;
    width:830px;
}
ul#navlist {
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
ul#navlist li {    
    border-right:1px solid #FFF;
    float:left;
    width:100px;
    margin:0;
    padding:0;
    text-align:left;
}
ul#navlist li a {
    color:#CCCCCC;
    display:block;
    font-size:11px;
    text-decoration:none;
    height:30px;
    font-weight:bold;
    padding:4px 15px 0 8px;
}
ul#navlist li a:hover {
    background-color:#124AA8;
    color:#fff;
}
#navlist li.current_page_item {
    background:#666;
    color:#FFF !important;
}
#skip {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0 0.5em;
    border-bottom:2px solid #000;
}
#skip li {
    display:inline;
    font-size:120%;
    line-height:2.5;
    margin:0 1em 0 0;
    padding:0;
}
#skip a:link, #skip a:visited {
    background:transparent url(images/arrow-skip.gif) no-repeat scroll 100% 60%;
    border-color:#FFFFFF;
    color:#666666;
    font-weight:normal;
    padding-right:10px;
}
#skip a:focus, #skip a:active, #skip a:hover {
    background-color:#FFFDD5;
    color:#000000;
    text-decoration:underline;
}
#divSearchForm {
    float:right;
    margin:-32px 0 0 0;
    font-size:120%;
}
#divSearchForm label {
    display:inline;
    margin:0;
    color:#333;
    font-family:"arial", helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    vertical-align:middle;
}
#divSearchForm input.txt {
    display:inline;
    width:130px;
    padding:2px;
    border:1px solid #999;
    vertical-align:middle;
}
#divSearchForm input.txt:focus {
    color:#000;
    background:#f6feda;
}
#divSearchForm input.btn {
    margin:0;
    vertical-align:middle;
}
#container {
    width: 100%;
    margin-bottom:10px;
}
#container:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
#content {
    width: 570px;
    float: left;
    padding: 0 10px 0 0;
    overflow: hidden;
}


#content h2 {
    font:normal 1.9em "arial", helvetica, sans-serif;
    padding: 0 0 4px;
    color:#000;
}
#content h2 a {
    font-weight:normal;
    text-decoration:underline;
    color:#000;
    }
#content h2 a:hover {
    color:#124AA8;
    }
#content h2.pagetitle {
    padding-left: 3px;
    padding: 1px 0 4px;
}
#content h3 {
    font:bold 1.7em "arial", helvetica, sans-serif !important;
    color:#000;
    margin-bottom:-5px !important;
}
#content p, ntent li {
    font-size: 1.3em;
    line-height: 1.4em;
}
#content h3 a {
    text-decoration:underline;
    }    
#content .post {
    margin: 0 0 2.2em;
}
#content .post h2 {
    font-size:2em;
    margin:0 0 -2px;
}
#content .post h3 {
    margin-bottom:0px !important;
}
.post ul, .post ol {
    margin:0 0 6px 35px;
    font-size:12px;
}
.post li {
    padding:8px 25px 0 0;
    color:#000;
}
.post .postmetadata {
    font-size:1.1em;
    color:#999;
}
.postmetadata a {
    color:#999;
    text-decoration: underline;
}
.postmetadata a:hover {
    color:#000;
}
.entry {
  text-align: justify;
}
.entry h1 {
    font-size: 1.8em;
    margin: 15px 0 10px;
}
.entry h2 {
    font-size: 1.65em !important;
    font-weight: bold !important;
    margin: 15px 0 10px !important;
    padding: 0 !important;
    border: none !important;
}
.entry h3 {
    font-size: 1.45em !important;
    font-weight: bold !important;
    margin: 15px 0 10px !important;
    padding: 0 !important;
}
.entry h4 {
    font-size: 1.3em;
    margin: 15px 0 10px;
    font-weight: bold !important;
}
.nav {
    font-size: 1.3em;
    padding: 0 0 22px;
}
.navigation {
    font-size: 1.3em;
    margin:20px 0 5px 0;
    height: 1.3em;
}
.alignleft {float: left;}
.alignright {float: right;}
h3#comments,h3#respond {
    padding: 1px 0 4px;
    border-bottom: 1px solid #EEE;
}
.commentlist {
    margin: 20px 0 30px 18px;
    font-size:120%;
}
.commentlist img {
    float:none;
    padding:0;
    border:0;
    }
.commentlist li {
    padding:5px 0 20px;
    font-size:90%;
}
.cdata {
    background:#FFFDD5;
    border-top:1px solid #BFBC7D;
    padding: 3px 3px 3px 7px;
    height: 1%;
}
.cdata strong {
  display: block;
  color:#000;
}
#content img.avatar {
      float: right;
    display: inline;
    border: 0;
    margin: 1px 1px 0;
}
.ctext {
  padding: 0 7px;
}


.commentlist li p {
    font-size: 1em !important;
}
.commentmetadata {
    font-size: 0.85em;
}
.commentmetadata a {
  color: #848144;
}
#comment {
    width: 530px;
    height: 170px;
}
/* sidebar
-----------------------------------------------------------------------------*/
#sidebar {
    float: left;
    width: 240px;
    padding: 0 0 0 10px;
    font-size: 1.2em;
    line-height: 1.4em;
}
#sidebar ul    {
    list-style: none;
    margin:0 0 15px;
    font-size:11px;
    }
#sidebar ul li ul {
    margin:0;
    padding:0 0 0 4px;
    }    
#sidebar ul li ul li ul    {
    margin:5px 0 -12px 0;
    padding:0 0 0 4px;
    }    
#sidebar ul    li    {
    margin: 0px 0px -1px 0px;
    border-top: 1px solid #EEE;
    padding:6px 0 6px 5px;
    line-height: 15px;
    }        
#sidebar ul li a {
    background:url(images/arrow.gif) no-repeat center left;
    padding: 0 0 0 8px;
    text-decoration:none;
    color:#124AA8;
    font-weight:bold;
    }
#sidebar ul li a:hover {
    text-decoration:underline;
    color:#124AA8;
    }
#sidebar h2 {
    font:bold 1.2em "arial", helvetica, sans-serif;
    padding: 6px 0 0 3px;
    line-height:1em;
    color:#000;
    border-top: 1px solid #000;
}
#sidebar h3 {
    font: normal 1.4em/1.1em "arial", helvetica, sans-serif;
    padding: 0 0 3px;
}


.tags,
#tag_cloud {
    margin: 0 0 15px;
}
.tags {
  text-align:center;
  line-height:21px !important;
}
abbr, acronym {
border:medium none;
}
abbr[title], acronym[title] {
border-bottom:1px dotted #999;
cursor:help;
font-style:italic;
}
code, kbd, pre {
font-family: Monaco,"Courier New",Tahoma;
}
pre {
    padding:10px;
    background:#F6F7F5;
    font-size:120%;
}


code {
    color:#990000;
    font-family:"Courier New",Courier,mono;
}
.txtRed {
    color:#FF0000;
    font-size:130%;
}
.txtGrey {
    color:#999;
}
#footer {
    clear: both;
    margin: 0 0 15px;
    font-size: 1.1em;
    color: #808080;
}
#footer p{
    text-align:center;
    color:#999;
    }
#footer p a{
    color:#999;
    }
#footer p a:hover{
    color:#000;
    }    
#base .baseHdr{
    font-size:1.5em;
    color:#000;
    font-weight:bold;
    margin-bottom:10px;
    border:none;
    padding:0;
}
#base {display: inline; float: left; margin: 0; width:100%; clear:left;}
#base {background:#F0F0F0; border-bottom:3px solid #000; border-top:3px solid #000; position: relative; }
#base ul {margin:10px 10px; padding:10px 0 0 4px; width:252px; display:inline; float:left; list-style-type:none; }
#base li {padding:5px 4px; border-top:1px solid #C0BDBD; line-height:15px;}
.grid12 h6 { margin: 10px 0 50px 0; }

Kan du inte bara ställa in det på bilden i WP?

Annars funkar:

img {
    margin-left: 0px ;
    }
Senast redigerat 2012-08-15 23:58
  • Medlem
  • 2012-08-15 16:09

Det där gjorde ingen skillnad.

Hur menar du att jag skulle göra i WP? Jag vill att beteendet ska gälla alla bilder.

I style.css (rad 38) sätts IMG taggen med marginal.
img {

  • margin: 8px 10px 5px 10px;

  • {

Ändra det så blir det nog finfint

  • Medlem
  • 2012-08-15 18:27

Sweet Mattias!

1
Bevaka tråden