HTML assignment positioning items on the page

Page 1 of 1

1 Replies - 773 Views - Last Post: 30 November 2012 - 03:10 AM

#1 djester55  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 17
  • Joined: 06-May 10

HTML assignment positioning items on the page

Posted 29 November 2012 - 04:21 PM

i'am trying to set image by coordinates.This is possible to do this.

<html>
<head><title>Welcome To Oz Info </title>
<link rel="stylesheet" type="text/css" href="Oz.css" />
</head>
<body>
<center>


<div id="container">

</div>

<div id="Header">
Welcome to Town Of Oz
</div>


    	<div id="a">

<img src="Witch.jpg" alt="Welcome To Oz !" width="100" height="100" >
</div a>




        <div id="footer">

<a href="mailto:the@Wizard.Oz">[E-mail]</a> 
<a href="About ">[About]</a> 
</div>



</Body>



CSS
 
<STYLE TYPE = “text/css”>

#container {
width:100%;


}
#Header {
    
    top:0;
    width:100%;
    height:150px;
    background-color:#9B9BFF;
     LI font-size: 200% ;
	  color: Blue; 
} 



#a {
width: 100%;
height:1050px;
background-color:#9B9BFF;

}

#footer {
    
    bottom:0;
    width:100%;
    height:55px;   
    background-image: -moz-linear-gradient(top, #9090ED 0%, #000000 100%);
   
  }

a[href^="mailto:"]
{ 
position:absolute;
     bottom : 32px;
     left: 1125px;
     color: white; 
}

a[href^="About"]
{ 
position:absolute;
     bottom : 32px;
     left: 1225px;
     color: white; 
}

Attached image(s)

  • Attached Image


Is This A Good Question/Topic? 0
  • +

Replies To: HTML assignment positioning items on the page

#2 Kruithne  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 87
  • View blog
  • Posts: 411
  • Joined: 28-July 09

Re: HTML assignment positioning items on the page

Posted 30 November 2012 - 03:10 AM

Hello,

Can you please tell us more about what your issue is? Throwing code at us and telling us you can position HTML elements by coordinates is not very helpful for us to know how to assist you.

Quick note: I don't think positioning absolutely is the best solution, your site won't re-size with smaller browsers or when a user decides they don't want the window maximized/different screen resolutions.
Was This Post Helpful? 0
  • +
  • -
Page 1 of 1