WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Search bar code

View previous topic View next topic Go down  Message [Page 1 of 1]

1Search bar code Empty Search bar code Tue Aug 17, 2010 4:17 pm

Guest


Guest
Can someone give me the code for the forumotion search bar?

Thanks Very Happy

2Search bar code Empty Re: Search bar code Tue Aug 17, 2010 5:48 pm

ankillien

ankillien
Administrator
Administrator
Why Forumotion?

almost all search bars have 2 input elements, one for text input and another for submitting the data...

Code:
<input type="text" /><input type="submit" value="Search" />

Moved to HTML forum

3Search bar code Empty Re: Search bar code Tue Aug 17, 2010 6:09 pm

Guest


Guest
is there any way i can make the corners of the texarea rounded via css3 and change the serach button?

4Search bar code Empty Re: Search bar code Tue Aug 17, 2010 7:12 pm

ankillien

ankillien
Administrator
Administrator
This code would do it...

Code:
input[type="text"] {
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}
input[type="submit"] {
property : value;
}

5Search bar code Empty Re: Search bar code Tue Aug 17, 2010 7:15 pm

Guest


Guest
no didnt do anything. Neutral

6Search bar code Empty Re: Search bar code Tue Aug 17, 2010 8:00 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
Which browser are you using? - it's working fine for me. Smile

http://woops.dk

7Search bar code Empty Re: Search bar code Tue Aug 17, 2010 8:00 pm

Guest


Guest
Firefox Smile

8Search bar code Empty Re: Search bar code Tue Aug 17, 2010 9:23 pm

ankillien

ankillien
Administrator
Administrator
The border radius will work on firefox.
Make sure you add the code correctly.

9Search bar code Empty Re: Search bar code Wed Aug 18, 2010 1:13 am

Guest


Guest
god,still nothing!

10Search bar code Empty Re: Search bar code Wed Aug 18, 2010 8:15 am

ankillien

ankillien
Administrator
Administrator
Please post your code here.

11Search bar code Empty Re: Search bar code Wed Aug 18, 2010 7:00 pm

Guest


Guest
Code:
<html>
<head>
<style type="text/css">

.input[type="text"] {
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}

input[type="submit"] {
property : value;
}
</style>
<body>


<input type="text" /><input type="submit" value="Search" />
</body>
</html>

12Search bar code Empty Re: Search bar code Wed Aug 18, 2010 9:18 pm

ankillien

ankillien
Administrator
Administrator
Remove the 'dot' from this part...
Code:
.input[type="text"] {
and it will work.

Or, try replacing the CSS with this code...

Code:
<style type="text/css">
input[type="text"] {
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border : 1px solid;
}
input[type="submit"] {
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border : 1px solid;
}
</style>

13Search bar code Empty Re: Search bar code Thu Aug 19, 2010 1:50 am

Guest


Guest
Solved! Very Happy

14Search bar code Empty Re: Search bar code Thu Aug 19, 2010 9:17 am

Jophy

Jophy
Registered Member
Registered Member
Solved ~> Locked

http://www.socialtechforum.com/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Search bar code

Permissions in this forum:
You cannot reply to topics in this forum