Welcome Guest ( Log In | Register )

Outline · [ Standard ] · Linear+

HTML Design problem, Button in any location

views
     
TSIrzani
post May 1 2010, 08:21 AM, updated 14y ago

Just you know why .. why u and i ...
*******
Senior Member
2,961 posts

Joined: Jul 2006
From: OSINT

Hi all, a new question again ... I want to put a button in any location in my page instead of using a standard location (most left) (including center and most right) but don't have any idea how to implement it ... I'm using dreamweaver but still didn't find a way to move it ...

user posted image or user posted image

Thank you notworthy.gif

* My CSS knowledge is zero .. doh.gif

This post has been edited by Irzani: May 1 2010, 08:28 AM
anti-informatic
post May 1 2010, 08:57 AM

Enthusiast
*****
Senior Member
902 posts

Joined: Dec 2006
So u mean u wan to make it a diff position every time the page is loaded?
CSS is for standard layout, i not sure if there is anyway to do that using CSS
i remember javascript can do something like that but forgotten how

Try google for it
ChaoGuGu
post May 1 2010, 08:24 PM

Getting Started
**
Junior Member
138 posts

Joined: Jun 2008
use table with border 0. always works for me =)
THE DEEPER
post May 1 2010, 09:12 PM

Getting Started
**
Junior Member
186 posts

Joined: Oct 2004


you can use ABSOLUTE Position for the button. try this for example:

<button style="position:absolute; bottom:20px; left:30px">My button</button>

this page has extensive info about this css property:

http://www.absolutepositioning.com/
ariffin246
post May 1 2010, 10:39 PM

Getting Started
**
Junior Member
53 posts

Joined: May 2006


create a class for the button with float option enabled and use margin top, bottom, left, right to position to place anywhere in the page.

one class for one button. check example below

.bthHome
{
float:left;
margin:10px 10px 10px 10px;

}
THE DEEPER
post May 2 2010, 12:20 AM

Getting Started
**
Junior Member
186 posts

Joined: Oct 2004


QUOTE(ariffin246 @ May 1 2010, 10:39 PM)
create a class for the button with float option enabled and use margin top, bottom, left, right to position to place anywhere in the page.

one class for one button. check example below

.bthHome
{
float:left;
margin:10px 10px 10px 10px;

}
*
I think this won't give the guy enough freedom to do what he explained.
anthony_yio
post May 2 2010, 12:41 AM

........
Group Icon
Elite
1,828 posts

Joined: Jan 2003


QUOTE(Irzani @ May 1 2010, 08:21 AM)
Hi all, a new question again ... I want to put a button in any location in my page instead of using a standard location (most left) (including center and most right) but don't have any idea how to implement it ... I'm using dreamweaver but still didn't find a way to move it ...

user posted image or user posted image

Thank you  notworthy.gif

* My CSS knowledge is zero ..  doh.gif
*
Yup, absolute positioning as what THE DEEPER pointed out.

but bear in mind that if viewing monitor is small, it would be blocked or need to scroll.




aishatosh81
post May 3 2010, 03:01 PM

Getting Started
**
Junior Member
225 posts

Joined: Mar 2010


QUOTE(ChaoGuGu @ May 1 2010, 08:24 PM)
use table with border 0. always works for me =)
*
works for me either icon_idea.gif
slier81
post May 4 2010, 05:45 AM

On my way
****
Senior Member
541 posts

Joined: Jun 2007
From: Penang
actually position absolute almost same like position relative

apply

button{

display:block;
left: number px;
top: number px
}

and also u need to give position relative to its container element

This post has been edited by slier81: May 4 2010, 05:48 AM

 

Change to:
| Lo-Fi Version
0.0248sec    0.28    5 queries    GZIP Disabled
Time is now: 29th March 2024 - 08:00 AM