Det är ju vitt där inläggen är, men menyn har hoppat ner och den har inte vit bakgrund (om det är vad du vill ha).

Du kan väl klistra in din stilmall här så man kan titta på den, då blir det lättare att säga vad som ser tokigt ut!

Ja det kan jag göra.  Ja, menyn vill jag va vid sidan. Precis som förut. Vill gärna ha vit bakrund på den med. Men inläggen har kommit så mkt till vänster.. :/

Jag kopierade hela stilmallen nu.

html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 0; padding: 0; border: 0; }
input, select, textarea { margin: 0; padding: 0; }

/*
* play around with these to change settings on your blog!
*/

/* link colors */
a {
color: #369;
}
a:hover {
color: #025;
}

/* font & border */
body {
font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
border-top: 5px solid #369;
}

h1,h3,h4,h5,h6, div.navheader, div.default {
font-family: 'Times New Roman', Georgia, Serif;
color: #222;
}

div#side h3 div.navheader {
color: #666;
}

/*
* do not alter these if you don't know what you're doing
*/

body {
background: #F9D4DE;
}

div#wrapper {
margin: 0 auto 20px auto;
width: 750px;
}

div#header {
background: url no-repeat center center;
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
border-bottom: 1px solid #ddd;
width: 1000px;

}

#header {
background: url no-repeat center center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px;
width: 750px;
height: 600px;

}

div#content, #sidebar {

background: #FFF;
{
float: left;
clear: left;
display: inline;
padding: 0 40px 40px 40px;
width: 1000px;
}

div#side {
width: 150px;
padding: 0 20px 0 0;
float: right;
display: inline;
}

div#side div.navheader, div#side h4, div.default {
padding: 20px 0 5px 0;
font-size: 16px;
font-weight: normal;
}

/* hide calender - doesn't work anyway */
div#side div#calendar {
display: none;
}

div#header h1 {
font-size: 45px;
letter-spacing: -2px;
font-weight: bold;
margin: 50px 0 15px 0;
}

div#header h1 a {
text-decoration: none;
color: #222;
cursor: default;
}

div#header h2 {
font-size: 10px;
margin-left: 15px;
color: #666;
}

div#content h3 {
font-size: 24px;
font-weight: normal;
margin: 20px 0 10px 0;
}

div#content div.entrybody {
margin: 0 15px 0 15px;
}

div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}

div#content div.entrybody li {
font-size: 12px;
color: #222;
list-style-type: square;
}

div.default {
margin: 0 0 15px 0;
}

div.nav input {
margin-right: 5px;
}

div.nav li {
list-style: none;
padding: 2px 0;
}

div.nav ul li strong {
line-height: 37px;
font-size: 11px;
}

div.entrymeta {
font-size: 11px;
margin: 0 0 0 15px;
padding: 10px 0 10px 0;
color: #666;
line-height: 7px;
}

div.commentheader, p.commenttext {
margin: 0 0 0 15px;
font-weight: bold;
color: #222;
}

p.commenttext {
font-weight: normal;
}

div.commentmeta {
color: #666;
margin: 5px 0 20px 15px;
font-size: 11px;
}

form.commentform {
font-size: 11px;
}

form.commentform input, form.commentform textarea {
margin: 0 5px 10px 0;
vertical-align: middle;
}

input.formbutton {
margin-top: 10px;
}

.separator {
display:none;
}

.subside {}

.image {
border: 0;
margin: 0 6px 6px 0;
}

.thumbnail {
margin: 0 6px 6px 0;
}

.video {
padding: 0;
}

.xmlButton {
border: 1px solid;
border-color: #FC9 #630 #330 #F96;
padding: 0 3px;
font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
color: #FFF;
background: #F60;
text-decoration: none;
margin:0;
}

html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 0; padding: 0; border: 0; }
input, select, textarea { margin: 0; padding: 0; }

/*
* play around with these to change settings on your blog!
*/

/* link colors */
a {
color: #369;
}
a:hover {
color: #025;
}

/* font & border */
body {
font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
border-top: 5px solid #369;
}

h1,h3,h4,h5,h6, div.navheader, div.default {
font-family: 'Times New Roman', Georgia, Serif;
color: #222;
}

div#side h3 div.navheader {
color: #666;
}

/*
* do not alter these if you don't know what you're doing
*/

body {
background: #F9D4DE;
}

div#wrapper {
margin: 0 auto 20px auto;
width: 800px;
}

div#header {
background: url no-repeat center center;
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
border-bottom: 1px solid #ddd;
width: 1000px;

}

#header {
background: url no-repeat center center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px;
width: 750px;
height: 600px;

}

div#content, #sidebar {

background: #FFF;
{
float: left;
clear: left;
display: inline;
padding: 0 40px 40px 40px;
width: 600px;
}

div#side {
background: #ffffff;
width: 150px;
padding: 0 20px 0 0;
float: right;
display: inline;
}

div#side div.navheader, div#side h4, div.default {
padding: 20px 0 5px 0;
font-size: 16px;
font-weight: normal;
}

