3 clickable icons in form

Place to talk about website HTM elements, CSS style and design, and get help with HTML, CSS codes.
User avatar
JanMolendijk
Posts: 122
Location: Holland Rotterdam

3 clickable icons in form

I want to moderate my textboxes with icons
for this i have this script but i can`t place 3 icons
meight you could support me... how to do

Code: Select all

<style type="text/css">
#form1 div{
    position:relative;
    width:400px;
    padding:5px;
    border:1px solid #000;    
    overflow:hidden
}
#form1 label{
    float:left;
    text-align:right;
    width:80px;
    padding:0 20px;
}
#form1 input{
    width:200px;
    padding:5px 40px 5px 5px;
    float:left;
}
#form1 a{
    float:left;
    margin:2px 0 0 -32px;
    text-decoration:none;
    width:30px;
    height:25px;
    background:transparant;
    position:relative;
    z-index:99;
}
#form2 a{
    float:left;
    margin:2px 0 0 -32px;
    text-decoration:none;
    width:30px;
    height:25px;
    background:transparant;
    position:relative;
    z-index:99;
}


</style>
</head>

<body>
<form id="form1" id="form2" method="post" action="">
    <div>
        <label for="text">Enter text:</label>
        <input type="text" name="text" id="text" />
        <a href="http://www.pmob.co.uk"><img src="http://145.53.93.209/Comments/user/icos/6.gif" border="none"></img></a> 

    </div>
</form>
</body>
</html>

Admin
Sorry, I not understand what you want to do.
For what you want the icons, and way you can't place more icons?
Also, the code is wrong. In a html element you may add a single id attribute only.

JanMolendijk
I found an answer to work with classes

Similar Topics