|
Post by Spy_Master on Jul 13, 2004 11:51:44 GMT -5
Hi Steve I need to pick your brain, I'm making a website for school and I have specifc requirements but no matter what HTML I try it won't let me do certain things, things my teacher wants. Now you're smart so u might be able 2 work a way round the problem. 1) A logo either side of the title, the logo would take the form of a picture so it would be on a page Logo - title - logo I can't make the HTML do that for me and the program I was going to use illuminatus opus has to download source files to work and my teacher wouldn't want that. 2) Text next to a menu, so u have the menu at the side like this one for example this one www.javascriptkit.com/script/script2/coolmenu.shtmlI can't make it so I have writing beside the menu, I'm not particularly attached to that one, it's just the links have to be in boxes one on top of the other like that, again something my teacher wants. If you can solve these problems that wd be fantastic, I just don't know where 2 begin, I've been trying 2 solve these problems ever since I started 2 make websites but found a way round it, my teacher doesn't want a way round it. Thanks in advance. Spy_Master100880
|
|
KateLovesDennis
Pharmacist
"It will be alright. This IS a Police Station."
Posts: 350
|
Post by KateLovesDennis on Jul 13, 2004 13:13:06 GMT -5
You can do it with tables for the logo, title logo bit at least. Do a table with three columns and put the logos in the outer two columns and the title in the middle one. If you center it you should get the effect you want: ie: (change the [ for < and ] for > )
|
|
|
Post by Spy_Master on Jul 14, 2004 12:14:03 GMT -5
|
|
KateLovesDennis
Pharmacist
"It will be alright. This IS a Police Station."
Posts: 350
|
Post by KateLovesDennis on Jul 14, 2004 13:03:11 GMT -5
Whoops got it wrong way round, sorry. Should be: [/td] [td] this is my title [/td] [td] [/td] [/table] That makes it go across the page.
|
|
KateLovesDennis
Pharmacist
"It will be alright. This IS a Police Station."
Posts: 350
|
Post by KateLovesDennis on Jul 14, 2004 13:06:04 GMT -5
Whoops got it wrong way round, sorry. Should be: [/td] [td] this is my title [/td] [td] [/td] [/table] That makes it go across the page. [/quote] Awww wierd message board!!!! it's taken it as html Still that proves it works ;D it should be: [ table] [ td] [ tr] [ img src="logo.jpg"] [ /tr] [ tr] this is my title [ /tr] [ tr] [ img src="logo.jpg"] [ /tr] [ /table] Hope that shows up as the text
|
|
|
Post by Spy_Master on Jul 14, 2004 13:48:48 GMT -5
unless I'm missing something fundementally improtant the 2 look the smae 2 me, indentical in fact, perhaps I'm doing something wrong but that's what's happening, the same thing, and the HTML looks identical Spy_Master100880
|
|
KateLovesDennis
Pharmacist
"It will be alright. This IS a Police Station."
Posts: 350
|
Post by KateLovesDennis on Jul 15, 2004 5:36:30 GMT -5
Oh stupid me, that's what happens when you do things when you're tired. I'd copied and pasted the origional, altered it and the board read it as html and it showed up as it should then I pasted it again and didn't alter it. Stupid person. Oh well try again, I hope this isn't urgent! [ table] [ td] [ img src="logo.jpg"] [ /td] [ td] this is my title [ /td] [ td] [ /td] [/table] I think that's it.
|
|
|
Post by Spy_Master on Jul 15, 2004 11:35:38 GMT -5
oh yey it worked, thanks so much Kate, no scratch that thankyou thankyou thankyou thankyou thankyou and thankyou 4 like 4eva. It was urgent but I can make excuses with the best of them, I just hope either I can solve the problem myself or Steve works a quick miracle soon, my teachers getting suspicious and I'm running out of excuses and sadly the truth won't work lol Spy_Master100880
|
|
KateLovesDennis
Pharmacist
"It will be alright. This IS a Police Station."
Posts: 350
|
Post by KateLovesDennis on Jul 15, 2004 16:11:07 GMT -5
That's Ok, just sorry I got it wrong the first twice
|
|
|
Post by Steve on Jul 16, 2004 13:51:04 GMT -5
Hi SpyMaster, sorry I wasn't around - I was away on a training course all week. I see Kate has taken care of problem No.1 - are you still looking for a solution to the menu list with text?
If so, I'm not quite sure what effect you are trying to achieve. You already know how to make a list of clickable links with text displaced to the right, because you have done that on your Games page, here (foot of the page):
www.freewebs.com/staidens/GAMES.HTML
A little editing to that would give you the effect that you want, so presumably you're looking for something else? You can remove the vertical gaps between the graphics boxes, change them to a more suitable size and proportions, and alter the text size to something appropriate and that's that one taken care of.
Can you describe what you're looking for again - I'm really just not sure where you want the text to appear.
Thanks.
|
|
|
Post by Spy_Master on Jul 18, 2004 4:54:13 GMT -5
Ok Steve, I just wrote out like a ton of stuff on here trying to explain it all, but while I was trying 2 explain it I had like brainwave after brainwave and I've solved my own problem, I hope. I used a frame, which I know some people don't like but it's not annoying on anything.
But while I was doing that I came up with 2 more problems which will be easier 4 u 2 answer.
1) On your site u have like a mail me button, I want 2 hide my e-mail address so people click like on that and it opens their mail program, just like on yours, u couldn't help me with how 2 do that. I've been fiddling around with mailto: but that shows ur e-mail address in the bottom left hand corner when ur mouse goes over it and when I look on yours it doens't.
2) I did have another but I've completely forgotten it.
I'm sorry 4 wasting ur time but I really don't get this mailto: thing, this ones not 4 me, It's 4 my mum and her business, she had a site with her e-mail addy up on it and the harvesters found it and she is now getting like 100 porno e-mails a day, she uses mail washer so that's ok but she'd prefer not 2 get them at all really.
Thanks Steve Spy_Master100880
|
|
|
Post by Spy_Master on Jul 18, 2004 8:11:07 GMT -5
ok remembered my 2nd question
2) How do u make your page ajust to other peoples screen size, I mean I have a 17 inch monitor so the pages I make will look different on a 15 inch monitor, how do I make it so it ajusts.
Thanks Steve Spy_Master100880
|
|
|
Post by Steve on Jul 18, 2004 10:20:51 GMT -5
Firstly, e-mail addresses. My e-mail address on that page isn't encoded at all, so it should show up in your status bar when you run the cursor over it. Possibly your status bar is turned off? View - Status Bar to toggle it on and off.
Okay, so whether or not you can encode your e-mail address to make it unreadable to harvesting bots really depends on what kind of a website you have. If you are using some form of active scripting, e.g. javascript or cgi, then it's easy enough to do, and a search including the terms mailto and hide should lead you to a stack of scripts that you can copy and paste and the job is done.
If however, it's a basic html site, then the options are very limited. I only know of one way to do it in html, and that is to encode the address within your source code, by converting the binary ascii characters (i.e. the letters) to numerical values using an alternative number base - e.g. decimal or hexadecimal. You don't need to know how to convert, because there are sites out there with embedded conversion scripts and they will do the conversion for you. I'll post a link later.
Bear in mind that the bots never get to view the page - they just trawl the source code, looking for the ascii character string mailto and/or @ and then they lift the characters which accompany that, i.e. the e-mail address. So if you can encode those characters then you can defeat the bots.
To make it easier to follow, I'll put the coding into a separate post.
|
|
|
Post by Steve on Jul 18, 2004 11:12:09 GMT -5
Okay, so what we would normally put in the html source code is this:
<a href="mailto:autoforward@email.com">Contact me</a>
That's no use for our purposes because it contains both mailto and @ and the bots will spot it.
Now go to this conversion page
Link: www.wbwip.com/wbw/emailencoder.html
and convert mailto into a decimal value, and also @ into a decimal value and then substitute them into your source code.
The source code now contains neither mailto nor @ and therefore the bots should skip over that section and be unaware that it's an e-mail address.
If you give that a try, and then run the cursor over your e-mail link, you will still see the standard format e-mail address (e.g. mailto:autoforward@email.com) down in the status bar - but remember the bots can't do that - they can only search within the source code - and within there it is encrypted. Let me know if you have any questions on that.
|
|
|
Post by Steve on Jul 18, 2004 18:47:20 GMT -5
"I have a 17 inch monitor so the pages I make will look different on a 15 inch monitor"
Um, no they won't. They will look exactly the same, but the smaller monitor will have everything slightly scaled down, that's all.
Say you create a page with a matrix of squares - 10 vertical x 10 horizontal, making a page with 100 squares. View that page on a 17" monitor and you will see all 100 squares. Now view the same page on a 15" monitor and you will still see all 100 squares - only they will be slightly smaller on the smaller monitor, but all 100 will still be there. It's the same as watching a TV programme on a big TV, while also viewing on a portable TV. The visible picture content is identical, but everything is scaled-down on the portable.
I think maybe you are thinking of screen resolution, which is something different. You will have your display set to a given resolution, let's say it's 800x600 pixels, and let's say you design a webpage which you feel has a pleasing layout. That page will have also have exactly the same layout for anybody else viewing at 800x600 pixels - completely regardless of their monitor size.
Now let's say somebody views that same page at a resolution of 1024x768 pixels. Everything will appear smaller - both graphics and text, and more of the page will now appear on the screen, therefore requiring less scrolling. This is one of the benefits of using a larger resolution - less scrolling required. If however, like me, your close-up vision isn't what it used to be, then the text can be difficult to read.
If you now design a page while using 1024 x 768 resolution on your own display, and somebody else views that page at the same resolution, they will see exactly what you intended them to see - regardless of their monitor size.
However, if somebody views that page at the lesser resolution of 800 x 600, then everything will appear larger than you intended it to, and so less of the page will appear on screen - therefore requiring more scrolling to navigate around the page. The full page contents are still available - it just requires more scrolling to see it all. Because everything appears larger though, some people will find the page easier to read.
My preference would be for a larger resolution, because that requires less scrolling. However, that makes everything appear smaller and so that can make a lot of pages difficult for me to read. Therefore I use a lower resolution, which means I have to scroll more but I can read things without squinting at them.
If you choose any webpage, and then alter your resolution back and forth between say 800x600 and 1024x768, you will see what I mean.
800x600 used to be by far the most common resolution, but a lot more people use 1024x768 now too. I think most pages used to be designed for 800x600 but I imagine that more pages are being designed for the higher resolutions now. You don't have control over the resolution of the display of the person viewing your page, so probably the best that you can do is to do a search to find out which is the most common display resolution in use today, and design for that. If it's fairly evenly split between two resolutions, then probably you should design in the one which you're most comfortable with but also make a point of viewing the page in the other resolution too, to make sure that the layout is still acceptable.
It's a big subject, but that's the basics. There's a whole lot more to it than that, so as usual if you have any questions, just ask.
|
|