Jump to content

ste

Members
  • Posts

    372
  • Joined

  • Last visited

Posts posted by ste

  1. the link you posted above is in a framesetheres the correct link: http://www.branmuffinindustries.com/thinks...node/index.htmlfirst off your logo isnt displaying properly in ie6 because ie6 does not support alpha transparency in pngs there is a fix in this thread:http://w3schools.invisionzone.com/index.ph...c=10683&hl=or you could just use a gif (not as good quality though)next thing. it looks like the news section is getting pushed down in IE check the widths margins and paddings for this and maybe make them a bit thinner in your IE style sheet

  2. it sounds obvious, but you should use <p> tags for paragraphs. so in this case you are making navigation (i.e. a list of links) so use <ul> its better for your page ranking to write semantically correct html. with css nowadays we have no need for spacer images, layout tables or the method Skemcin suggests abovethe logical use for the <br> element is forcing a line break. using them to create a visual space between elements is not correct.an example of un-semantic code would be

    <strong>Google</strong><br />Google Inc. (NASDAQ: GOOG and LSE: GGEA) is an American public corporation, specializing in Internet search and online advertising.<br /><a href="http://www.google.com">Google</a><br /><br />

    Now another way of writing that:

    <h2>Google</h2><p>Google Inc. (NASDAQ: GOOG and LSE: GGEA) is an American public corporation, specializing in Internet search and online advertising.<br /><a href="http://www.google.com">Google</a></p>

    Now this way when the bots read your page they see that this paragraph has a heading, keywords and a link that all belong together whereas the previous way they are all seperated.so we use br to make a line break and margins for the space between text elements e.g. p {margin:15px 0;}hope this helps

  3. I have no idea how to make the content box span a certain width that would be able to change with a change in the browser width.
    its called a liquid layout. basically you want to use percentages instead of pixels when specifying widthe.g. div {width: 80%;}
  4. you write the code xhtml, css etc. in a html editor.there are many different kinds including Text-based (notepad etc) editors & WYSIWYG (What You See Is What You Get) editors like dreamweaver. there is a good thread here about various html editors:http://w3schools.invisionzone.com/index.php?showtopic=760

    usually either using some form of text editor or syntax highlighting software (not publishing software).
    syntax highlighting is just a feature that is included in some text editors
  5. I guess i am making things more difficult than they really are, but i can't find another way.
    yep, you dont need absolute positioning instead you can use css to make a list flow horizontally by using display: inline; try something like thishtml:
    <!-- start menu --><div id ="navcontainer"><ul id="navlist"><li><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Products</a></li><li><a href="#">Contact</a></li></ul></div><!-- end menu -->

    css:

    /* navigation */#navcontainer{text-align: left; height:20px; width:740px; background-color: #eee;}#navlist{margin: 0; padding:2px; color: #fff;}#navlist ul, #navlist li{margin: 0; padding: 0; display: inline; list-style-type: none;}#navlist a:link, #navlist a:visited{float: left; padding-right: 12px;}#navlist a:hover	{font-weight: bold;}

  6. instead of wrapping the images and text in a div with this style

    <div class="shadow">

    why not just the text parts, then float the images alongside in divs that dont have your transparency class

  7. can you give a link to the drafts you have done so we can get an idea of what they mean do they have a logo if not, you can create one. use the colours they suggested for this and use a suitable font for pets. maybe add a paw or a sitting dog to the logo as a symbolgo to a stock photography website and do a search for pets, find a nice image and create a banner in photoshopadding a good looking menu and possibly some animal themed icons. use the shades of blue they suggested for hyperlinks.

  8. ah ok i misunderstood btw i just ran this through the validator and it passed

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><title>#</title></head><body><ol><li><b>Topic 1</b> - text text text</li></ol></body></html>

    and thats xhtml strict, are you sure your code wont validate? what was the error?

×
×
  • Create New...