stefan Pedersen skrev:
> Hejsa.
>
> Jeg er ved at lære mig selv at lave hjemmesider, ved at læse mig
> frem til og spørge mine venner men ingen kan komme med et
> ordenligt svar som jeg kan forstå til mit problem.
Det kunne jo være fordi dit problem ikke er særlig
godt beskrevet. Du lærer ikke at lave hjemmesider ved
at lave noget flot grafik og så putte noget indhold i
bageefter. Det forholder sig helt omvendt: *Form* er
noget man *føjer til* et indhold.
Det indhold, der her er tale om, er en navigationsbjælke.
Den laver du med følgende HTML-kode:
<ul class="navbar">
<li><a href="#">Linktekst 1</a></li>
<li><a href="#">Linktekst 2</a></li>
<li><a href="#">Linktekst 3</a></li>
<li><a href="#">Linktekst 4</a></li>
<li><a href="#">Linktekst 5</a></li>
<li><a href="#">Linktekst 5</a></li>
</ul>
Det minimale stylesheet til at lave en navbar ud af
dette er:
ul.navbar {
margin:0 auto;
width:600px;
font-family:arial,sans-serif;
font-size:14px;
padding:0;
list-style:none;
text-align:center;}
ul.navbar li a {
width: 80px;
float:left;
margin:0 5px 0 0;
padding:3px 5px;
border-width:0;
border-style:solid;
border-color: #257;
color:white;
background-color:gray;
text-decoration:none; }
Når det er på plads, kan du begynde at eksperimentere
med at sætte grafik ind som baggrund for a-markørerne.
Bemærk, at det er a-markørernes bredde og padding samt
font-size, der skaber "knappens" størrelse.
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets:
http://webdesign101.dk/cssbog/
..