changing appearance of search field added to homepage

[alanpalan]

I added search field to my Coppermine homepage, but it has button with rounded edges. I want angulate search button (see attached jpeg).
I am using this piece of code in template.html:

Code Select Expand


<!-- add search box -->
<div style="position:absolute; top:40px; right:150px">
<form method="get" action="thumbnails.php" name="searchcpg">
<input type="hidden" name="album" value="search">
<input type="hidden" name="type" value="full">
<input type="text" style="width: 150px" name="search" maxlength="255" value="" class="textinput">
<input type="submit" value="HLEDEJ">
</form>
</div>


What shal I do? Thanks for answer.

[Infernal]

Check your style.css for the button and see the settings you have there

[alanpalan]

Thanks, but I don't know what to look for and what to copy...

[Joachim Müller]

Then post a link to your gallery for a start. Look for specifications for the HTML tag "<input>". Plain CSS knowledge.

[alanpalan]

Ok. Link to my gallery: http://santoro.ic.cz/

[Joachim Müller]

The button doesn't have any CSS properties assigned at all, so it displays using the browser/operating system defaults, which is rounded (using Windows plus IE) or angular (using Ubuntu Linux with Gnome and Firefox). To specify particular attributes, use inline CSS ( something like <input type="submit" value="HLEDEJ" style="border:1px solid black;" />) or a reference to a yet-to-be-defined CSS class (e.g. <input type="submit" value="HLEDEJ" class="custom_button" />).
This is in no way related to Coppermine, but plain HTML/CSS. There are loads of resources that explain this. This board is not the best place to ask for help on plain HTML questions. We can't teach you HTML, simply because it's beyond the scope of this board.
Closing, locking.