Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

A 'lil bit of help?

M

MagicWok

macrumors 6502a
Original poster
Mar 2, 2006
824
84
London
Hey,

I did a very quick placeholder page for my friend;

www.dollshousepoker.com

Basically, there is a problem when it is displayed on IE on a PC. The 'g' from 'girls' seems clipped at the bottom. This doesn't happen on other browsers on the PC, or Safari or Firefox on my mac. So it's something specific to a PC and IE, and I'm not sure why this is happening :rolleyes:

If some of you more clever people could take a look at the source code and tell me the reason why the 'g' is being clipped.

Thankyou!
 
A screenshot and the page code (in the html code tags, ie. the <> button) would be preferable to just a link.

I, for one, don't click unknown links if I can avoid it... paranoid, you say...? Maybe, but hey, better safe than sorry... ;)
 
I don't have access to a PC to grab the screeny from IE atm, sorry.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="Description" content="DollsHousePoker.com - A Girl's Best Bet" />
<meta name="Keywords" content="Poker, Bet, DollsHousePoker, Dollshousepoker.com, Girls Poker" />
<title>DollsHousePoker.com - Coming soon...</title>
</head>

<style type="text/css">
body {
background-color: #ffffff;

}
html, body, #main {
height:100%;
margin: 0 auto;
padding: 0;
border: none;
text-align: center;
vertical-align: middle;
}
#main {
background-color: #ffffff;
margin: 0 auto;
text-align: center;
vertical-align: middle;
width: 900px;
}

</style>

<table id="main">
<tr>
<td align="center">
<body bgcolor="#ffffff">
<p><img src="images/main_01.gif" alt="DollsHousePoker.com - Coming Soon..." width="641" height="167" border="0">
<img src="images/main_02.gif" alt="" width="641" height="119" border="0">
<img src="images/main_03.gif" alt="" width="374" height="33" border="0">
<a href="http://www.fashionspace.com"><img src="images/main_04.gif" alt="fashionspace.com" width="142" height="33" border="0"></a>
<img src="images/main_05.gif" alt="" width="125" height="33" border="0"></p>
</td>
</tr>
</table>

</html>
Click to expand...
 
A couple of "small" things for starters: You start the <table> tag before your <body> tag (and it's also missing the </body> tag). And the <style> tag should be in the <head> tag.
 
It is odd... lol

May I ask which browser you used? I tried both Safari and FireFox in OSX and it displayed correctly :S
 
Mitthrawnuruodo said:
A couple of "small" things for starters: You start the <table> tag before your <body> tag (and it's also missing the </body> tag). And the <style> tag should be in the <head> tag.
Click to expand...
Lmao I didn't even look at that level - yes, that's pretty screwed.

MagicWok said:
It is odd... lol

May I ask which browser you used? I tried both Safari and FireFox in OSX and it displayed correctly :S
Click to expand...
Displays correctly in Camino, by cuts to the bottom of the image I mean it's literally touching the edge of where the slice is.
 
Why are you using 2 images instead of one? :confused:

HTML: 
<img src="images/main_02.gif" alt="" width="641" height="119" border="0">
<img src="images/main_03.gif" alt="" width="374" height="33" border="0">
 
As I said, I did it very quickly - and I am still learning the html side of design, So I accept that there may be some problems here and there, that's why I've asked for some help.

Thanks for spotting the tag thing, don't know why I did that - just one of those things that happened late at night after work lol

No wait, just figured it out... One sec...

edit: just fixed it. i hope - tell me if it isn't :)
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back