Gå til innhold

Kritikk på side og CSS-hjelp

meastp

Av meastp
i Programmering og webutvikling

Anbefalte innlegg

meastp

meastp

Skrevet
Skrevet

Hei!

 

Nå er jeg her igjen. Denne gangen trenger jeg en liten vurdering av den ferske bloggen min, i og med at jeg nettopp har valgt å kaste meg på blogg-bølgen, i større eller mindre grad.

 

Jeg trenger også hjelp med litt CSS. Helt øverst er det et lite mellomrom mellom topp og "selve siden" - det vil jeg gjerne ha vekk.

 

her er siden

 

Siden:

<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="<txp:css />" type="text/css" />
<title><txp:page_title /></title>
</head>
<body>
<div id="container">
<div id="header">
<txp:image id="15" />
</div>
<div id="navigation">
<ul>
<li><a href="/current/om/"><span class="style1">01</span> <strong>om</strong></a></li>
<li><a href="/current/blogg/"><span class="style1">02</span> <strong>blogg</strong></a></li>
<li><a href="/current/search/"><span class="style1">03</span> <strong>søk</strong></a></li>
</ul>
</div>
<div id="content">
<txp:article form="default" limit="8" listform="default" />
</div>
<div id="footer"><h3>bicker.frandt.net av 
<txp:email email="[email protected]" 
linktext="Mats Taraldsvik" title="send e-post" /></h3> 
</div>
</div>
</body>
</html>

 

CSS:

body
{
background-color: #C16937;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
#container
{
background-color: #F5F5F5;
height: auto;
width: 550px;
margin-left: 15%;
}
#container body
{
background-color: #F5F5F5;
}
#navigation ul
{
margin: 0;
padding: 0 0 2px;
list-style-type: none;
text-align: center;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #EDEDED;
border-right-color: #EDEDED;
border-bottom-color: #EDEDED;
border-left-color: #EDEDED;
}

#navigation ul li { display: inline; }

#navigation ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #83A52F;
}

#navigation ul li a:hover
{
color: #333333;
}#navigation body {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
#content {
margin-top: 50px;
margin-right: 20px;
margin-left: 20px;
}
#content h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #C16937;
}
#content a {
color: #C16937;
        text-decoration: none;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #83A52F;
        margin: 0 0 30px 10px;
}
#footer a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #83A52F;
        text-decoration: none;
}
.floatright { float: right; margin: 0 0 10px 10px; }
.style1 {
font-size: 10px;
}

 

Dersom det er relevant: Jeg benytter meg av CMSet Textpattern

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
huf

huf

Skrevet
Skrevet (endret)

For å ta vekk margin på toppen:

 

body {

margin: 0;

padding: 0;

}

 

 

Ang. siden, så var jo den grei den. Menyen var litt kjedelig, og skillet mellom nyhetene var litt dårlig markert. Lite kontraster annet enn bakgrunnen. Headeren var litt kjedelig kanskje. Den gjorde nytten, men var ikke grensesprengende.

Endret av huf
Lenke til kommentar
Arve Systad

Arve Systad

Skrevet
Skrevet
Var det virkelig nødvendig med XHTML fremfor HTML 4.01?

«Dersom det er relevant: Jeg benytter meg av CMSet Textpattern»

 

Han bruker altså en ferdig mal for sidene, som han ikkje har laga sjøl - og vi bør derfor ikkje klandre han ;)

 

Trådstarter:

CSSen din ser litt unødvendig stor ut - du har mange ting som er gjentatt alt for masse. F.eks. holder det å sette font-family i body om du skal ha samme fonts overalt, i stede for på alle overskrifter, avsnitt osv.

 

Du har også 

#navigation body {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}

 

Dette vil påvirke et body-element innafor et element med id #navigation - dette er umulig, og den stilregelen der er derfor overflødig.

 

border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #EDEDED;
border-right-color: #EDEDED;
border-bottom-color: #EDEDED;
border-left-color: #EDEDED;

 

Kan du skrive som:

border-top: 2px solid #EDEDED;
border-bottom: 2px solid #EDEDED;

 

Er usikker på korfor du har angitt left/right borders når dei ikkje har en gitt "stil" (solid, dotted, dashed osv..) - er det meint at browseren sjøl skal bestemme dette, eller skal det ikkje vere left/Right borders?

 

padding: 0 0 2px;

Ka betyr dette?

Riktig syntaks blir en av desse:

padding: top right bottom left;
/* ELLER */
padding: top/bottom left/right;

Lenke til kommentar
meastp

meastp

Skrevet
  • Forfatter
Skrevet (endret)

Takk, Arve, skal rette på dette umiddelbart! Jeg brukte Dreamweaver, det er nok der den lange

 

border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #EDEDED;
border-right-color: #EDEDED;
border-bottom-color: #EDEDED;
border-left-color: #EDEDED;

 

kom fra. Får vel lete opp en bedre CSS-editor, samt skaffe meg litt bedre kunnskap ;).

 

EDIT: sånn, da har jeg fjernet det jeg kunne se.

Endret av meastp
Lenke til kommentar
meastp

meastp

Skrevet
  • Forfatter
Skrevet (endret)
Jeg vet ikke hva andre mener, men fot-size i px er vel ikke det beste valget?

- Go and "em" it :D (... Jeg er jo ny i dette også, men jeg mener å si at em fungerer bedre i forskjellige oppløsninger - shoot me if I'm wrong)

font-size? ok, kan jo forsøke...

 

Forresten; noen som vet hva en størrelse i em tilsvarer i px? Hva blir 12px i em, sånn omtrentlig?

Endret av meastp
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...