Positioning image absolutely

timmytots · #1 (**permalink**) Jan 9th, 2006, 17:26

It's amazing how quickly you can go rusty.

I'm trying to position a logo absolutely on my homepage like this:

<div style="position:absolute; top:80px;">
<a href="http://www.asite.co.uk/"><img src="mylogo.gif" width="77" height="30" vspace="0" hspace="0" border="0" alt="something"></a>
</div>

I've put that in the index.html not in the css. Can this only be done with CSS, ie - not just in the normal page?

Corey Bryant · #2 (**permalink**) Jan 10th, 2006, 02:27

Actually you have used inline CSS. CSS can be external

HTML: Select all

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

internal

HTML: Select all

<head>
<style type="text/css">
label,input {
display: block;
float: left;
margin-bottom: 10px;
}
input, select, textarea
{
border: solid 1px #000;
background-color: #fff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.0em;
}
</style>
</head>

inline

HTML: Select all

<div style="position:absolute; top:80px;">

What DOCTYPE are you using right now? If you are not using a DOCTYPE and viewing it on internet explorer, the browser might be thrown into quirks mode. You can also check out Full CSS Property Compatibility Chart which is great when trying to do a few things and you are having problems (it can help to determine if it is your coding your the browser).
You can even use something like

HTML: Select all

<a href="http://www.asite.co.uk/"><img src="mylogo.gif" style="position:absolute; top:80px;;width:77px; height:30px; border:0;" vspace="0" hspace="0" alt="something"></a>

as well which will cut down some on the code.
Of course, if you are using this on all your pages, you might consider just adding it your your external cascading style sheet.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] positioning something inside an image	danny322	Web Page Design	3	Dec 5th, 2007 13:36
Image positioning and differences in IE/FF	0413	Web Page Design	33	Sep 25th, 2007 21:19
Positioning an image with a link	pregnantNproud	Web Page Design	8	Aug 12th, 2007 01:33
Problem with image positioning	Marc	Web Page Design	1	May 31st, 2007 18:17
image positioning usind div container	gemguy	Web Page Design	5	May 25th, 2007 08:04

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Positioning image absolutely