/* hide calender - doesn't work anyway */
div#side div#calendar {
display: none;
}

div#header h1 {
font-size: 45px;
letter-spacing: -2px;
font-weight: bold;
margin: 50px 0 15px 0;
}

div#header h1 a {
text-decoration: none;
color: #222;
cursor: default;
}

div#header h2 {
font-size: 10px;
margin-left: 15px;
color: #666;
}

div#content h3 {
font-size: 24px;
font-weight: normal;
margin: 20px 0 10px 0;
}

div#content div.entrybody {
margin: 0 15px 0 15px;
}

div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}

div#content div.entrybody li {
font-size: 12px;
color: #222;
list-style-type: square;
}

div.default {
margin: 0 0 15px 0;
}

div.nav input {
margin-right: 5px;
}

div.nav li {
list-style: none;
padding: 2px 0;
}

div.nav ul li strong {
line-height: 37px;
font-size: 11px;
}

div.entrymeta {
font-size: 11px;
margin: 0 0 0 15px;
padding: 10px 0 10px 0;
color: #666;
line-height: 7px;
}

div.commentheader, p.commenttext {
margin: 0 0 0 15px;
font-weight: bold;
color: #222;
}

p.commenttext {
font-weight: normal;
}

div.commentmeta {
color: #666;
margin: 5px 0 20px 15px;
font-size: 11px;
}

form.commentform {
font-size: 11px;
}

form.commentform input, form.commentform textarea {
margin: 0 5px 10px 0;
vertical-align: middle;
}

input.formbutton {
margin-top: 10px;
}

.separator {
display:none;
}

.subside {}

.image {
border: 0;
margin: 0 6px 6px 0;
}

.thumbnail {
margin: 0 6px 6px 0;
}

.video {
padding: 0;
}

.xmlButton {
border: 1px solid;
border-color: #FC9 #630 #330 #F96;
padding: 0 3px;
font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
color: #FFF;
background: #F60;
text-decoration: none;
margin:0;
}

Klistra in den så tror jag att menyn hamnar rätt

okej, så jag tar bort min stilmall och ersätter den med den du skrev ? :)

#6: Ja, precis :)

Nej, den är fortfarande där nere :/

Det verkar som att något försvunnit helt, det här är fel;

div#content, #sidebar {
background: #FFF;
{
float: left;
clear: left;
display: inline;
padding: 0 40px 40px 40px;
width: 1000px;
}

Vänta lite så ska jag fixa en annan stilmall som funkar

body {
margin: 0px;
padding:0px;
background: #F9D4DE}

a {
color: #999999;
}
a:hover {color: #80FF9F;}

#wrapper {
clear:none;
margin: 30px auto;
padding: 20px;
width: 850px;
background-color: #ffffff;
}

#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: #F9D4DE no-repeat right center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px 0px 20px;
width: 800px;
height: 55px;
}

#side {

background: #ffffff;
float: right;
width: 200px;
margin: 10px 0px 0px 0px;
padding: 24px 18px 0px 12px;
left:-30px;
}

#content {
background: ffffff;
overflow: hidden;
width: 600px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:600px;
float: left;
margin: 0px 10px 0px 0px;
}html>body #content { width: 600px }

#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
}

h2 {
font-family: arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
width: 170px;
}

/** Entry headers **/
h3 {
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #000000;
margin: 0px 0px 10px;
}

.navheader {
font-family:  Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
padding:5px 5px 0px;
margin-bottom:0px;
background-color:#FFFFFF;
text-transform: uppercase;
}

.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0px;
}

.nav ul {
margin: 0px 0px 12px;
padding: 5px 10px 10px;
font-weight: normal;
background-color: #FFFFFF;
}

.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal; 
}

.nav a { color: #000000; }
.nav a:hover { color: #ED6EA3; }

/** Post's body text **/
.entrybody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 150%;
margin: 0px 0px 10px;
background-color: #FFFFFF;
padding: 10px;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
text-align:right;
}

.entrymeta a { color: #E04201; }
.entrymeta a:hover { color: #80FF9F; }

.commentheader {
font-family:  arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-color:#809FFF;
padding:5px;
color: #FFFFFF;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
line-height: 130%;
}

.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #999999;
margin: 10px 0px 20px 0px
}

.commentmeta a { color: #809FFF; }
.commentmeta a:hover { color: #80FF9F; }

.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}

.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}

.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}

.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 0px 0px;
}

.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul  {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em; 
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}

#calendar table tr td ul li {
color: #666666;
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}

form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}

#profile {
font-family:  Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}

#profile h4{
font-family:  Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

#profile p{
}

Prova att klistra in den, nu borde det se bra ut. Den där stilmallen är lite lättare att navigera i också.

Åh, tack! Det blev precis som jag ville ha det! :D

http://kaninhopparen.blogg.se/?tmp=11220205

