---
title: "Centrera kalender och kommentarrutan i CSS koden"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/136653-centrera-kalender-och-kommentarrutan-i-css-koden"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "pinkrose"
published: "2005-10-30T22:44:37.000Z"
updated: "2005-10-31T21:08:33.000Z"
replies: 4
views: 334
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/136653-centrera-kalender-och-kommentarrutan-i-css-koden"
---

# Centrera kalender och kommentarrutan i CSS koden

## #1 — pinkrose, 2005-10-30T22:44Z

Använder Bioblog när jag skriver dagbok.
Man kan bara styra layouten genom CSS kod.
Gillar min layout ganska bra som den e nu
de e bara tre saker jag vill ändra .

\* Längst upp på sidan finns kalendern,
just nu ligger den till vänster, hur skriver
jag om jag vill ha den centrerad ??

\* Längst ner på sidan finns kommentarrutan,
just nu ligger den till vänster, hur skriver
jag om jag vill ha den centrerad ??

\* Under kalendern ser man dom olika datumen jag skrivit
dagbok på, jag vill inte att dessa ska synas eftersom det räcker
att man ser datumen i kalendern, så hur får jag bort detta ??

För att se dagboken live gå till
<http://www.pinkrose.se>
Och klicka på Diary -\> Diary

Så här sen min CSS kod ut :

```
body { 
scrollbar-face-color: #EBD2F0;
scrollbar-shadow-color: #EBD2F0;
scrollbar-highlight-color: #EBD2F0;
scrollbar-3dlight-color: #EBD2F0;
scrollbar-darkshadow-color: #9B3AAF;
scrollbar-track-color: #EBD2F0;
scrollbar-arrow-color: #000000;

} 
BODY {CURSOR : URL("http://pink-baby.com/copyright/cursor/cursor13.ani")}

input, button, select {font-family: Tahoma, Verdana, Arial;
font-size: 11px;
background-color: #ffffff;
border: 1px solid #000000;
padding: 1px 3px;
height:18px
}

.formular {  
color: #000000;
font-family: Tahoma, verdana, arial; 
font-weight:bold; 
font-size:11px;
letter-spacing: 1px;
}

.message
{
 COLOR:#000000;
}

.comment
{
 COLOR:#000000;
}
.TextField
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
}
.Button
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
 FONT-WEIGHT:bolder;
}
.headline
{
 FONT-SIZE:10pt;
}

a:link { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:visited { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:active { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:hover {color: #000000;text-decoration:underline overline; background:#ffffff; position: relative; left: 1px; top: 1px;}

body { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
p,br { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
li{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
table{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
td { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
tr { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
h1 { width: 402px; height: 150px; background: url(diarytop1.jpg) no-repeat; color: #EBD2F0;
h1 span { display: none; }
font-family: Tahoma, verdana, arial;
font-weight: bold;
font-size:13px;
font-variant:small-caps;
letter-spacing: 2px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
padding-left: 4%}
h2{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-size:12px;
font-style:italic;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}
h3{
background:url("http://www.pinkrose.se/dagbokstyle/lilaljus.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-variant:small-caps;
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}

h4{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal; 
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%;
   border: 1px dashed #000000;
}
body { 
color: #000000; 
background: #EBD2F0; 
margin: 0px; 
}

#title{margin-top:15px}
.text{font-family:verdana}
#page{margin-left:12px}
```

Permalänk: https://www.webforum.nu/p/136653

## #2 — pinkrose, 2005-10-31T19:54Z

Va ????

Ingen som kan hjälpa mig ??

Permalänk: https://www.webforum.nu/p/1697513

## #3 — zcorpan, 2005-10-31T20:32Z

För att centrera:

```
.foo { margin-left:auto; margin-right:auto; width:200px; }
```

Du lär behöva lägga dit en doctype-deklaration som triggar standards mode i IE6 dock, eller använda text-align:center på elementets förälder och sedan "rätta till" text-align på elementet i fråga. Det är ett felbeteende hos IE6 i quirks mode som den ärvt från IE5.

```
.bar { text-align:center; }
.foo { text-align:left; margin-left:auto; margin-right:auto; width:200px; }
```

```
<div class="bar">
 <table class="foo">
  ...
 </table>
</div>
```

> **pinkrose skrev:**
>
> Under kalendern ser man dom olika datumen jag skrivit
> dagbok på, jag vill inte att dessa ska synas eftersom det räcker
> att man ser datumen i kalendern, så hur får jag bort detta ??

Här förstår jag inte riktigt vad du menar...

Permalänk: https://www.webforum.nu/p/1697530

## #4 — pinkrose, 2005-10-31T20:42Z

Du får ursäkta men jag fattar inte ett barr \*skäms\*
Du pratar för avancerat/proffsigt för att en liten amatör som jag ska fatta \*rodnar\*

En annan sak jag kan INTE skriva i html koden 
jag kan bara skriva i CSS koden.
Jag använder en blog genom bioblog och det
enda sättet att ändra utseende är att använda en egen CSS kod.

Permalänk: https://www.webforum.nu/p/1697536

## #5 — zcorpan, 2005-10-31T21:08Z

Okej, sorry...  :r 

Gör såhär:

```
#recentEntries, #msgTable { text-align:center; }
#recentEntries table, #msgTable table { text-align:left; margin-left:auto; margin-right:auto; }
```

  :)

Permalänk: https://www.webforum.nu/p/1697548

---

Tråden på webben: https://www.webforum.nu/amne/html-css/136653-centrera-kalender-och-kommentarrutan-i-css-koden