|
|
||||||
|
||||||
| Index Link To US Private Messages Archive FAQ RSS | ||||||
| Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability. |
Share Thread: & Tags
|
||||
|
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|||
|
Hello,
I am trying to manipulate two lines of images such that they are both right justified. The images are actually text with links attached to each one. I have it working fine when I have only one line of images but the second line of images refuses to right justify. You can see my tryout at http://www.usernomics.com/user-experienceTEST.html . The code I am using is below. Can anyone see what I am doing wrong here? Thanks a lot, Bob <a href="http://www.usernomics.com/user-experience.html" title="User Experience"><img src="images/site/ux.gif" alt="User Experience" width="150" height="30" class="imgmap4"> </a><img src="images/site/dash.gif" alt="Dash" width="23" height="30" class="imgmap4"> <a href="http://www.usernomics.com/mobile" title="Mobile Site"><img src="images/site/mobile.gif" alt="Mobile Site" width="110" height="30" class="imgmap4"></a> <img src="images/site/new3.gif" alt="Dash" width="54" height="30" class="imgmap4"> <a href="http://www.usernomics.com/ergonomics-store.html" title="Ergonomic Products Store"><img src="images/site/products3.gif" alt="Ergonomic Products Store" width="173" height="30" class="imgmap5"></a> <img src="images/site/dash.gif" alt="Dash" width="23" height="30" class="imgmap5"> <a href="http://jobs.usernomics.com/a/jbb/find-jobs" title="Usability Jobs"><img src="images/site/jobboard.gif" alt="Job Board" width="97" height="30" class="imgmap5"></a> </div> CSS .imgmap4{ float: right; margin: 0px 8px 0px 0px; border: none; } .imgmap5{ float: right; margin: 25px 8px 0px 0px; padding: 0px 0px 0px 0px; border: none; } |
|
|||
|
Well, I did get a solution for the problem I described above.
My test page shows the results of this solution. The only thing I don't like about it is that when you reduce the size of the window a lot, the lines spread into the heading section below the images. Does anyone see a way to not permit the lines to move into the lower heading section when the display is very small? Thanks, Bob |
|
|||
|
<img src="images/shapes.jpg" width="375"
height="102" style="border: none;" alt="Shapes" usemap="#shapes"/> <map name="shapes" id="shapes"> <area shape="circle" coords="58,50,40" href="javascript:clicked_on('circle');" title="Circle" alt="Circle"/> <area shape="rect" coords="136,11,227,89" href="javascript:clicked_on('rectangle');" title="Rectangle" alt="Rectangle"/> <area shape="poly" coords="309,13,358,89,257,89" href="javascript:clicked_on('triangle');" title="Triangle" alt="Triangle"/> <area shape="default" nohref="nohref" title="Default" alt="Default"/> </map> |
![]() |
|
| Thread Tools | |
| Display Modes | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Manipulating Popups | Dinghus | Web Programming Discussion Forum | 4 | 06-14-2007 09:12 AM |
| Manipulating images with code like PHP. | kgun | Graphics & Design Discussion Forum | 0 | 10-16-2006 07:37 PM |
| Is google manually manipulating seach results? | scanmonkey | Google Discussion Forum | 9 | 07-11-2006 08:06 PM |
| Google manipulating SERPs | divinewrite | Google Discussion Forum | 1 | 08-24-2005 08:43 PM |
| Google manipulating search results in favor of Adwords | imagolfer | Google Discussion Forum | 60 | 04-30-2004 04:46 AM |
|
WebProWorld |
Advertise |
Contact Us |
About |
Forum Rules |
MVP's |
Archive |
Newsletter Archive |
Top |
WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509 |