#12: Vad bra :) Jag ändrade lite i inlägget så prova att klistra in koden som står där nu och se om du gillar det ännu lite bättre, annars kan du ju byta tillbaka. Tryck bara på "förhandsgranska" istället för spara och titta hur det blir, och om du gillar det bättre så kan du ju spara den. Annars så kryssar du bara så är det som du har nu.

#13 Så som det är nu vill jag ha det :)  Men hur fixar man rubrikerna? Att få dom lite större och i annan färg? :)

Leta upp i stilmallen där det står:

/** Entry headers **/
h3 {
background: #FFFFFF;           
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;         <---- Här ändrar du till den storlek du vill ha.
font-weight: bold;
padding:10px 10px 10px 0px;
color: #000000;            <---- Här ändrar du färgen på rubriken.
margin: 0px 0px 10px;
}

Färgen skrivs i färgkoder. Du kan titta på den här hemsidan om du vill se olika koder för olika färger http://www.home.no/alurcard2/farg%20koder.html
Koden du ska fylla i i stilmallen är den kod med # framför och så 6st siffror eller bokstäver bakom. Men det kanske du visste :)

Se upp så du inte suddar semikolonet efter varje rad, viktigt att ha kvar! Det här tecknet -->  ;

Tack så mycket :D

När jag sedan sätter in header, sätter jag den efter färgen på backround i stilmallen? Eller hur "skriver" man in den? :)

Först står det body, sen wrapper och sen header. Då hittar du den här:

#header {
background: #F9D4DE no-repeat right center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px 0px 20px;
width: 800px;
height: 55px;
}

Ändra den till;

#header {
background: url(http://www.adressentilldinbild.com) no-repeat left center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px 0px 0px 0px;
width: 800px; <-- Skriv in hur bred din header är
height: 55px; <-- Skriv in hur hög din header är
}

Sen står det "left center", men om headern hamnar konstigt kan du sudda det och ändra hur headern ligger genom att ändra sifforna på "margin".

Tack så mycket för all hjälp! :)  Jätte snällt av dig :)

#19: Inga problem :)

Hoppas det löste sig. :)

#21, Jaa, det gjorde det.

Men nu behöver jag lite hjälp igen.

Jag har fixat en bild i menyn, och gjort den till en länk. Men bilden blev så stor. Och hur får man bort den andra bilden, som man trycker på för att komma till min profil? Eller kan man inte ta bort den?

Tacksam för hjälp :)

Bilden har du laddat upp i 400px ser det ut som. Ladda upp bilden på nytt och istället för att direkt tyckte på "ladda upp" så ändrar du "Storlek" från 400px till 100px eller 200px beroende på hur du vill att det ska se ut.

Det går att ta bort bilden som ligger på dig där. Då går du in i kodmallen och tittar om du hittar någonstans där det står i kodmalen under "side" och "presentation". Om du är helt säker på att det är den bilden och inte något annat som kanske är viktigt så kan du sudda den, då försvinner den.

#23, Tack så mycket för hjälpen, :)

Härligt att det löste sig! =)

Jaa, är glad att jag fick hjälp. Då vet jag vart jag ska vända mig nästa gång jag behöver hjälp :)

Men bara en fråga till: Hur kan man få bilden ovanför "Sök i bloggen" ?

Hej igen!

Nu behöver jag hjälp ännu en gång.

Hur fixar man så att sidomenyn är i en egen spalt. Med "Vit bakrund" (Content-saken) och så att de inte är massa mellan rum i den?

(Se: http://www.kaninhopparen.blogg.se)

Edit: Jag återställde kodmallen, och har min vanliga profil istället. :)

Men ni kan gärna skriva hur man gör iallafall :)

antingen flyttar du side i sidled så får du mindre mellan rum. Du kan även förstora side och content(där dina inlägg publiceras). för att dlytta i sidled ändar du i margin: 0px 0px 0px 0px;

Lyckades fixa det. Men går det att fixa "content-saken" lite bredare, i menyn? Vill helst inte förminska bilden där… :)

Du menar att du vill ändra där du har inläggen? bredden på content ändrar du där det står width: 0px;

just nu står det,  width: 600px;  men när jag ändrar det till lite mer så försvinner hela sidomenyn… :/

Då måste du ändra i wrapper width för att den ska hamna på plats.

Har testat nu. Då flyttade jag det hela åt sidan. Menyn syndes fortfarande inte. Då flyttade jag åt andra sidan. Fortfarande ingen meny… :/  Jag lägger in min stil mall, (iaf den delen) så får ni se efter om det är nåt som är fel…

#wrapper {
clear:none;
margin: 30px auto;
padding: 20px;
width: 900px;
background-color: #F9D4DE;
}

#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: url(http://kaninhopparen.blogg.se/images/2012/stis_187438249.jpg) no-repeat right center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px 0px 20px;
width: 950px;
height: 650px;
}

#side {

background: #ffffff;
float: right;
width: 150px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
}

#content {
overflow: hidden;
width: 600px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:600px;
float: left;
margin: 0px 10px 0px 0px;
}html>body #content { width: 600px }