boks rundt tekst

[joramo91]

Hva er html koden får å sette boks rundt tekst? ønkser meg boks rundt hver enkelt punkt i menyen på denne siden: http://aleksanderhansen.freehostia.com/

 

Edit: Noe jeg kan gjøre bedre på siden?

Endret 6. juni 2009 av joramo91

[Christerm]

Du kan gjøre om lenkene i menyen til "bokser" vha css-kommandoen Display:block

 

for eksempel:

 

#meny a
{  
display: block;
text-decoration: none;
color:gray;
font-family: Times New Roman; 
}

 

Tips: Ser i css-koden din at du spesifiserer "font-family: times new roman" opptil flere ganger i koden. Dette trenger du faktisk ikke å gjøre siden den allerede er arvet av "body".

 

 

Litt konstruktiv kritikk:

 

Det første jeg ligger merke til når jeg kommer inn på siden er den sylskarpe oransje borderen. Den fanger øynene med en gang og skriker etter oppmerksomhet. Den svake gråfargen på menylenkene hjelper ikke akkurat her.

 

For å lære litt om farger kan du ta en tur inn på http://www.colormatch5k.com/.

 

Du har bestemt at banneren skal være 100% bred. Noen spesiell grunn til dette?

Hvis det er sentreringen du ikke helt klarer, så kan jeg hjelpe deg med det.

 

En annen ting er at du kunne trengt litt "luft" rundt teksten. Det føles som om teksten er limt fast til borderen. Jeg vil foreslå en "luftig" dose med padding for å lette litt på leseligheten. Ta en titt på denne siden

 

Stå på!

Endret 6. juni 2009 av Christerm

[joramo91]

Du har bestemt at banneren skal være 100% bred. Noen spesiell grunn til dette?

Hvis det er sentreringen du ikke helt klarer, så kan jeg hjelpe deg med det.

 

Du mener at den bør være mindre enn 100% bred?

[Christerm]

HEi!

 

Ser du har gjort en del endringer på siden. Stor forbedring!

 

 

Du mener at den bør være mindre enn 100% bred?

 

Siden banneret nå er 100% bredt blir også lenken 100%. Så hvis man trykket utenfor banneret kommer man tilbake til index.php. Det er jo selvfølgelig ikke noe gale med denne metoden, men jeg tenkte at du hadde gjort dette for å gjøre sentreringen lettere.

 

Jeg ville for eksempel gjort det på denne måten.

 

#banner 
{
width: 814px; /* Faktisk bredde på banneret */
margin-left: auto;
margin-right: auto;
}

[kake_fisk]

Er ikke det en grei måte å gjøre det på?

 

a {
border:1px black solid;
}

 

Du kan bruke enten a eller li.

[joramo91]

Hva synes dere om banneret til høyre da?

Endret 7. juni 2009 av joramo91