Computer Hope
Internet & Networking => Web design => Topic started by: crypto on July 22, 2007, 07:23:06 AM
-
I have a problem that driving me nuts, on the front page, I have two vertical flags running down the page. The left side is fine, the right side is in the middle and I want it on the right side... I can't figure out how to do this, I would like to have it work with the major of the browers, any sugguest would be very helpful:
[e-mail removed to avoid spam]
http://www.crypto-lair.com/
-
First off, please remove your email address from here unless you want to get spammed.
-
I just want to clarify that it is not us that is going to spam you. But spammers collect email addresses from forums, so by posting your email address here you are very likely to end up on some spammer's mailing list.
-
Your e-mail address has been removed to avoid spambots.
Do you think you can post a screenshot of your problem? When I look at your site, it seems to show up fine for me.
-
Is not letting me copy and paste, When you go to full screen the right border go almost 1/3 in in both explorer and firefox. But I'm looking at it a 21 inch montor, is there anyway to have it resize so the right border always is on the far right? Thanks for the help guys
-
There's a couple things you could do to fix your problem.
1. insert a script that will check for the user's screen resolution and pick a wider or narrower graphic to fit just right.
2. throw the whole thing into a table with the flag images on the left and right of the main body.
Something like this:
<table>
<tr>
<td width=5%><img src="flagimage.gif"></td>
<td width=90%>Main part of the page with all your normal formatting etc.</td>
<td width=5%><img src="flagimage.gif"></td>
</table>
-
Right, I see what you mean now. My monitor is 19", so the background fits just perfectly in my browser. But I adjusted my resolution and yes, that is a big of an eyesore.
You want the flag to run down both sides of the browser, correct?
This can be done, but I don't know well it would work. It will also be a bit tough. Take a look at this thread...
http://www.thescripts.com/forum/thread97767.html
As you can see, this is possible with CSS, but it's not the easiest thing in the world. After I get some rest, perhaps I can take a crack at it and come up with something that might work. Hopefully by then, someone will have come along with an easier solution.
EDIT: There ya go, someone already came up with something else while I was typing! You'll definitely want to give Michael's suggestion a try before attempting something as complicated as what I linked to.
-
Its doesn't want to work, probably sometime I'm missing: The code that is causing the issue is this: The images that runs down the sides of the page is called 111.jpg
</table>
<embed name="lostmojo"
src="lostmojo.wav"
loop=false
autostart=false
hidden=true
mastersound>
</td> <HTML><HEAD><TITLE>crypto Website</TITLE></HEAD><BODY BACKGROUND="images/111.jpg">
<strong><center>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Crypto" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="CRYPTO'S LAIR" CONTENT="">
</HEAD>
</tr>
<tr>
<td width="100%" align="center" valign="top">
<embed src="when i get where i'm going.mp3" autostart="true" loop="true"
width="2" height="0">
</embed>
<noembed>
<bgsound src="stop_hey_what's_that_sound.mp3" loop="infinite">
</noembed>
<p><font size=6>CRYPTO'S LAIR
<img src="images/BikerHaven.jpg" height=280 width=400>
<table align=center width=625 border=0>
<tr>
<td align=center>
<p>
-
Your source code is a mess. You might want to spend some time analyzing it and removing any unnecessary code.
I'll expand on my code example to help a little further. I haven't tested this code yet, but it should work. :D If not try using a little css.
<html>
<head>
<title>Title of Page</title>
<embed src="when i get where i'm going.mp3" autostart="true" loop="true" width="2" height="0">
</head>
<body>
<table>
<tr>
<td background="111.jpg" width=5%> </td>
<td>
<!--Begin Main Content-->
<p><font size=6>CRYPTO'S LAIR
<img src="images/BikerHaven.jpg" height=280 width=400><br>
<table align=center width=625 border=0>
<tr>
<td align=center>
<p>
<p><font size=10>Let the Stupid be Punished</center></p>
<em style="font-style: normal"><blink>
<font face="Mistral" color="#0000FF" size="5">Please
allow time for mp3 sound file to load for a special
effect</font></blink></em>
<!--End Main Content-->
</td>
<td background="111.jpg" width=5%> </td>
</table>
</body>
</html>
-
Thank you for any help, I started this just to see I could, never did a website before, and it has gotten out of hand. I know the code isn't the greatest, but I didn't want to use frontpage. So thank you for any imputs. I checked it, its looks much cleaner, but the background and the flag strips running down the sides as borders doesn't show.
-
Am I missing something here? The discussion of a flag running down both sides of the page isn't making any sense. His background image, which contains the flag, only has it on the left side. So, obviously, no flag will appear on the right side of the page. Here's a miniature version of his background image:
(http://i7.photobucket.com/albums/y256/farmpond/forums/bkgrnd.jpg)
crypto, just a couple of points on your code, things I noticed from a brief look. You have two </body> tags at bottom of the page. At the top, you have your opening BODY tag inside your HEAD tags; it should follow the closing HEAD tag. </HEAD>, then <BODY>
-
sorry for the confusion, but there the flag running down both sides:
http://www.crypto-lair.com/
-
Well, I just had an eye exam and my vision is fine. Maybe you need to have your eyes examined. A screen print of your page is here:
http://i7.photobucket.com/albums/y256/farmpond/forums/page.jpg
Again, there is NO FLAG ON THE RIGHT SIDE. I previously posted your background image and it does NOT have a flag at the right end. What part of this point do you not understand?
For everyone's info, see http://www.crypto-lair.com/images/111.jpg (http://www.crypto-lair.com/images/111.jpg); that's his background image. There ain't no flag at the right end of that image.
-
Oh, I get it now... I didn't look at your background image right. I thought that the flag was separate from the background.
Separate the two.
remake the gray background and add it to the page like this: <body background="graybg.jpg">
and then make the flag it's own image and make it the background of the two columns I was explaining earlier.
Give that a try and let us know if it works. It should, if I'm explaining it right. (It works in my head anyway)
-
And now, I see why he kept saying the flag appeared on the right side. I just viewed the site on my widescreen notebook computer - before, I had looked at it with my desktop, set at 1024x768 resolution on a 17 inch monitor - and I saw it on the right side. But, that's because the image was repeating.
That's not the way you want to create a webpage background; you need to do it in a way that's going to look consistent across various monitors and display settings. One way to do that is what michaewlewis just suggested.
I think maybe I'd reverse the right flag image for the right side so that the stars are on the right edge and the stripes leading away from it to the left. That would give symmetry to the background.
-
You guys must not have seen my post...
Right, I see what you mean now. My monitor is 19", so the background fits just perfectly in my browser. But I adjusted my resolution and yes, that is a big of an eyesore.
-
nah, I saw it. I even understood it. ;)