/    Sign up×
Community /Pin to ProfileBookmark

onmouseover html (photos stretch, i need them to stay the same size)

Copy linkTweet thisAlerts:
Aug 02.2006

[url]http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=200013571238[/url]

the photos in my gallery are stetching. i want them to stay the same size and just appear in the middle of the box. is there any way to do this?

heres the html code im using…

<DIV align=center><IMG onmouseover=”mainimg.src=’http://ballboyink.com/layout/images/1.jpg’;switchMain()” alt=”alt text” src=”http://ballboyink.com/layout/images/1small.jpg” border=0></DIV></TD>
<TD rowSpan=4><IMG height=158 alt=”” src=”http://ballboyink.com/layout/images/index_24.gif” width=10></TD>
<TD bgColor=#9f9c99 colSpan=2 rowSpan=2>

to post a comment
HTML

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@gil_davisAug 02.2006 — You'll have to make the images all the same ratio height to width (158/10).
Copy linkTweet thisAlerts:
@KDLAAug 02.2006 — You've got height and width settings in your code:
&gt;&lt;IMG [B]height=158 [/B] alt="" src="http://ballboyink.com/layout/images/index_24.gif" [B]width=10[/B]&gt;
Take those out, and add a style to the table cell to place whatever is in it in the center:
&lt;td rowspan=4 style="text-align: center"&gt;contents of cell&lt;/td&gt;
Copy linkTweet thisAlerts:
@pacerierAug 05.2006 — its best to make the size of the images [b]identical[/b] for mouseovers and mouseouts otherwise it will bump the other elements in the page too which isn't desirable.
×

Success!

Help @ning spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...