visit this site see the footer which is at the bottom of the website. Can any one tell me how can i design this type of footer or is there any read made plugin available for that.
Pls help me!
keval_hack
-3
Junior Poster in Training
Banned
Recommended Answers
All 3 Replies
mutia
0
Newbie Poster
which footer are you talking about. with the black background color?or the one on top which has fixed position with the social network sites link?
MagicMedia
10
Junior Poster
tinymark
1
Junior Poster
There are a lot of places for information. Google for html and css. Here's some code I threw together.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Footer</title>
<style type = 'text/css'>
#footer{position:absolute; top:200px; left:40px; width:1000px; background-color:#f0f;}
</style>
</head>
<body>
<div id ='footer'>
<center>Hello there Mark.</center>
</div>
</body>
</html>The style at the top tells the footer you want absolute control over it's position. You want it exactly 1000px wide starting at 200px from the top and 40px from the left. I left the height implied as auto. I'm letting the text set the height.
Change the background-color to #000 to get black. Add as many of these as you want.
<div id='some-name'><a href='some-plce-to-go.html'>Go here</a>When you do, add the id name to the css and use absolute positioning to place the anchors on top of the background.
Hope this helps.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.