Flytta inläggsrutan
Hej! Har kört fast riktigt ordentligt i min renovering på bloggen. Har googlat rätt så mycket men inte hittat det jag letat efter.
Vill flytta min inläggsruta så att den passar precis med headern, någon som vet hur jag ska göra som? Har försökt med allt känns det som! :(
ni kan ju kika här om de är till någon hjälp www.sofiaalindmark.blogg.se
#content {
border-top:3px double #ffffff;
border-right:3px double #bca4af;
width: 600px;
**margin:300px;
**float: left;
background: #FFFFFF;
padding: 20px;
voice-family:"\"}\"";
voice-family:inherit;
width:5285px;
}html>body #content { width: 630px }
prova ändra den markerade margin, ju högre, desto mer kommer den mot höger.. ;)
/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !
åh tack så mycket!! :D Men har ett annat problem oxå, hur ska jag få menyn att komma upp igen? Just nu är den nedanför inläggen. Vet inte hur jag ska bära mig åt för att få den i själva inläggsbakgrunden eller hur man ska säga de som :)
ingen mer som kan hjälpa mig? :D
det är antagligen nånting som blivit för brett, om två element ligger inuti det andra och inte får plats på bredden så hamnar det ena under det andra istället för bredvid. Om du har wrapper så testa öka bredden på den
HundGlädje.nu - Hundkurser, Dogwalking och Fotografering.
För ökad kontakt och förståelse.
funkade inte :S Headern flyttade sig bara längre till höger
skulle du kunna ladda upp din css kod? stilmallen
HundGlädje.nu - Hundkurser, Dogwalking och Fotografering.
För ökad kontakt och förståelse.
body {
background: #FFFFFF
no-repeat left top;
margin:0;
padding:0px 0 0px;
text-align:center;
}
a {color: #F5BC46;text-decoration:underline:none;}
a:hover {color: #333;text-decoration:underline:none;}
#wrapper {
text-align: left;
width: 1000px;
position:relative;
margin:0px auto;
padding: 0px 0px 0px;
vertical-align: top;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header {
background: url(http://sofiaalindmark.blogg.se/images/2011/hed_125279133.png) no-repeat center top;
margin: 40px;
padding: 0px 0px 0px 0px;
height: 390px;
text-align: left;
}
#side {
margin-right:0;
padding: 0px 0px 0px;
background: transparent; no-repeat;
float: left; right;
width: 150px;
}
#content {
overflow: hidden;
width: 990px;
float: center;
background: url(http://sofiaalindmark.blogg.se/images/2011/untitled-3_125257982.png) no-repeat;
padding: 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
border-top: 0px none;
margin: 40px;
}
#header a { color: #F5BC46; text-decoration:none; }
h1 {
font-family: arial, verdana, sans-serif;
font-size: 2.2em;
font-weight: bold;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}
h2 {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}
/** Entry headers **/
h3 {
font-family: arial, verdana, sans-serif;
font-size: 30px;
font-weight: medium;
color: #727272;
background: ;
padding: 19px 10px 10px 75px;
margin: 0px 0px 0px;
height: 14px;
vertical-align: top;
}
.navheader {
font-family: arial, verdana, sans-serif;
font-size: 30px;
font-weight: bold;
color: #000000;
margin-bottom: 3px;
}
.nav {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
}
.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav a { color: #FFFFFF;text-decoration:none;}
.nav a:hover { color: #666666;text-decoration:underline:none;}
/** Post's body text **/
.entrybody {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding:40px;
margin: 10px 0px 0px 0px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
padding:20px;
text-align:left;
}
.entrymeta a { color: #ecb1ce; text-decoration:none;}
.entrymeta a:hover { color: #ffffff;text-decoration:none;}
.commentheader {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333;
line-height: 140%;
padding: 10px 3px 3px 18px;
border-top: 1px solid #FFF;
}
.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
line-height: 140%;
margin-right:20px;
margin-left:10px;
padding-left:10px;
}
.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
text-align:left;
padding: 10px 20px 20px 10px;
}
.commentmeta a { color: #F5BC46; text-decoration:underline:none;}
.commentmeta a:hover { color: #333;text-decoration:underline:none; }
.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333;
margin: 0px 0px 20px 0px;
padding:20px;
}
.separator {
display: none;
}
.default {
display:none;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
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: 1px solid #5E6655;
padding: 0px 0px 0px 0px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 2px solid #889977;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 30px 30px;
}
.fieldName{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
}
/*****************************************************************************
* Calendar *
*****************************************************************************/
#calendar {
color: #000000;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px 0px 6px 0px;
text-align: left;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
border-bottom: 3px solid #000000;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #F1F1F1;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #BBB;
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 #F1F1F1;
}
#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;
}
#calendar table tr td ul li {
}
#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 {
margin: 0px 0px 6px;
padding-left: 10px;
}
em {
margin: 0px;
padding: 0px;
border: 0px none;
text-align: left;
letter-spacing: 0.1em;
}
#profile {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFF;
margin-bottom: 10px;
}
#profile h4{
font-family: arial, verdana, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
margin-bottom: 3px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#profile p a{
color: #FFF;
}
#profile p a:hover{
color: #333;
}
din content är på tok för bred.
Det är därför den inte får plats.
Min senaste lansering - Letssnap.se - Let's snap är en ny webbplats för att hitta och komma i kontakt med nya vänner som använder Snapchat / KIK.
Du ska lixom plussa ihop
side width med content width.
Och sen så kollar du hur brett det blev tillsammans och sen ändrar du till den siffran på wrapper width.
/ Emma
Kolla in min blogg, väluppdaterad och högt rankad hästblogg- http://enallroundryttare.blogg.se !
Och sen måste man ta hänsyn till att right-left padding includeras i width.
Min senaste lansering - Letssnap.se - Let's snap är en ny webbplats för att hitta och komma i kontakt med nya vänner som använder Snapchat / KIK.