How to connect images?
2 posters
Page 1 of 1
How to connect images?
Hello,
Im pretty much new to html and java.
Though i am adding some html pages to my forum, wich is going good so far.
But now i made like a navbar, for my homepage, with a image hover each time.
Only the problem is that between every image there is a gap of something like 5 pixels.
But i want to to connect, so it will look like 1 bar.
http://x-servers.forumotion.com/test-h2.htm here you can see the problem.
if you need the code to get out
Thanks in advance
Im pretty much new to html and java.
Though i am adding some html pages to my forum, wich is going good so far.
But now i made like a navbar, for my homepage, with a image hover each time.
Only the problem is that between every image there is a gap of something like 5 pixels.
But i want to to connect, so it will look like 1 bar.
http://x-servers.forumotion.com/test-h2.htm here you can see the problem.
if you need the code to get out
- Spoiler:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" id="min-width" lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Private Productions</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/form.ico" /><meta name="language" content="en" /><meta name="description" content="Free forum : For your gaming needs! PrivateProductions" /><meta name="keywords" content="Free forum, PrivateProductions, For, your, gaming, needs!" lang="en" /><meta name="robots" content="index, follow, noodp" /><link rel="alternate" type="application/rss+xml" href="/rss/?f=39" title="Off-Topic" /><link rel="alternate" type="application/rss+xml" title="Latest topics (RSS 2.0)" href="http://privateproductions.forumotion.com/feed/" /><link rel="alternate" type="application/atom+xml" title="Latest topics (ATOM)" href="http://privateproductions.forumotion.com/feed/?type=atom" /><meta name="title" content="Private Productions" /><link rel="stylesheet" href="/21-ltr.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="PrivateProductions" /><link rel="search" type="application/opensearchdescription+xml" href="http://www.board-directory.net/en/search/improvedsearch.xml" title="Search forums" /><script src="http://illiweb.com/fa/js_08/en.js" type="text/javascript"></script><script src="http://illiweb.com/fa/js_08/jquery/ticker/ticker.js" type="text/javascript"></script><link type="text/css" rel="stylesheet" href="http://illiweb.com/fa/js_08/jquery/ticker/ticker.css" /><script type="text/javascript">//<![CDATA[
$(document).ready(function(){ticker_start(0, 100, 100, 'top', 5000);});//]]></script><style type="text/css">#page-footer, div.navbar, div.navbar ul.linklist {display: block !important;}ul.linklist li.rightside, ul.linklist li.rightside a.copyright {display: inline !important;}</style><script language="JavaScript" type="text/javascript">
// 'document.images' geeft aan dat browser dit script aan kan
if (document.images) {
// de plaatjes pre-laden
afbeelding01Uit = new Image();
afbeelding01Uit.src = "http://i608.photobucket.com/albums/tt169/Lil-Jur/contact.png";
afbeelding01Aan = new Image();
afbeelding01Aan.src = "http://i608.photobucket.com/albums/tt169/Lil-Jur/Contacthover.png";
afbeelding02Uit = new Image();
afbeelding02Uit.src = "http://i608.photobucket.com/albums/tt169/Lil-Jur/Forumrules.png";
afbeelding02Aan = new Image();
afbeelding02Aan.src = "http://i608.photobucket.com/albums/tt169/Lil-Jur/Forumruleshover.png";
afbeelding03Uit = new Image();
afbeelding03Uit.src = "http://i608.photobucket.com/albums/tt169/Lil-Jur/community-2.png";
afbeelding03Aan = new Image();
afbeelding03Aan.src = "http://i608.photobucket.com/albums/tt169/Lil-Jur/Communityhover.png";
afbeelding04Uit = new Image();
afbeelding04Uit.src = "http://i608.photobucket.com/albums/tt169/Lil-Jur/Site.png";
afbeelding04Aan = new Image();
afbeelding04Aan.src = "http://i608.photobucket.com/albums/tt169/Lil-Jur/Sitehover.png";
}
// de daadwerkelijke functies
function afbeeldingAan(Naam) {
if (document.images) {
tekstAanNaam = eval(Naam + "Aan.src");
document.images[Naam].src = tekstAanNaam;
}
}
function afbeeldingUit(Naam) {
if (document.images) {
tekstUitNaam = eval(Naam + "Uit.src");
document.images[Naam].src = tekstUitNaam;
}
}
</script>
</head>
<a href="http://x-servers.forumotion.com/" onMouseover="afbeeldingAan('afbeelding01')"
onMouseout="afbeeldingUit('afbeelding01')">
<img src="http://i608.photobucket.com/albums/tt169/Lil-Jur/contact.png" border="0" name="afbeelding01"></a>
<a href="" onMouseover="afbeeldingAan('afbeelding02')"
onMouseout="afbeeldingUit('afbeelding02')">
<img src="http://i608.photobucket.com/albums/tt169/Lil-Jur/Forumrules.png" border="0" name="afbeelding02"></a>
<a href="" onMouseover="afbeeldingAan('afbeelding03')"
onMouseout="afbeeldingUit('afbeelding03')">
<img src="http://i608.photobucket.com/albums/tt169/Lil-Jur/community-2.png" border="0" name="afbeelding03"></a>
<a href="" onMouseover="afbeeldingAan('afbeelding04')"
onMouseout="afbeeldingUit('afbeelding04')">
<img src="http://i608.photobucket.com/albums/tt169/Lil-Jur/Site.png" border="0" name="afbeelding04"></a>
<font size=2><br>
<center>Legend<br>
<font color=#FF854C>Administrator</font> • <font color=#4297FF>Global moderator</font> • <font color=#71D975>Forum moderator</font> • <font color=#DA6BFF>GFX-team</font> • <font color=#FF82DE>Developer</font><br><font color=#52FFFF>Donator</font> • <font color=#FFFFFF>Member</font> • <Font color=#333333>Banned member</font>
Thanks in advance
Last edited by Lil-J on August 3rd 2009, 10:52 pm; edited 1 time in total
LilJur- Forumember
- Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch
Re: How to connect images?
Use this for the navbar (removed code spaces)
- Code:
<a href="http://x-servers.forumotion.com/" onmouseover="afbeeldingAan('afbeelding01')" onmouseout="afbeeldingUit('afbeelding01')"><img src="http://i608.photobucket.com/albums/tt169/Lil-Jur/contact.png" name="afbeelding01" border="0"></a><a href="" onmouseover="afbeeldingAan('afbeelding02')" onmouseout="afbeeldingUit('afbeelding02')"><img src="http://i608.photobucket.com/albums/tt169/Lil-Jur/Forumrules.png" name="afbeelding02" border="0"></a><a href="" onmouseover="afbeeldingAan('afbeelding03')" onmouseout="afbeeldingUit('afbeelding03')"><img src="http://i608.photobucket.com/albums/tt169/Lil-Jur/community-2.png" name="afbeelding03" border="0"></a><a href="" onmouseover="afbeeldingAan('afbeelding04')" onmouseout="afbeeldingUit('afbeelding04')"><img src="http://i608.photobucket.com/albums/tt169/Lil-Jur/Site.png" name="afbeelding04" border="0"></a>
Re: How to connect images?
Thank you so much, i see the problem now
And yes i know, Forum rules and Community will be custom html pages, site is still under construction and also Contact will change to a normal format, not back to the site.
Gues its solved
Lock please
And yes i know, Forum rules and Community will be custom html pages, site is still under construction and also Contact will change to a normal format, not back to the site.
Gues its solved
Lock please
LilJur- Forumember
- Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch
Similar topics
» If i don't have my own domain how can i connect with facebook connect
» Scroll Over Images? Left Side Images?
» CAN I GET rank images AND NAVIGATION BAR IMAGES
» How to change allignment/Postion of images/imported script images.
» Forum images change to Font Awesome images
» Scroll Over Images? Left Side Images?
» CAN I GET rank images AND NAVIGATION BAR IMAGES
» How to change allignment/Postion of images/imported script images.
» Forum images change to Font Awesome images
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum