Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Blocking code but still gaps =/


  • Please log in to reply
8 replies to this topic

#1 Wolfy87

Wolfy87

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:09:50 AM

Posted 17 March 2009 - 05:07 PM

Heres my (frustrating) code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<link rel="icon" href="./image/icon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="format.css">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-language" content="en-gb">
<meta name="description" content="Welcome to Flow web design, my name is Oliver Caldwell, I am 15 years old and a passionate Visual Basic and HTML programmer, I can build you a bespoke website form scratch with prices starting from 24.99 (See Prices page for more)">
<meta name="keywords" content="code, visual basic, html, flow, oliver caldwell, flow webdesign, flow web design, www.flowwebdesign.co.uk, web, web design, design, website">
<title>Flow web design</title>
</head>
<body style="background-color:#bbbebf">
<table style="height: 160px; width: 728px">
<tr><td><img src="./image/header.png" alt="Flow web design"></td></tr><tr><td><img src="./image/home.png" alt="Home" onClick="document.location='index.htm'"><img src="./image/Aboutme.png" alt="About me" onClick="document.location='aboutme.htm'"><img src="./image/Prices.png" alt="Prices" onClick="document.location='prices.htm'"><img src="./image/Contactme.png" alt="Contact me" onClick="document.location='contactme.htm'"></td></tr>
</table>
</body>

As you can see i have blocked my images so i have a header, fine, then a gap (arrrgh!) and then my menubar underneith that (fine) so how do i connect my header (a tr) to my menu bar (another tr)

Sorry its brife but i have to go.

Thanks, Wolfy87.

BC AdBot (Login to Remove)

 


#2 jntkwx

jntkwx

  • Malware Response Team
  • 4,339 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:New England, U.S.A.
  • Local time:04:50 AM

Posted 17 March 2009 - 05:42 PM

Don't know if this is exactly what you are looking for, but how about removing the two rows, and having a break <br> between the header and the menubar.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <html lang="en">
	<head>
	  <link rel="icon" href="./image/icon.ico" type="image/x-icon">
	  <link rel="stylesheet" type="text/css" href="format.css">
	  <meta http-equiv="content-type" content="text/html; charset=utf-8">
	  <meta http-equiv="content-language" content="en-gb">
	  <meta name="description" content=
	  "Welcome to Flow web design, my name is Oliver Caldwell, I am 15 years old and a passionate Visual Basic and HTML programmer, I can build you a bespoke website form scratch with prices starting from 24.99 (See Prices page for more)">
	  <meta name="keywords" content=
	  "code, visual basic, html, flow, oliver caldwell, flow webdesign, flow web design, www.flowwebdesign.co.uk, web, web design, design, website">
	  <title>
		Flow web design
	  </title>
	</head>
	<body style="background-color:#bbbebf">
	  <table style="height: 160px; width: 728px">
		<tr>
		  <td>
			<img src="./image/header.png" alt="Flow web design">
			<br>
			<img src="./image/home.png" alt="Home" onclick=
			"document.location='index.htm'"><img src=
			"./image/Aboutme.png" alt="About me" onclick=
			"document.location='aboutme.htm'"><img src=
			"./image/Prices.png" alt="Prices" onclick=
			"document.location='prices.htm'"><img src=
			"./image/Contactme.png" alt="Contact me" onclick=
			"document.location='contactme.htm'">
		  </td>
		</tr>
	  </table>
	</body>
  </html>

Edited by jntkwx, 17 March 2009 - 05:43 PM.

Regards,
Jason

 

Simple and easy ways to keep your computer safe and secure on the Internet

If I am helping you and have not returned in 48 hours, please feel free to send me a PM with a link to the topic.
My help is free... however, if you wish to show appreciation and support me personally fighting against malware, please consider a donation: btn_donate_SM.gif


#3 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:09:50 AM

Posted 17 March 2009 - 06:20 PM

Ah...im not on my computer at the moment (PSP) but that could be the awnser, il'e let you know.

Thanks in advance, Wolfy87.

#4 burn1337

burn1337

  • Banned
  • 311 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:01:50 AM

Posted 18 March 2009 - 04:21 AM

Ok the br would probably work... But your problem is probably with the way you are doing it... Firstly what is the width of the header image, and what are the widths of the menu bar images... Also I would suggest spaning the header column, and making each image it's own column... Or putting a size on the images... Or also sizing the rows could have an effect...

#5 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:09:50 AM

Posted 18 March 2009 - 09:18 AM

The size of the banner and all of the images all add up, thats fine its just that gap between the two tr's, the rest is perfect on IE (PHEW!) and firefox so i think the br might work but its a bit unconventional and temporary, i would rather a fix for my tr's.

Thanks, Wolfy87.

#6 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:09:50 AM

Posted 18 March 2009 - 09:32 AM

I got it =D thank you BC...the people on it and the code...i found the awnser within this pages code yay, take a look...
<table style='padding:0px' cellspacing='0' cellpadding='0'>

Just needed to change some propeties
Thanks guys, Wolfy87.

#7 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:09:50 AM

Posted 18 March 2009 - 09:34 AM

Ah....but not in fire fox...*moan*

#8 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:09:50 AM

Posted 18 March 2009 - 10:12 AM

Right, so I have fixed it on IE but on firefox i have found the problem...but lost the solution, it is creating about a 3px bit of whitespace at the bottom of every image, why is it doing this, usually its IE that explodes on the page for me.

Any help would be great thanks, Wolfy87.

#9 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:09:50 AM

Posted 18 March 2009 - 10:27 AM

Right, i've got it, in my CSS ive added:
img
{
vertical-align: bottom
}

Its sorted it, thanks guys =D, Wolfy87.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users