By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,624 Members | 2,229 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,624 IT Pros & Developers. It's quick & easy.

putting navigation menu on a image

P: 30
hi i want to be able to put my menu on a image but the words still have to be there.
for my assignment i'm only allowed to use html and css. is it possible to do this?
Feb 24 '07 #1
Share this Question
Share on Google+
7 Replies


Expert 100+
P: 1,892
hi i want to be able to put my menu on a image but the words still have to be there.
for my assignment i'm only allowed to use html and css. is it possible to do this?
So you want to have an image as a background to a menu yes this can be done. As you're saying assignment I would like to see what code you have first.

Aric
Feb 24 '07 #2

P: 30
So you want to have an image as a background to a menu yes this can be done. As you're saying assignment I would like to see what code you have first.

Aric
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="menu.css"/>
<title> one hump or two </title>
</head>
<body bgcolor = "000099">

<div id = "main navigation"><a href = "home.html"> Home</a>|<a href =
"about.html">About|</a><a href="camels.html">Camels|</a><a href = "extras.html">Extras|</a>
<a href = "adoptions.html">Adoptions|</a><a href = "credits.html">Credits</a>

</div>

<font face = "Bookman Old Style" size = "50" color = "white"><p><H1 align = "center"><img src = "camel.jpg" Width = "90" Height = "90" align = top>ONE HUMP OR TWO
</font></H1>
<font face = "monotype corsiva"color = "white" size = "20"><H1 align = "center"><p>&nbsp;Special Offer - Limited time only</font></H1>


<p>&nbsp;

<font face = "Arial"color = "white">Adopt a camel today and help us to save camels from abuse.
<p>&nbsp;

You can adopt a camel for 40 a month choose from a choice of the camels below you want to adopt below <p>&nbsp;
<img src = "bactrian-camel.jpg" width = "100" height = "100">
For 40 a month you can adopt a camel of your choice and you'll get a choice of two great gift packs which includes:<p>&nbsp;
The first gift pack includes:<p>&nbsp;
A beautiful hand crafted cup,
A charming jewellery box &nbsp;with camel necklace ,
A camel trinket box decorated with swarovski crystals,
a link to a your camel screensaver,
camel shaped white chocolates delivered every month with
A personal card from your camel.<p>

<A HREF="camelgift1.html"><IMG SRC="camelcup.jpg"
WIDTH="90" HEIGHT="90"></A>

</p>



</font>

</body>
</html>

this is my code the assignment is just to make a special offer page on adopting a camel
Feb 24 '07 #3

drhowarddrfine
Expert 5K+
P: 7,435
You want to look at the css for "background-image". Much of your code, btw, is not valid xhtml.
Feb 24 '07 #4

P: 30
thanx not sure if i can use xhtml have to check
Feb 25 '07 #5

Expert 100+
P: 1,892
thanx not sure if i can use xhtml have to check
I would be shocked if not, I see you have a style sheet linked why aren't you using CSS across the board?
Feb 25 '07 #6

drhowarddrfine
Expert 5K+
P: 7,435
thanx not sure if i can use xhtml have to check
Not sure you can use xhtml but you declare it at the head of your page?
Feb 25 '07 #7

P: 30
Not sure you can use xhtml but you declare it at the head of your page?
i found out i do but now i have new problem lol using css , i cant put text under my images
Mar 3 '07 #8

Post your reply

Sign in to post your reply or Sign up for a free account.