Ok vraag 2 heb ik inmiddels zelf gevonden, maar nog steeds geen sidebar te zien!
Ik ben er inmiddels achter dat alleen mijn bottom sidebar actief is. En ik wil een sidebar aan de zijkant. Hoe kan ik die bottom sidebar uitschakelen en een ‘normale’ sidebar inschakelen?
Na wat meer kntuselen heb ik een sidebar aan de linkerkant gekregen. Alleen nu krijg ik eerst al mijn artikelen te zien, en daarna aan de linkerkant de sidebar.
Hoe krijg ik die sidebar hoger, dus direct te zien als ik naar mijn pagina ga?
http://www.lipstickandpancakes.nl
Hoi Karlijn,
Je sidebar heeft een margin-left van 20px of je sidebar is te breed dat mag je kiezen.
Het makkelijkste is om van #sidebar de margin-left er af te halen dan verplaatst ie zich naar boven.
Uitleg:
je hebt op de container: 950px breedte
In de container heb je artikelen en een sidebar
Dan de artikelen die zijn: 620px breed
en de sidebar is 320px +20px marginleft = 340px breed.
Dus de elementen in de container zijn 960px breed en je container waar in de elementen zich begeven zijn 950px breed.
Hmm het lukt niet helemaal. Nu ben ik ook niet enorm technisch aangelegd dus wellicht heeft het daar wat mee te maken.
Ik zie dit staan, nergens de margin-left:
.header {
position:relative;
text-align:center;
margin:0;
padding:0;
}
#footer {
color:#fff;
position:relative;
margin-top:50px;
background:url(images/background/patterns/pattern2.jpg) repeat #333;
border-top:solid 4px #ff6644;
}
#footer ul,
#sidebar ul {
list-style:none;
font-weight: normal;
color:#fafafa;
margin:0;
}
#footer a {
line-height:1.9em;
-webkit-transition: all .3s ease;
font-family:’Abel’,Verdana, Geneva, sans-serif;
font-size:14px;
}
#footer a:hover {
color:#d14a2b;
}
#footer p,
#footer a {
color:#fff;
}
#sidebar .sidebar-box {
padding:0 20px;
}
.span8.left-sidebar {
float:right;
}
.span8.right-sidebar {
float:left;
}
#blog,
#blog .pin-article.span8,
.span8.left-sidebar,
.span8.left-sidebar {
margin-bottom:25px;
}
#sidebar h3.title {
padding: 0;
margin: 0 0 20px 0;
position:relative;
font-size:28px;
Verder nergens #sidebar
zet er in :
`.left-sidebar {
margin-left: 0;
}
‘
Jouw css klopt sowieso niet, je gaat nog meer problemen krijgen dan alleen die.
Oh das mooi kak dan, ik zal er iemand naar laten kijken die er meer verstand van heeft dan ik ;). Bedankt voor je hulp iig!
