What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » Website coding tutorial websites

Pages: (6): « First « 1 2 [ 3 ] 4 5 6 » Last »
Website coding tutorial websites
Author: Message:
Plik
Veteran Member
*****

Avatar

Posts: 1489
Reputation: 46
34 / Male / –
Joined: Jun 2004
RE: Website coding tutorial websites
Remove the h3 tags around the ul and use css to change the formating, like it is designed to do :dodgy:
header tags (h1 to h5) are not ment to style your content, the are intended to be used for headers (captain obvious :P).
Infact you should never use html tags to apply a certain styling to your page, you should always use css rules.
HTML marks up the page, and CSS styles it ;)

Also get rid of that 500kb gif +o( it looks pants because it's over compressed, and its huuuudge.

quote:
Originally posted by Absorbation
just
code:
alt = ""
in your image tags ;)

you better not be implying that he uses blank alts to sidestep the validator, if you are then you should be shot :P
Doing things like that just to sidestep validation make your page no better. Alt attributes are important for people using text browsers and incase the image dies (along with countless other reasons)
if you meant include alt tags that arn't blank then ignore me :P
03-11-2006 04:44 PM
Profile PM Find Quote Report
DJKAL
Senior Member
****

Avatar

Posts: 800
Reputation: 14
33 / Male / –
Joined: Oct 2005
O.P. RE: Website coding tutorial websites
ok :)
so i'll change all of the text formatting in my website:| and then sort that (deleting html - replace with CSS :D )
and i did set the "alt=" " " as text anyway :P

and the 504kb image is the background and i want a fade much like that one and the only way to do it that i can think of is to set an image like that - and it has to be big to cover all of the area that the website takes up.
are there any other ways i can get a similar fade without that image?


EDIT:
i think...i think... i think i've sorted it :D
apart from a few errors (11) which i cant see how to fix i think it's ok :D
i am now using CSS instead of HTML for the text :D
and i have alt: "" tags
and DOCTYPE
and META tags
i think its ok

(to check go to: www.2347atc.teaspoondiner.net/index.htm
its only the homepahe in XHTML at the moment!
* DJKAL is happy and runs around bedroom dancing and being hyper
8-)
* DJKAL doesnt do hyper or dancing! so i was lying :dodgy:

Result:       Passed validation
YAAAAAAYYYYYYYYYYYY

This post was edited on 03-11-2006 at 05:16 PM by DJKAL.
"You don't sleep, you defragment!"
03-11-2006 04:49 PM
Profile E-Mail PM Web Find Quote Report
RaceProUK
Elite Member
*****

Avatar

Posts: 6073
Reputation: 57
39 / Male / Flag
Joined: Oct 2003
RE: Website coding tutorial websites
Instead of using a GIF, use a PNG for the background. It allows full 32-bit colour, and will compress well.
[Image: spartaafk.png]
03-12-2006 02:22 AM
Profile PM Web Find Quote Report
DJKAL
Senior Member
****

Avatar

Posts: 800
Reputation: 14
33 / Male / –
Joined: Oct 2005
O.P. RE: Website coding tutorial websites
i thought PNG took longer to load on the internet because if its huge size...

thats why i used gif and not PNG even though i considered PNG for that colour reason
"You don't sleep, you defragment!"
03-12-2006 09:22 AM
Profile E-Mail PM Web Find Quote Report
absorbation
Elite Member
*****

Avatar

Posts: 3636
Reputation: 81
– / Male / Flag
Joined: Feb 2005
RE: Website coding tutorial websites
Try PNG8 instead of PNG32, also you can strech the image so it does not need to be so big :P
03-12-2006 12:17 PM
Profile PM Find Quote Report
Plik
Veteran Member
*****

Avatar

Posts: 1489
Reputation: 46
34 / Male / –
Joined: Jun 2004
RE: Website coding tutorial websites
quote:
Originally posted by Absorbation
Try PNG8 instead of PNG32, also you can strech the image so it does not need to be so big :P
PNG8 will mess the colours up exactly like gif, because they both work by limiting the amount of colours in an image :dodgy:

And how would he go about stretching a background image? :-/

This post was edited on 03-12-2006 at 12:23 PM by Plik.
03-12-2006 12:23 PM
Profile PM Find Quote Report
DJKAL
Senior Member
****

Avatar

Posts: 800
Reputation: 14
33 / Male / –
Joined: Oct 2005
O.P. RE: Website coding tutorial websites
i have saved it as PNG
try and see what its like now :)
www.2347atc.teaspoondiner.net
"You don't sleep, you defragment!"
03-12-2006 12:51 PM
Profile E-Mail PM Web Find Quote Report
Plik
Veteran Member
*****

Avatar

Posts: 1489
Reputation: 46
34 / Male / –
Joined: Jun 2004
RE: Website coding tutorial websites
quote:
Originally posted by DJKAL
i have saved it as PNG
try and see what its like now :)
www.2347atc.teaspoondiner.net
1.4 MEGABYTES O.o

it should be illegal to use images of that size as a background image O.o
It took me over 6 seconds to load it :-/
And think of the bandwidth usage, if you have 100 unique visitors, then thats 140mbs of bandwidth just used on a background :-/

Try just having a plain background colour, it wouldn't look that bad, promise :P

This post was edited on 03-12-2006 at 01:06 PM by Plik.
03-12-2006 01:04 PM
Profile PM Find Quote Report
DJKAL
Senior Member
****

Avatar

Posts: 800
Reputation: 14
33 / Male / –
Joined: Oct 2005
O.P. RE: Website coding tutorial websites
i know the size is a bit :|:O:|:O
but i dont know any way to compress it

nah he wants a fade like that ( the site is for my mate's AC squadron )

EDIT:
the home page (i think)is to plain,
i was wondering if it was possable to get the hyperlinks on the left to go from where they are now and move to the left of the "2347ATC logo" (alt. text:P) but keeping the logo in the same place (centered)

i used:
code:
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}

but it didnt work  - it jsut made the image "dissapear" behing the background i think.
any way to solve this as the home page would look much better

This post was edited on 03-12-2006 at 03:03 PM by DJKAL.
"You don't sleep, you defragment!"
03-12-2006 01:10 PM
Profile E-Mail PM Web Find Quote Report
absorbation
Elite Member
*****

Avatar

Posts: 3636
Reputation: 81
– / Male / Flag
Joined: Feb 2005
RE: Website coding tutorial websites
You can make it fade going down very easy, I suggest you try that ;)
03-12-2006 03:20 PM
Profile PM Find Quote Report
Pages: (6): « First « 1 2 [ 3 ] 4 5 6 » Last »
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On