Kasdraven Posted December 29, 2006 Share Posted December 29, 2006 [RESOLVED]Click Please I added the red borders so you could understand what was happening (my problem). For some reason I cannot make the two buttons sit directly beside each other without the space between them. Does anyone know why this is happening?PLEASE NOTE: Due to restrictions on what codes we are allowed to use on www.vampirefreaks.com, I have to use this method, so please do not suggest other methods of accomplishing what I have done here. What I am doing works perfectly, it simply doesn't show up the way it should. To narrow it down, HTML and CSS are the only languages that work on the site, that is why I am doing this in this way.I am only looking for methods of making the two background images show up directly beside each other. That being said, here is the code I am using as is.<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style>body{font:7pt trebuchet ms;color:#000;}img{border:0px;}a:img{border:0px;}td{padding:2px;}table{padding:0px;margin:0px;}#iFal{background-color:#eee;border:1px solid #000;border-bottom:0px;width:195px;letter-spacing:2px;font: 7pt trebuchet ms;font-weight:bolder;text-align:center;}#iFal2{background-color: #eee;border:1px solid #000;border-right:0px;border-top:0px;width:195px;}#iFal3{background-color: #eee;border:1px solid #000;border-left:0px;width:50px;}#iBut1 a:link div{width:27px;height:24px;padding:0px;margin:0px;background-image:url('Buttons/newleft.gif');background-repeat:no-repeat;}#iBut1 a:hover div{width:27px;height:24px;background-image:url('Buttons/newleftover.gif');background-repeat:no-repeat;}#iBut2 a:link div{width:27px;height:24px;background-image:url('Buttons/newright.gif');background-repeat:no-repeat;}#iBut2 a:hover div{width:27px;height:24px;background-image:url('Buttons/newrightover.gif');background-repeat:no-repeat;}</style></head><body><table cellspacing="0px"><tr><td id="iFal"><img src="Inside/orb.gif" /> iVamp</td></tr></table><table cellspacing="0px"><tr><td id="iFal2"><table cellspacing="0px"><tr><td id="iBut1"><a href="/"><div></div></a></td><td id="iBut2"><a href="/"><div></div></a></td></tr></table></td><td id="iFal3">yadayada</td></tr></table></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now