# Sidospalten (menyn) till höger
Author: Lippuz

Hej!

Har en ny blogg på [fidelippan.blogg.se](http://www.fidelippan.blogg.se) . Vill flytta sidospalten (menyn med _akriv, kategorier, senaste inläggen_) som är på vänster sida) längst åt höger sida men får det inte att funka.

**Nåt tips?**

Går in på **#side {** och sedan där under på **float:** lägger jag till **right**, men när jag förhandskar designen stannar bara _sidospalten_ (menyn) kvar på platsen den är nu/var från början. Dessutom så har den blivit jätte lång. Skriv gärna om du vet vad jag kan göra eller lägga dit nån kod, bara nåt, hjälp! :)

Mvh Filippa

## Comment 1
Author: Jess89

Du måste även ändra i content för att menyn ska flytta sig. Du kan inte menyn och content på samma sida.

## Comment 2
Author: Lippuz

**#1 Okej, så här står det på #content nu:**

#content {

overflow: hidden;

float: left;

width: 800px;

background: url(http://static.blogg.se/themes/dusty-rose/img/wrap\_174339724.png);

padding: 0px 34px 0px;

text-align: left;

vertical-align: top;

margin: 0px;}

**Och på #side står det så här:**

#side {

float: right;

width: 180px;

margin: 0px;

padding: 24px 18px 0px 12px;

left:-30px;

border-right-width: 3px;

border-right-style: solid;

border-right-color: #000;}

Men det funkar fortfarande inte, det ser lika dant ut som innan jag ändrade koderna. Vad är det för fel?

## Comment 3
Author: [Borttaget]

Behåll float: left på båda och byt istället plats på dem i din kodmall, så att det du vill ska ligga åt vänster kommer först. Man kan säga att kodmallen ritas upp som man läser en bok - från vänster till höger.

## Comment 4
Author: Lippuz

Tackar ! Fick det att funka men krabban med textstorleken i sidomenyn vilket du kanske ser.. (Fidelippan.blogg.se) Istället för att skapa en ny tråd undrar jag: Hur får jag Headern allra högst upp på bloggen så att det är ett mellanrum mellan Headern, sidomenyn och "content" (där jag skriver inläggen alltså) ? :D tacksam för svar!

## Comment 5
Author: Jess89

#4 för att få avstånd till menyn och content letar du upp header stycket i din **stimall**.

Det kan se ut så här:

**#header {**  
**background: url(http://cdn.publishme.se/cdn/9-1/3827492/images/2012/600636\_10151034151714203\_1278803669\_n\_505ce821e087c33eb50b70ea.jpg) no-repeat left top;**  
**margin: 0px;**  
**padding: 37px 0px 0px 100px;**  
**height: 160px;**  
**text-align: left;**  
**border-top: 0px none;**  
**border-right: 0px solid #000000;**  
**border-bottom: 0px solid #000000;**  
**border-left: 0px solid #000000;**  
**}**

För att få avstånd till nästa objekt letar du margin eller skriver dit om det saknas. För att få avstånd till nästa objekt skriver du så här: **margin: 0px 0px 5px 0px;** (självklart kan du ändra siffran 5 till vad du vill.)

Hoppas att du förstår hur man gör ![Glad](http://bloggande.ifokus.se/js/lib/tiny_mce/plugins/emotions/img/smiley-smile.gif "Glad")

## Comment 6
Author: Lippuz

#4 tack :) får det att funka.

men har fortfarande problem med att få större typsnittstorlek på sidomenyn endå ifall jag ändrar storleken till 100px så blir det ingen skillnad, vad gör jag?

och sen verkar det som om jag fått dubbla "footers", så hur tar jag bort den ena #footer? hur får jag den dessutom att komma längst ner av inläggs sidan ? (content) tacksam för svar snabbt! :)

## Comment 7
Author: Lippuz

??? :)

## Comment 8
Author: Pelle Långlös

Tror du får göra om allt för hos mig ser det bara råddigt ut.

## Comment 9
Author: Lippuz

#8 okej, men jag kan inte koda en mall från början och känner ingen som kan göra det åt mig.

## Comment 10
Author: Lippuz

#8 Men det måste vara nåt med kodmallen för fick en kompis stilmall igår och det blev likadant med att menyn hamnade underst... Så vad kan vara fel i denna kodmall (startsida):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>{{ blog.title }}</title>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<meta name="generator" content="{{ app\_url }}" />  
<link rel="stylesheet" href="{{ blog.blog\_path }}style.css" type="text/css" />  
<link rel="alternate" href="{{ blog.blog\_path }}index.rss" type="application/rss+xml" title="RSS" />  
<script type="text/javascript" src="http://static.blogg.se/public/js/script\_blogg.js"></script>  
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>  
</head>  
  
<body>  
  
<div id="wrapper">  
<div id="header">  
</div>  
  
<div id="frame">  
  
<div id="contenttop">  
</div>  
<div id="content">  
  
{% for entry in entries\[:15\] %}  
<a name="a{{ entry.id }}"></a>  
<h3>{{ entry.title }}</h3>  
<div class="entrymeta">  
Publicerat {{ entry.date }} {{ entry.time }} i  
<a href="{{ entry.category\_link }}">{{ entry.category\_name }}</a>  
</div>  
<div class="entrybody">{{ entry.body }}</div>  
<div class="entrymetafoot">  
<a href="{{ entry.url }}">Direktlänk</a>, <a href="{{ entry.url }}#comment">{{ entry.comment\_count }} Kommentarer</a>  
<br /><br />  
  
<a href="" rel="tag"></a>  
<div id="footer">  
<script src='http://static.blogg.se/public/js/footer.js?id={{ blog.id }}' type='text/javascript'></script>  
</div>  
</div>  
</div>  
  
<!--### loop AD do not remove or move ###-->  
{% endfor %}  
  
<div id="sidetop">  
</div>  
<div id="sidebox">  
<div align="left">  
<div class="nav">Hej! Jag är en glad och positiv tjej som kom till världen sommaren 1999. Mitt namn blev Filippa. Jag rider på ridskola och älskar att fotografera med min Nikon D3100. Här i bloggen får ni se mitt liv i bilder, min mode stil och även kurser, filmer och tips kommer läggas ut inom fotografering.  
<form action="http://www.google.se/search" name="search" method="get">  
<input type="text" name="q" value="" size="14" maxlength="64" />  
<input type="hidden" name="sitesearch" value="{{ blog.absolute\_url }}" />  
<input type="submit" value="Sök här" />  
</form>  
</div>  
</div>  
<div id="sidefoot">  
</div>  
<div id="sidetop">  
</div>  
<div id="sidebox">  
<div class="nav">  
<div class="navheader"><img src="http://cdn.publishdev.se/cdn/9-1/3919061/images/2012/senaste\_copy\_505f3c94e087c33eeab45286.png" border="0" width="60" height="15" alt="" /></div>  
<ul>  
{% for entry in entries\[:20\] %}  
<li><a href="{{ entry.url }}">{{ entry.title }}</a></li>  
{% endfor %}  
</ul>  
</div>  
</div>  
<div id="sidefoot">  
</div>  
  
<div id="sidetop">  
</div>  
<div id="sidebox">  
<div class="nav">  
<div class="navheader">Kategorier(ska tas bort och flyttas)</div>  
<ul>  
{% for category in categories %}  
<li><a href="{{ category.url }}">{{ category.name }}</a></li>  
{% endfor %}  
</ul>  
</div>  
</div>  
<div id="sidefoot">  
</div>  
  
<div id="sidetop">  
</div>  
<div id="sidebox">  
<div class="nav">  
<div class="navheader">Arkiv</div>  
<ul>  
{% for month in archive\_months %}  
<li><a href="{{ month.link }}">{{ month.name }}</a></li>  
{% endfor %}  
</ul>  
</div>  
</div>  
<div id="sidefoot">  
</div>  
  
<div id="sidetop">  
</div>  
<div id="sidebox">  
<div class="nav">  
{% if linklist %}  
<div class="navheader">Länkar</div>  
<ul>  
{% for link in linklist %}  
<li><a href="{{ link.url }}" title="{{ link.description }}">{{ link.name }}</a></li>  
{% endfor %}  
</ul>  
{% endif %}  
</div>  
</div>  
<div id="sidefoot">  
</div>  
  
  
  
<div id="subside">  
<a href="{{ blog.blog\_path }}index.rss" title="RSS"><img src="http://static.blogg.se/themes/dusty-rose/img/rss\_174346596.png" border="0" alt="RSS 2.0" /></a>  
</div>  
</div>  
</div>  
  
<img src="http://stats.blogg.se/?id={{ blog.site\_id }}" border="0" width="0" height="0" alt="" />  
</body>  
</html>

## Comment 11
Author: Pelle Långlös

Du har dubbelt och ibland trippel av samma sak ser jag men jag är ingen hejare på koder.

## Comment 12
Author: Lippuz

#11 jo jag vet, eftersom menyn" är uppdelad i tre el. fyra omgångar så måste det ju bli så tror jag. För det ser konstigt ut annars.
