Jump to content

align html text with css pic?


spyboy1o1
 Share

Recommended Posts

im new to the whole css thing.. and i put a pic in there, as the pic for my linkbar...heres the css code:#mlinks { background-image: url('pics/mainlinks.bmp');height: 10.5mm;width: 900px; }ok now this is my html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive"> <title>Trade Even Up</title> <link rel="stylesheet" type="text/css" href="base.css" /> </head> <body> <center><img src="pics/teu-banner.bmp"></center> <center><div id="mlinks"> <a href="trade.html">Trade</a> </div></center> ok so i gotta figure out how to get the text "Trade" in the center of the image form my css...im guessing i gotta go into html, put something in table, then use align???

Link to comment
Share on other sites

Replace "background-image: url('pics/mainlinks.bmp');height: 10.5mm;width: 900px;" with "width:xxx; height:xxx; background: background:url(pics/mainlinks.bmp) center no-repeat;". Fill in for xxx the width and height you want for your div, the bg image will always be displayed in the center...Kurt

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...