Hej
Jeg er lige blevet færdig med min første side hvor der bruges
CSS.
Det er lavet ud fra en skabelon som jeg har hentet fra Kim
Ludvigsen's side.
Jeg har rettet og tilpasset en del i den således den passede til
mit behov.
Der melder sig et par spørgsmål:
I feltet .menupunkt ser det ud som om jeg kan slette de 2
nederste linier:
margin-top: 0pt;
margin-bottom: 0pt;
Som sagt er det en skabelon jeg har arbejdet ud fra. Men ved at
slette de 2 linier, kan jeg også slette alle de <br> jeg har
brugt for at adskille de enkelte menupunkter.
Dette kan spare ca. 15 linier i mit HTML dokument, hvilket vel er
optimalt eller hvad?
Er der effekter der er unødvendige? Jeg har som sagt rettet en
del i de forskellige farver for at få den ønskede effekt.
Skal jeg droppe a:visited effekten? Jeg har ikke fundet en effekt
jeg er helt tilfreds med. Er den nødvendig.
Det skal siges at dokumentet skal bruges på samtlige sider og
linksene i siderne, er den navigation jeg ønsker at bruge.
Koden til CSS dokumentet:
/* Generated by CaScadeS, a stylesheet editor for Mozilla
Composer */
body {
text-align: center;
font-weight: bold;
background-color: rgb(255, 204, 0);
}
.side { margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 5px;
text-align: left;
width: 900px;
}
.logo { background-color: rgb(0, 0, 0);
border-style: solid;
border-color: rgb(255, 255, 255) rgb(192, 192, 192) rgb(192,
192, 192) rgb(255, 255, 255);
border-width: 2px;
height: 140px;
font-size: 18px;
text-align: center;
color: rgb(255, 255, 255);
font-weight: bold;
width: 900px;
}
.menu { float: left;
position: relative;
top: 5px;
background-color: rgb(255, 204, 0);
width: 150px;
}
.indhold { padding: 5px;
position: relative;
margin-top: 5px;
float: left;
margin-left: 5px;
margin-right: 5px;
background-color: rgb(255, 204, 0);
width: 580px;
}
.menupunkt {
border-style: solid;
border-color: rgb(255, 255, 255) rgb(192, 192, 192) rgb(192,
192, 192) rgb(255, 255, 255);
border-width: 2px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
text-align: center;
line-height: 30px;
color: rgb(255, 204, 0);
margin-top: 0pt;
margin-bottom: 0pt;
}
.menu a {
background-color: rgb(0, 0, 0);
color: rgb(255, 204, 0);
text-decoration: none;
width: 100%;
display: block;
}
.menu a:hover {
background-color: rgb(204, 102, 0);
color: rgb(0, 0, 0);
display: block;
}
.menu a:visited {
background-color: Gray;
color: rgb(0, 0, 0);
display: block;
}
.sidefod {
background-color: rgb(0, 0, 0);
width: 900px;
margin-top: 5px;
float: left;
position: relative;
}
Siden kan ses "live" her:
http://www.stokerpiller.dk/design/index.html
MvH
Ulrik
P.S.
Jeg tager snart på ferie, så hvis der ikke kommer respons på
jeres indlæg de næste dage, er det ikke fordi jeg har glemt det.
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials