Css link margin Design for web

5. august 2008

Det er noe som brygger opp! Noe ondt!
Jeg lager en side som en snill og grei, men nå som jeg prøver å legge til litt margin-bottom eller margin-top har den gått helt i spinn!

Ingenting hender, bare se:

HTML-kode

a.link_knapp:link{
       background: #992420;

}

a.link_knapp:visited{
	background: #992420;
}

a.link_knapp:hover{
	background: #7D1615;
	letter-spacing: 1px;
}

a.link_knapp{
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 1px;
        margin-top: 10px;
        margin-right: 2px;
        margin-bottom: 13px;
        margin-left: 21px;
        color: black;
        border: 2px solid;
}

Margin left og right går helt fint, men som sagt, bottom og top er helt på tuppa!
Dette problemer gir meg kink i nakken, så hjeeelp!

Digital Hybrid

Philosphicus

1.975 107

5. august 2008

Det er fordi a-taggen er et inline-objekt, noe du ikke kan sette margin-top/bottom på. Nå vet jeg ikke hvordan du vil at linken skal sitte iforhold til andre objekter på siden din, men for å sette margin-top/bottom, må du sette display:block;. Padding, derimot, fungerer fint på inline-objekter.

Darkness123

Trådstarter

174 34

5. august 2008

Ja, jeg prøvde å sette display: block; men jeg vil at det skal være to linker på hver linje, og om jeg setter block så kommer det bare en link på hver linje...
Slik:

-------- -------
| Morn| | Hei! |
-------- -------

-------- --------
| Stor | | Liten |
-------- --------

Sist endret av Darkness123; 5. august 2008 kl. 15:53.

Digital Hybrid

Philosphicus

1.975 107

5. august 2008

Da kan du f.eks. sette float:left i tillegg. Men da beveger du deg ut på et mer avansert nivå.

Darkness123

Trådstarter

174 34

5. august 2008

http://i118.photobucket.com/albums/o108/vardark/Feil2.png

HTML-kode

a.link_knapp{
        float: left;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
	color: black;
        border: 2px solid;
        

}

Hvorfor dukker ikke Slett alle meldinger opp under Skriv ny melding?

Sist endret av Darkness123; 5. august 2008 kl. 16:29.

Darkness123

Trådstarter

174 34

5. august 2008

EDIT: Nå funker det!
Jeg satte float: bottom; Og da ser det normalt ut.. Men for å være ærlig så vet jeg ikke hvorfor det viker, så kanskje noen kunne fortelle meg det?

Ehh.. bare et lite problem.. Ehh.. Nå funker ikke margin lenger.. Så det hjalp litt lite.

Sist endret av Darkness123; 5. august 2008 kl. 17:54.