link placement help

i’m building a uncomplicated webpage and i understand little about html or css coding. i’m using dreamweaver and all i’d prefer my webpage to obtain is a background image with text message over it and also 2 links. i have already the background image and text setup on it and i understand the codes to create a link. but i cannot figure out how to move the chek out where i would really like it on the page. for case in point, when i develop the link it can go to the random spot to the page, but we would like it in a particular spot. can anyone help me out

Hard to express without seeing the particular web page.
Are you experiencing the page published online somewhere

Normally, you break your own page up in to sections… eg. < div>.. < /div>
Those sections define the areas of your page. An individual place content within
these, and the content stays there.

i dont have it uploaded but the following is the code we have so far. all i’d like to see is a simple webpage which has a background pic in addition to text. i wish to have links correct below the word, but i cannot figure out how to move them to help specific areas

<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML YOU. 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> asdf< /title>

< body>
< img src=" record: ///C/Users/Owner/Desktop/image001. jpg" width=" 1000" height=" 658" />

< /body>
< /html>

That was not setting the image being a background image, that’s just placing an image within the page.

You may need CSS to arranged an image because the background and do what you’re asking to do.

Here’s a simple template to get you started….

<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML YOU. 0 Transitional//EN" " URLhttp: //www. w3. org/TR/xhtml1/DTD/xhtml1-transitional. dtd/URL" >
< html xmlns=" URLhttp: //www. w3. org/1999/xhtml/URL" >
< head>
< meta http-equiv=" Content-Type" content=" text/html; charset=utf-8" />
< title> asdf< /title>
< style>
margin: 0px car;
width: 1000px;
top: 658px;
background: url(URL='http: //www. webdesignforums. net/file: ///C/Users/Owner/Desktop/image001. jpg'file: ///C/Users/Owner/Desktop/image001. jpg/URL) no-repeat;
text-align: heart;

background-color: clear;
width: 1000px;
top: 658px;
text-align: kept;

background-color: clear;
width: 200px;
edge: 2px solid #fff;
drift: left;

background-color: clear;
padding: 0px 0px 0px 50px;
drift: left;

. paragraph
padding: 20px;
font-family: arial;
font-size: 13pt;

< /style>
< body>
< div id=" content" >
< div id=" nav" >
< a href=" #" > Link One< /a> < br />
< a href=" #" > Link Two< /a> < br />
< /div>
< div id=" main" >
< div class=" paragraph" >
fkld kldjf ldsjf ldskfj dsfljk eioj fodsi nfds l df sdlkf weri dflml
< /div>
< /div>
< div style=" crystal clear: both" > < /div>
< /div> <! -- end content -->
< /body>
< /html>

Css coding is definitely essentials for background images.
Attempt Css coding.
Or perhaps try anchor textual content for replacing the actual image.

thanks for your starting point mlseim. i had been able to alter the links to what i want, but coding will not click with me whatsoever so you want some more aid. say i want this being a background image:
http: //imageshack. us/f/638/fuhgwebpage001. jpg/
where would it go
Furthermore, how could post move the link text to a specific spot about the image

Discover this example…
http: //www. catpin. com/fuh

Right-click and view " source" to see the HTML.

A somewhat simplified case in point, but it employs CSS positioning.

again mlsiem saving the afternoon. so i changed the links to what i’d like to see, but i cant figure out how to position them under where i’d prefer them. they just go to a random spot. is there a code to produce them adjust into a specific spot

You viewed my example

You’ll see inside CSS styling, this < div> is positioned within the page (wherever you would like it to be).
The upper left corner may be the 0, 0 reference.

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *