logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 07-22-2016, 03:47 AM   #1
Mvoulgaris
 
Join Date: Jul 2016
Posts: 5
Default Buttons

I am trying to make square flat buttons, but dreamweaver makes all buttons look rounded and I cannot adjust the radius. I have tried the following three methods with no adjustments to css or anything, and they are inputed into dreamweaver rounded by default. Any help or advice or insight to this would be huge!

<input type="button" value="hello" />
<button>Hello</button>
<a href'"~" data-role="button>Hello</a>
Mvoulgaris is offline   Reply With Quote
Old 07-22-2016, 06:28 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

yes it is the standard, and may look different dependng on browser.
However you can use css to create the button using a class.
frinstance
a basic buton with no frills
Code:
<head>
<style> 
.button {
	background-color:blue;	border:1px solid black;	font-size:1.05em;
	font-weight:bold;	padding:2px 6px;	color:#fff;
}
 </style>
</head>
<body>
<input type="submit" class="button" value="Download" />
obviously you can decide what you want this way, gradient image background etc
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 07-22-2016, 07:32 AM   #3
Mvoulgaris
 
Join Date: Jul 2016
Posts: 5
Default

I literally copy pasted your idea to try it, and dreamweaver CS6 (most current version) still shows it as rounded edged buttons
Mvoulgaris is offline   Reply With Quote
Old 07-22-2016, 11:43 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

in a browser?
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 07-22-2016, 01:29 PM   #5
Mvoulgaris
 
Join Date: Jul 2016
Posts: 5
Default

In live view. And when the use the qr code to view on my android device
Mvoulgaris is offline   Reply With Quote
Old 07-22-2016, 04:24 PM   #6
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

show your code. i find it odd because im sure its correct. i cant test it till tomorrow though.
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 07-22-2016, 08:19 PM   #7
Mvoulgaris
 
Join Date: Jul 2016
Posts: 5
Default

<a class="button" href="#ActivitiesPage" data-role="button" width="100%">Activities</a>

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

.button{
background-color:blue; border:1px solid black; font-size:1.05em;
font-weight:bold; padding:2px 6px; color:#fff;
}

I attached a print screen of the button and CSS code below to show
Attached Images
File Type: jpg style button.jpg (79.7 KB, 2 views)
Mvoulgaris is offline   Reply With Quote
Old 07-23-2016, 12:23 AM   #8
Mvoulgaris
 
Join Date: Jul 2016
Posts: 5
Default

I figured it out, Jquery mobile has an issue where they change the default settings of buttons to being rounded, so you have to put in
$('a').buttonMarkup({ corners: false }); to make it square
Mvoulgaris is offline   Reply With Quote
Old 07-23-2016, 01:30 AM   #9
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

AH thought it may be an overide was going to suggest trying !important
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:32 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com