glittergal

The site has gone live so I'm working on the footer problem on the demo site which can be found here. I'm quite nervous about posting this work cos it's the first time anything I've done has been in the webdesigning domain!! <style type="text/css"> img, div, li, ul { behavior: url(iepngfix.htc) } h1 {font-family: Verdana, Tahoma; color: #000000; font-size: 18px; } h2 {font-family: Verdana, Tahoma; color: #000000; font-size: 18px; text-decoration: underline } h3 {font-family: Verdana, Tahoma; color: #000000; font-size: 18px; text-decoration: blink } h4 {font-family: Verdana, Tahoma; color: #000000; font-size: 14px; } h5 {font-family: Verdana, Tahoma; color: #000000; font-size: 15px; } h6 {font-family: Verdana, Tahoma; color: purple; font-size: 15px; } #wrapper { margin: 0 auto; width: 953px; text-align:left; position:relative; } body {background-color: #FF7F00; font-family: Verdana, Tahoma; color: #000000; font-size: 12px; text-align:center; } #content { text-align:justify; } #leftlogo { left: 0px; top: 0px; } #toplogo { position: absolute; left: 334px; top: 0px; } #title { position: absolute; left: 650px; top: 80px; } #content { position: absolute; left: 430px; top: 230px; width: 540px; } #titleballoons { position: absolute; left: 750px; top: 50px; } #links1 { position: absolute; left: 290px; top: 310px; } #map {position: absolute; left: 0px; top: 0px; } label { font: 11px Verdana, Tahoma; width: 20em; float: left; text-align: left; display: block } input { font: 11px Verdana, Tahoma; background-color: #F5E739; border: 1px solid #000000; display: block; width: 200px; } textarea { font: 11px Verdana, Tahoma; background-color: #F5E739; border: 1px solid #000000; display: block; width: 200px; height: 70px; } input#submit { margin-left: 26em; width: 60px; } ul { list-style-type: none; padding: 0; margin: 0; margin-left: 1em; } li { background-image: url(star.png); background-repeat: no-repeat; padding-left: 1.5em; padding-top: 0.1em; padding-bottom: 0.1em; } a, a:link, a:visited, a:hover, a:active { color: #A606CE; } img.floatLeft { float: left; margin-right: 4px; } img.floatRight { float: right; margin: 4px; } td { vertical-align: top; } #footer { clear:both; } </style> To be honest I would rather get rid of all the absoloute positioning and do it all properly with margins, padding etc.

Hi Everyone, I'm D and I've been hanging around here for a bit without introducing myself. I've been reading lots of threads and learning new stuff, as well as getting my questions answered by the whizzes out there! I'm self taught and have designed a few sites over the years. Over the past few months I've made 3 sites for friends, they have received a good response and through word of mouth I've been asked to make two more websites. It's come at a time where I need to make some money and I'm wondering if I should do a bit of freelance. My friends keep telling me I should and my sites look good, and do the job. But I know that the coding behind them isn't perfect and I know there are people out there who are so much more qualified than I am. I love working on the sites and I love learning and improving and I do so every day, but I guess I'm just scared at making that leap to actually charging for sites in case I'm discovered as a fraud!!! Ha ha! Not to mention the praticalities like what to charge, reselling etc etc Did anyone else lack in confidence and have 20th thoughts before starting out? Any tips or good resources for freelancers, apart from this place of course?!

I tried the above and it didn't work. The footer text is at the very top of the page. In HTML I have: <div id="footer"> FOOTER TEXT HERE</div> In CSS I have: #footer { clear:both; } Assuming that's the right code there must be something conflicting in my CSS?

Thanks for the replies - yes I would like the footer to be at the bottom of the page, no matter how long the content. I didn't realise that I didn't need to position it in CSS. I took the positioning out and just named the div 'Footer' but it never worked, and I am guessing it's because I have quite a lot of 'absolute' positioning in my CSS. Would that be the cause?

Hi everyone, I think I'm being stupid and I'm sure when someone gives me the answer I will see why but at the moment I am being tortured by this annoying problem!! I have made a website and each page differs in size vertically. The About page is shorter than the Biog page for example. So when it comes to putting a footer in place I am struggling. If I set the positioning in CSS then where it sits in one page won't suit all the pages. The only solution I can think of is to make several footers in CSS and specify them to suit each page individually. But I know that is not the answer!! Surely there is a cleaner way to do it. Should I just take the footer DIV out of CSS and into the HTML doc? I hope I have made sense. Thanks in advance.

That's wicked info and really helps. Thanks Daniel.

Hi everyone. I'm about to make a new website and have a question which has been bugging me for a while! If I have a left hand Div which contains a graphic - what length should I make that graphic? What's the best size to ensure it looks ok on different screen resolutions? I hope that makes sense, I'm not sure whether to make it 600 in length or should it be larger? Thanks for reading.

Thanks Neil for your response. Since I posted this morning I have been doiong a lot of reading on the CIW course, and everything I've read has agreed with your post. So yes I think the best way forward is lots of self learning. Thanks for the book recommendations. I shall check them out.

Hi Everyone, Web design for me has been a hobby and a tool I've used to create some websites for my business (I'm an actress). However I've been thinking about going pro and was wondering where to start. I assume most people have been to Uni, done degrees etc. Are there any courses people would recommend, home study or a specific qualification etc. I did a search on the net but a lot of them seem like money making ventures. Ie pay £500 for a DIY CD and Book. Any help would be appreciated.

Thanks for all the replies. I will have a look at the links and do some more learning.

Hi There everyone. I'm new to the forum. I'm self-taught and have made a few websites using HTML and CSS. However I'd like to expand and make a site that has animation - so perhaps moving menu buttons, or images across the screen etc etc. What I would like to know is, what is it that I'm trying to create?! Is it Java or is it just more HTML tricks? Is there a software package like Frontpage etc which animates for you, or is it a learning process? So many questions....any help would be appreciated.