/    Sign up×
Community /Pin to ProfileBookmark

Space between images

Copy linkTweet thisAlerts:
Nov 25.2005

Hello.

I was wondering if somebody could help me with a little problem I’ve come across.

I’m making [URL=http://www.geocities.com/minnie_belle_stuff/main.html]this[/URL] site, but I can’t seem to make the images of the buttons line up with the larger image at the top. Does anybody know how I can make that possible?

Everything was written directly in HTML and the images are all .jpg.

Also, just out of curiosity (but not at all as important as my previous question): is there a way to not let the button images jumble up when the Yahoo add pops up?

Any help will be much appreciated. Thanks! ^__^

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@LodovikusNov 25.2005 — try put the menu images inside 5 colomn table and make it 80% width
Copy linkTweet thisAlerts:
@welshNov 25.2005 — hey, i dont use geocities so i dont get the add problem but triyng to do a table would probally work because right now all you have are the 5 images beside each other. Try this:
[code=html]
<table width="685" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="142"><a href="http://www.geocities.com/minnie_belle_stuff/index.html"><img src="mainp.jpg" width="142" height="83" border="0"></a></td>
<td width="139"><a href="http://www.geocities.com/minnie_belle_stuff/artwork.html"><img src="artwork.jpg" width="139" height="83" border="0"></a></td>
<td width="119"><a href="http://www.geocities.com/minnie_belle_stuff/media.html"><img src="media.jpg" width="119" height="83" border="0"></a></td>
<td width="107"><a href="http://www.geocities.com/minnie_belle_stuff/links.html"><img src="links.jpg" width="107" height="83" border="0"></a></td>
<td width="144"><a href="mailto:[email protected]"><img src="contact.jpg" width="178" height="83" border="0"></a></td>
</tr>
</table>
[/code]
Copy linkTweet thisAlerts:
@ray326Nov 25.2005 — The list of links should be a list like a <ul> with the image you have behind the text as a single background image. The text is then simple TEXT in each of the list items. The top image/text could actually be a heading, maybe an <h1>. So the HTML would look something like.
[code=html]
<h1>enlightened<span>version 1.0</span></h1>
<ul id="links">
<li><a href="http://www.geocities.com/minnie_belle_stuff/index.html">main</a></li>
<li><a href="http://www.geocities.com/minnie_belle_stuff/artwork.html">artwork</a></li>
<li><a href="http://www.geocities.com/minnie_belle_stuff/media.html">media</a></li>
<li><a href="http://www.geocities.com/minnie_belle_stuff/links.html">links</a></li>
<li><a href="mailto:[email protected]">contact</a></li>
</ul>
[/code]
Copy linkTweet thisAlerts:
@Minnie-BelleauthorNov 25.2005 — Oh, I see! Thanks a bunch, everyone! ^__^ I'm starting to understand things a whole lot better, now!

But does anybody know how to fix that small space between the buttons and the larger image? That space shouldn't be there, the buttons should line up along the big picture perfectly.

Thanks in advance!
Copy linkTweet thisAlerts:
@ray326Nov 26.2005 — I don't see a gap.
Copy linkTweet thisAlerts:
@thewebmanNov 26.2005 — I don't see one either, and I looked at it in firefox and ie (curse ie!).
×

Success!

Help @Minnie-Belle 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.4,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...