Beginner, issues with float

**adamxwolf** · 04-10-2016, 08:13 PM

I'm trying to adjust the page so the icons are across the top of the page and fixed so they are always visible, but I'm having a really hard time getting them to move anywhere, let alone aligned next to each other. I only know painfully basic coding so this is a real challenge for me, any help is appreciated.

**sunfighter** · 04-11-2016, 02:18 AM

With code we can only guess. I used the same image 5 times

Code:

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<style type="text/css">
body{
	margin: 0;
	padding: 0;
}
header{
	width: 150px;
	margin: 0 auto;
}
img{
	float: left;
	padding: 5px;
}
</style>
</head>

<body>
	<header>
		<img src="images/trashcan.png" height="20" width="20">
		<img src="images/trashcan.png" height="20" width="20">
		<img src="images/trashcan.png" height="20" width="20">
		<img src="images/trashcan.png" height="20" width="20">
		<img src="images/trashcan.png" height="20" width="20">
	</header>
</body>
</html>

Thread: Beginner, issues with float

Thread Tools

Rate This Thread

Beginner, issues with float

Tags for this Thread

Posting Permissions