links in div

[gerr01]

Hallo,

Ik weet niet zeker of ik hier goed zit aangezien mijn vraag ook css bevat.

Ik heb in mijn footer 3 verschillende divs staan. deze staan allemaal netjes naast elkaar dmv float: left;
ook zijn goed op elkaar afgestemd dmv marges.

mijn probleem is nu dat de links in de eerste div automatisch terug lopen. hiermee doel ik op automatische terug loop in excel.

dit is niet de bedoeling

voorbeeld: volg mij op twitter.

ziet er uit als: volg mij
op twitter.

<div id = "social">
			<ul>
			<li><a href="#">Volg mij op twitter</a></li><br><br><br>
			<li><a href="#">Join mij op facebook</a></li>
			</ul>
		</div>

#social {
	float: left;
	height: 200px;
	width: 420px;
	margin-left: 400px;
	margin-top: 120px;
	position: absolute;
	

}

#social li {
	font-weight: normal;
	list-style-image:url('images/arrow.jpg');
	width: 120px;
	position: relative;
}

iemand enig idee wat er fout gaat?

alvast bedankt!

 

[gebruiker78]

Eerlijk gezegd begrijp ik het probleem niet. Wil je de code geven met de 3 div's en daarbij horende CSS. Misschien zie ik dan ook op mijn computer wat er fout gaat.

 

[phobix]

Je #Social div is 420px width, waarna je de Social Li aangeeft 120px, dit zorgt ervoor dat je tekst wordt afgekapt. Dus verander het volgende:

#social li {
font-weight: normal;
list-style-image:url('images/arrow.jpg');
width: 120px;
position: relative;
}

In

#social li {
font-weight: normal;
list-style-image:url('images/arrow.jpg');
width: 200px;
position: relative;
}

Het blokje waar je tekst staat is te klein dus zodoende wordt het afgekapt, ik weet niet of 200px genoeg is dus probeer wat.

 

[gerr01]

Bedankt! hier zat ik uren mee