Match appearance of buttons [closed] - html

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I have two buttons (both working btw..I just need to change the appearance of them to match)
First button opens a print preview page, the second button opens the web browser print dialogue screen. I want to change the second button to match the first.
Is there anyway I can use a HREF on the second button and use an onclick...so it will use the same template for the button instead of fixing this through css?
First Button:
<div style="width:100%; text-align:right">
<a href='#Url.Action("Index", "Route", new { id = Id })'>
<button>Print Preview</button>
</a>
</div>
looks like:
second button:
<div style="width:100%; text-align:right">
<br />
<input type="button" value="Print" onclick="window.print();" />
</div>
looks like:

try this
<div style="width:100%; text-align:right">
<br />
<a onclick="window.print();">
<button>Print</button>
</a>
</div>

Related

Transition between links using Tab - exclusion some links [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I have page with main menu, some links in main content and left menu. The site must be adapted for the blind...
So, when I want to use tab buton to transition between links the order is:
Main menu
Content
Left menu
Is it possible to add some values to <a> tag to 'excluded' it?
You are supposed to add correct tabindex values for doing something like this. So, if you have such a requirement and you don't have the same HTML structure, you can use tabindex to modify the control flow.
Consider this example:
<input value="Last" tabindex="3" />
<input value="First" autofocus tabindex="1" />
<input value="Middle" tabindex="2" />
Now in the above fiddle, see how pressing Tab key affects the control. You can achieve similar if you can use tabindex.

bootstrap will not print [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I added bootstrap last minute, before I added it, page printed correctly. Now, it does not. Ive looked at the other answers to this question, but none seemed to directly apply to me.
<div class="row">
<div class="col-md-12">
<h2><span>Palette</span></h2>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<div class="pri-circle circle" data-palette-name="primary" id="color1"></div>
<div>
<form>
<input type="text" placeholder="#" data-picker-for="#color1" class="theme" />
</form>
</div>
</div>
<div class="col-sm-2">
<div class="pd-circle circle" data-palette-name="primary-dark" id="color2"></div>
<div>
<form>
<input type="text" placeholder="#" data-picker-for="#color2" class="theme"/>
</form>
</div>
</div>
</div>
If you added it last minute I suspect you added your bootstrap.css file last minute as well. If you have custom CSS that overrides bootstrap default you need to make sure your costum CSS file parses after bootstrap.css, so make sure your file order in your header is correct.

is there any alternated method for anchor tag?(Deleted) [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
This is my sample html page where i'm using anchor tag inside but i need any alternate method instead of anchor tag,could anybody tell me.
<body>
<table><tr><td>
<a href="http://www.w3schools.com">Visit W3Schools.com!
<div></div>
</a>
</td></tr>
</table>
</body>
Thanks for your help.
Maybe you could use:
<form method="GET" action="foo.html">
<input type="submit" />
</form>
The difference between those two methods: <form method="link" > or <a>? What's the difference?

I have a link that I want to open in a new tab. As it is in a <div> I am unsure how to do this - I am new to php coding [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
This is the code I currently have, that opens the link in the same page. I want to modify this to make it open in a new tab.
<div class="big-button" ">
<input type="submit" value="Link name" />
</div>
Use target="_blank" in your anchor
Use this :
<div class="big-button" ">
<input type="submit" value="Link name" />
</div>
I think you need this
<a href='URL' target='_blank'>xyz</a>
Give the your url as href attribute and give target attribute as _blank. It will open in new window
<input type="button" value="Click Me!" onclick="window.open('http://google.com')" />
Hint:
target="_blank" is not validate W3C.
Use this code in a tag:
onclick="window.open(this.href); return false;"

How to make a button responsive? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am using bootstrap .
Can anyone tell me how to make a button responsive ?
<input type="submit" class="btn btn-primary" value="Forgot Password" />
Responsive" is just a meaningless buzzword. What exactly do you want
the button to do? What do you want it to "respond" to? – Rocket Hazmat
User RocketHazmat is close to what i would yell the hell out in you ears. The button is already in a context of responDING in a fluid html frame
You want to make your button adapt to width of container ? Just give it the class needed.
<input type="submit" class="btn btn-block btn-primary" value="Forgot Password" />
or
<input type="submit" class="btn btn-primary" value="Forgot Password" style="width:100%" />
See this : http://twitter.github.io/bootstrap/base-css.html#buttons