Member Avatar for keval_hack

http://testfunda.com/ExamPrep/LearningResources/qod/cat-question-of-the-day.htm?AssetID=9f23d94b-e3bf-499b-9bb1-701adb76d8e3

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!

  • 4 Contributors
  • 3 Replies
  • 426 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by tinymark
Member Avatar for mutia

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?

Member Avatar for tinymark

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.