webForumDet fria alternativet

Blogger-stylesheet fråga

HTML & CSSur HTML, XHTML & CSS

8 svar · 328 visningar · startad av costodia

costodiaMedlem sedan aug. 2000864 inlägg
#1

jag vill ha ner sidebar:en på http://www.mittinternet.com/ (alltså det som finns i kolumnen med "äldre inlägg" och "Arkiv") så att den ligger underst på sidan.

i stylesheet:en så tror jag det är dessa parametrar

#sidebar {
  width:200px;
  float:left;
  font-size:85%;
  padding-bottom:20px;
  }
#sidebar2 {
  background:url("http://sveriges.com/blankhorlin.gif") 150px -50px;
  padding:5px 10px 15px;
  width:200px;
  width/* */:/**/180px;
  width: /**/180px;
  }

och

/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
  margin:4em 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #9b9;
  font:95%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
#sidebar ul {
  margin:.5em 0 1em;
  padding:0 0px;
  list-style:none;
  line-height:1.5em;
  }
#sidebar ul li {
  background:url("http://sveriges.com/bilder/030227/fyrkant_brun.gif") no-repeat 3px .45em;
  margin:0;
  padding:0 0 5px 15px;
  }
#sidebar p {
  margin:0 0 .6em;
  }

som styr denna.

Jag är helt okunnig inom css så jag vågar inte ändra någotning.

InsiderMedlem sedan jan. 2000978 inlägg
#2

Du ska alltså inte ha 2 kolumner längre??
Eller vill du flytta upp kolumnen med innehåll; isåfall kan du testa att öka bredden på #content med 1,2,3 eller 4 pixlar.

costodiaMedlem sedan aug. 2000864 inlägg
#3

nej, jag vill inte ha två kolumner längre,
bara en, menyerna ska komma nedanför innehåller istället för i en kolumn bredvid, hur gör jag då?

silfverMedlem sedan apr. 200312 679 inlägg
#4

Om du inte vill att menyn och det ska ligga till vänster kan du ju ta bort den överstrukna koden. Har jag förstått dig rätt?

#sidebar {
  width:200px;
  [b][s]float:left;[/b][/s]
  font-size:85%;
  padding-bottom:20px;
  }
costodiaMedlem sedan aug. 2000864 inlägg
#5

jag plockade bort den, men tyvärr hände ingenting ändå.

InsiderMedlem sedan jan. 2000978 inlägg
#6

Sidebar kommer ju före main i XHTML-koden.
Kan du inte stuva om i koden istället så blir det mer logiskt och du behöver inte positionera med CSS.

costodiaMedlem sedan aug. 2000864 inlägg
#7

det vet jag tyvärr inte hur man gör.

Jag vågar inte pilla för mycket med det där.

Jag har gjort det innan och då genreade blogger ingen kod alls,
det är så lätt att missa något blogger-elment.

men någon xhtml-kod har jag väl inte?

InsiderMedlem sedan jan. 2000978 inlägg
#8

costodia skrev:

men någon xhtml-kod har jag väl inte?

Jo, den verkar generera XHTML. Koden du ser när du väljer visa källa på sidan.
Din CSS-kod kan man inte se alls vad jag kan erfara.
Kan du inte lägga in all din CSS-kod här, så kan säkert nån hjälpa dig till slut.
Jag ser ingen lösning just nu tyvärr.

costodiaMedlem sedan aug. 2000864 inlägg
#9

/*
-----------------------------------------------
Blogger Template Style
Name: Dots
Designer: Douglas Bowman
URL: https://www.stopdesign.com
Date: 24 Feb 2004

Modified by: Martin Persson
Modified Name: MittInternet Style
Modified URL: MittInternet.com
Date: 25 Jun 2004
----------------------------------------------- */

