vchris

I may try that.... so basically I need to save the glowing part of the image as a PNG and then with JS or server side detect the browser?

That's too much trouble... If there is no easy way I guess I'll stick to solid colors background for glows or no glow and gradient or pattern background.

What I wanna know is let's say you have a main container for your site and you want a black or white glow around it but you have a gradient background. Usually I would make an image of the glow or the whole width of the site and there you go! In this case the background changes color depending on the height of the page. I checked with the css shadow thingy but I think it's only on 1 side not all around... Any of you have tricks for this?Same for pattern backgrounds. Usually the pattern doesn't align correctly...

Wouldn't a simple usage of the :first-letter pseudo class do the trick?

a:first-letter:hover {color: red}

both IE and FF supported if we can trust the W3Schools' CSS reference.

<{POST_SNAPBACK}>

Tried it and the whole word lights up....

scott100 that's pretty much what I was thinking to do... Thanks

I think the title says it pretty clearly!Basically I have a link <a href="#">blah</a> and on hover I want the b to change to red let's say. The whole word is the link but only the b would change color on hover.This is only done in the navigation. I thought of doing two <a> tags for every link but is there a way with only css?

Site Name: Surreal IllusionsSite Description: My own site for mainly my photos.Site Owner/Developer: MeSite Address: http://www.surrealillusions.co.ukExtra Comments: none at the momentfeedback appreciated.

<{POST_SNAPBACK}>

I think your site is good but I find it kind of empty... It could use more images... background of somekind... something like that. If you need help with design there's an awesome site, DeviantArt. Go to browse web apps and check out all the designs. Gives me ideas when I need help.You should either have your page 750px width (for users 800x600) or 100% width. That's how I always design.

Well I fixed this by putting a simple fading bottom footer. It fades to the background color. Simple and hot

What about placing the footer div in the main container div then defining the footer like this

#footer{     position: relative;     bottom:0px;     left:0px;}

That way it is always attached to the bottom of the container, regardless of it's size.You would need be carful the content doesn't run underneath the footer tho adding some <br/> at the end of the content shoudld solve that or making a spacer div.

<{POST_SNAPBACK}>

And that would work in all browsers?

I tried your min-height and it doesn't seem to work.

Ah right, min-height but that dont work in IE so thats no good, other that that I dont know.EDITRight in IE you can just give the content div a set height and it will expand as needed.Then in Firefox use min-height instead as it wont expand the div as nessary but it will accept the min-height.

<{POST_SNAPBACK}>

Ok but with IE it will still only expand up to a certain point. Could I just put a height of 3000px?Maybe I can just create a nice fading border or something.

Sorry but I don't have any example... It's the site I showed in General. I have a container div that contains content, left nav and footer.For example: If I don't have much content on a certain page or the users resolution is very high, the page will end before the bottom of the screen which is pretty ugly I think. So I want to know if there is a way for the footer to always be at the bottom of the screen (expand the footer). So it looks like the page doesn't end.

I am not 100% sure what your saying there but design the site so it looks as you want it to in Firefox and then it is easy to make the adjutments need to get it to look the same in all browsers.It looks like a simple enough layout so you should not really be having any troubles.EDITI get what your saying now you mean the content for your site.    :)Why whay are you missing?

<{POST_SNAPBACK}>

Yes the content. I have a table that contains all the html elements and their compatibility with most used browsers.

I have a site I'm working on and I'm just having a small issue with it. I want the footer of the page to go all the way at the bottom of the users screen.I am using css and xhtml.

...<body><a name="top"></a><div id="mastercontainer">	<div class="header"></div>	<div class="hornav"></div>	<div class="breadcrumb"></div>	<div class="vertnav"></div>	<div class="content"></div>	<div class="footer">	<a href="#top"><img src="arrow-up.jpg" name="footerarrowup" alt="Back to top" width="30" height="17" onmouseover="myOn('footerarrowup')" onmouseout="myOut('footerarrowup')" /></a><br />	Copyright © 2006	</div></div></body></html>

This page is a width of 750px and I have a border of 2px around it. Presently the footer is simply at the end of the content and left nav areas. Is there a way for the footer to be all the way down the page? So it seems like the page is one big column.Thanks

I'll try to put it online soon.... It's hard to find a reference on all html elements. Some references are missing some tags but I want all of them and their compatibility with different browsers. I think I have most of them and my compatibility is pretty accurate. I can't be really sure about the compatibility since every site has different info about it...

that site definatly stands out from the rest of the tutorial sites, the layout is nice and clean no in your face pictures and great colour scheme. top marksi'd recommend using www.atspace.com to host your site temporarily no ads etc loadsa space. i prefer to see working examples, but by going on what i can see the site is looking good.

<{POST_SNAPBACK}>

Hey thanks man! Yeah maybe if a lot of people like it I'll continue that project. I may put it on that atspace.com of yours.

Typical I just tryed but got carnt find server it must be down for a min I will check againg in a short while but just off looking the attachment you have given it looks pretty cool.

What address did you try? If you tried codingtuts.com it's normal it's not online. I didn't buy the domain name yet.I am unsure when CodingTuts will be online.... I'm currently not working on it. I think it would look awesome. I may continue this project later on... It's a lot of work though.Thanks guys

Hey guys!!! Nobody said anything about mine!Check out mine at top of this page!

No they aren't coloured... :S

As I can see your scrollbar styles are still there so it should work. In my browser, your page doesn't need scrollbars... That would explain with it's not working.

If you're gonna be using Firefox to test your layouts and stuff I would highly recommend getting the web developer plug-in for it. It's awesome! I got it at home and when you have tables or divs you can see their borders for example... you can do lots of stuff that you wouldn't imagine doing in IE. Helps a lot with troubleshooting layout issues and stuff...Anyway give it a try.http://www.mozilla.org

You can find cool backgrounds on Google. Just type the name of the image you want or type in "background patterns" so you can find images that can easily repeat themselves and still look good.I wish I saw HTML and CSS at 8yo. hehe.... Anyway, have fun! If you need help don't be shy asking.

It is on a webserver which everyone has read access. I tried http, ftp, file and only file worked for me and another user beside me but not for other users (not sure which one). The path should be the same for everyone since it is absolute.HTTP indicates page cannot be displayedFTP indicates page cannot be displayedFILE Opens the PDF fileThe path to the pdf file is correct.

Hmmm.... says page cannot be displayed with FTP:... BTW I do have access to that server.yo boen... where did you get your idea for your signature?

I know that and the PDF file is on the network where everyone should have access. Should it really be HTTP?