Outline ·
[ Standard ] ·
Linear+
HTML Design problem, Button in any location
TSIrzani
|
May 1 2010, 08:21 AM, updated 14y ago
|
|
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 ... or Thank you * My CSS knowledge is zero .. This post has been edited by Irzani: May 1 2010, 08:28 AM
|
|
|
|
anti-informatic
|
May 1 2010, 08:57 AM
|
|
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
|
May 1 2010, 08:24 PM
|
Getting Started
|
use table with border 0. always works for me =)
|
|
|
|
THE DEEPER
|
May 1 2010, 09:12 PM
|
Getting Started
|
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
|
May 1 2010, 10:39 PM
|
Getting Started
|
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
|
May 2 2010, 12:20 AM
|
Getting Started
|
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
|
May 2 2010, 12:41 AM
|
........
|
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 ... or Thank you * My CSS knowledge is zero .. 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
|
May 3 2010, 03:01 PM
|
Getting Started
|
QUOTE(ChaoGuGu @ May 1 2010, 08:24 PM) use table with border 0. always works for me =) works for me either
|
|
|
|
slier81
|
May 4 2010, 05:45 AM
|
|
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
|
|
|
|