Jump to content

CSS Arrow Help!


Ratee

Recommended Posts

Okay so i want to align my arrows like the image below...

 

arrow.jpg

 

 

this is my html &' css...

 

HTML

<div style="width:800px;text-align:right; overflow:hidden;">
<form method=post> 
<button type='submit' value='Search' id='post_comment' name='search' style="border: 0px; background: transparent">
<div class="images"><img src="/arrows/arrowleftup.gif" alt="submit"/>
<img src="/arrows/arrowup.gif" alt="submit" />
<img src="/arrows/arrowrightup.gif" alt="submit" />
<img src="/arrows/arrowright.gif" alt="submit" />
</button>
</form>
</div>
</div>

 

 

CSS

.images {
    overflow: hidden;
}

.images img {
    float: left;
    margin: 0px;
}

please help me i have no idea how to do this..

 

Thank you for your time.

Link to comment
https://forums.phpfreaks.com/topic/261802-css-arrow-help/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.