Hi, all I am a newbie and learning css/html my self but need a little help (Full Version)

All Forums >> [Web Development] >> Expression Web Help



Message

paul1912005 -> Hi, all I am a newbie and learning css/html my self but need a little help (1/9/2008 16:13:46)

Been reading htmldog and thanks to some of you who gave me the link and others who have helped me in the past. Trouble is, I am just stuck, I would like to do web-site with a header so eg has a logo then a sidenav for the links and then next to the navbar the content and then at the bottom a footer. I've made a site like this but using floats are just a pain in FF2, just dosen't display right.

For get about the styles within the page as I do know they are ment to be within a page by them selfs but right now that dosen't solve my problem.

http://www.mycharacters.co.uk/Temp/HtmlTest/



obialor -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/9/2008 16:18:15)

Have you tried to look at some of the many templates that come with Expression Web? You may find something that you like.

Obi



Tailslide -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/9/2008 16:28:19)

Have you used valid code and a valid DOCTYPE?



jurgen -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/9/2008 16:28:34)

It's not a pain if your code is right. You have quiet a few mistakes within your page.

1. you have the doc type twice
2. you need to read up on css, like "id" and "class"
3. your have the footer doubled up

And that is just for a starter....



womble -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/9/2008 17:21:32)

Looking good now! Everything's validating okay. The only slight problem is that you've not got quite enough length on your side navigation/or your page is too long for the nav, depending which way you look at it. [;)]



Tailslide -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/10/2008 2:26:58)

I'd definitely avoid giving divs a height in general because as soon as someone makes the text bigger in their browser it overflows the layout.

A technique that will be well worth your getting to grips with is Faux Columns. This technique will allow you to create the effect of equal columns without having to specify actual heights - therefore retaining the required flexibility.



paul1912005 -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/11/2008 12:18:43)

Every thing on my page seems to be correct now http://www.mycharacters.co.uk/Temp/HtmlTest/ but only one problem remains.

Print-Preview is just all wrong, how can I make this site printpreview friendly?



Tailslide -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/11/2008 12:24:53)

I create a special stylesheet just for print in which I make anything I don't want visible display:none and remove any really big banner images or background images so as not to waste printer ink. I also remove the navigation and basically anything that's pointless in print plus unfloat floats etc.

Link to the stylesheet like this in your document head: 

<link rel="stylesheet" type="text/css" media="print" href="css/print.css"  />



paul1912005 -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/11/2008 12:46:51)

I could do that but why do I need to unfloat the floats? Oh and the other problem I wanted to point out is the increese text size. As you said before Ta using divs with heights they mess up the page when you make the text bigger in the browser, trouble is how do I over come this problem?



Tailslide -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/11/2008 14:20:57)

I unfloat the floats because generally (not always) they're unecessary for the printed page. I'd probably leave an image floated in amongst text as it is, but I'd unfloat a sidebar for instance.

To overcome the problem of layouts breaking when text size is increased, avoid setting heights for divs so that they can therefore expand as the text or as the content itself expands.



paul1912005 -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/13/2008 14:20:06)

I am stuck again, the horiztonal line isn't working for some reason as you can tell from the link.

http://www.mycharacters.co.uk/Temp/HtmlTest/

In FF it is working as it should but in IE7 its not working and I can't seem to fix it.

A friend pointed out to me as well that my site dosen't work in IE6, so I am not sure how to over come this problem with out going back to using tables, which I really don't want to do.

ps if I remove the float from the horiztonal line it works fine in IE7 but not in FF since it moves up to the top of the page.



d a v e -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/13/2008 14:49:03)

you have quite a typo here
Navagition

and you shouldn't underline text that isn't a link



paul1912005 -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/13/2008 15:19:24)

Wow point out the obvious. I wonder how this solves my problem? ah for get it. I will sort my problem out my self. For get or delete this post. I am removing my account from this site.



d a v e -> RE: Hi, all I am a newbie and learning css/html my self but need a little help (1/13/2008 15:23:19)

good. bye.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125