body {
background:#F9F8F3 url("http://sveriges.com/blankhorlin.gif") 50% 0;
margin:0;
padding:0 10px;
text-align:center;
font:x-small Verdana,Sans-serif;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

/* Page Structure
----------------------------------------------- */
#content {
background:url("http://sveriges.com/blankhorlin.gif") no-repeat 250px 50px;
width:700px;
margin:0 auto;
padding:50px 0;
text-align:left;
}
#main {
width:450px;
float:right;
padding:50px 0 20px;
font-size:85%;
}
#main2 {
background:url("http://sveriges.com/blankhorlin.gif") -100px -100px;
padding:20px 10px 15px;
}
#sidebar {
width:200px;
float:left;
font-size:85%;
padding-bottom:20px;
}
#sidebar2 {
background:url("http://sveriges.com/blankhorlin.gif") 150px -50px;
padding:5px 10px 15px;
width:200px;
width/* */:/**/180px;
width: /**/180px;
}
html>body #main, html>body #sidebar {
/* We only give this fade from white to nothing to
browsers that can handle 24-bit transparent PNGs */
background/* */:/**/url("http://sveriges.com/blankhorlin.gif") repeat-x left bottom;
}

/* Title & Description
----------------------------------------------- */
#blog-title {
margin:0 0 .5em;
font:250%/1.4em Georgia,Serif;
color:#353;
}
#blog-title a {
color:#353;
text-decoration:none;
}
#description {
margin:0 0 1.75em;
color:#996;
}

/* Links
----------------------------------------------- */
a:link {
color:#663;
}
a:visited {
color:#000000;
}
a:hover {
color:#7C7C43;
}
a img {
border-width:0;
}

/* Posts
----------------------------------------------- */
.date-header {
margin:0 0 .75em;
padding-bottom:.35em;
border-bottom:1px dotted #9b9;
font:95%/1.4em Georgia,Serif;
text-transform:uppercase;
letter-spacing:.3em;
color:#663;
}
.post {
margin:0 0 2.5em;
}
.post-title {
margin:.25em 0;
font:bold 130%/1.4em Georgia,Serif;
color:#333;
}
.post-title a, .post-title strong {
background:url("http://sveriges.com/bilder/030227/fyrkant_ljusbla.gif") no-repeat 0 .25em;
display:block;
color:#333;
text-decoration:none;
padding:0 0 1px 45px;
}
.post-title a:hover {
color:#000;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
p.post-footer {
margin:0;
text-align:right;
}
p.post-footer em {
display:block;
float:left;
text-align:left;
font-style:normal;
color:#996;
}
a.comment-link {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://sveriges.com/bilder/030227/fyrkant_rod.gif") no-repeat 0 .25em;
padding-left:15px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://sveriges.com/bilder/030227/fyrkant_rod.gif") no-repeat 0 .25em;
padding-left:15px;
}
.post img {
margin:0 0 5px 0;
padding:4px;
border:1px solid #cca;
}

/* Comments
----------------------------------------------- */
#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
border-top:1px dotted #9b9;
padding-top:.5em;
font:bold 110%/1.4em Georgia,Serif;
color:#333;
}
#comments-block {
line-height:1.6em;
}
.comment-poster {
background:url("http://sveriges.com/blankhorlin.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#996;
}
.comment-timestamp a:link {
color:#996;
}
.deleted-comment {
font-style:italic;
color:gray;
}

/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
margin:4em 0 .75em;
padding-bottom:.35em;
border-bottom:1px dotted #9b9;
font:95%/1.4em Georgia,Serif;
text-transform:uppercase;
letter-spacing:.3em;
color:#663;
}
#sidebar p {
margin:0 0 .75em;
line-height:1.6em;
}
#sidebar ul {
margin:.5em 0 1em;
padding:0 0px;
list-style:none;
line-height:1.5em;
}
#sidebar ul li {
background:url("http://sveriges.com/bilder/030227/fyrkant_brun.gif") no-repeat 3px .45em;
margin:0;
padding:0 0 5px 15px;
}
#sidebar p {
margin:0 0 .6em;
}

/* Profile
----------------------------------------------- */
.profile-datablock {
margin:0 0 1em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
margin:0 8px 5px 0;
border:4px solid #cc9;
}
.profile-data {
margin:0;
line-height:1.5em;
}
.profile-data strong {
display:block;
}
.profile-textblock {
clear:left;
}

/* Footer
----------------------------------------------- */
#footer {
clear:both;
padding:15px 0 0;
}
#footer hr {
display:none;
}
#footer p {
margin:0;
}

141 ms totalt · 3 externa anrop · v20260731065814-full.29ac60f6
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)