Jump to content

ste

Members
  • Posts

    372
  • Joined

  • Last visited

Posts posted by ste

  1. i think your problem is that you are floating elements, when you float an element, it takes it out of the flow of the document in standards complacient browsers such as FF but not IE. so basically FF considers the container element (that has the background) emptytry clearing the float after the content e.g. <div style="clear:both"></div>hope this helps, ste

  2. Aha ! And here I was wondering ... I thought I had the grasp of css styling .... but I realized that with css I can't show the same images (menu images e.t.c.) in every page.So I should put those in a separate php file which I should include in every page I guess eh ? Now let's see ... gonna re-read the php tutorial of w3c to see how I can accomplish this :)
    i think you misunderstood. What i meant is you design the site with html & css you then seperate the html into php files e.g. header/footer this way you can make changes to just a few files and having those changes propagated throughout the entire web site without having to edit every single file. So basically the css is controling the layout and the php includes are like a way to organise the html. I hope this is clearer now
  3. it looks like you have 4 fairly static pages (Home , Projects , Our Comic , About Us) and then the forum. i would probably code it like this:make the basic html template, split this into individual php files (header.php, footer.php etc) build the site with php includes then use third party software for the forum (whichever you prefer phpbb?) and try and style the forum to match the look of your site.

  4. CSS will eventually be replaced by XSL style sheets which format XML. But that does not mean its not a good idea to learn CSS because there are similarites between the two. I dont think its the language thats as important as understanding the concepts anyway.

  5. saying "screw it" to the majority of your users is a bad idea. i didnt get a chance to have a look at your page because you have edited away the link but there should be a way to achieve what you need without sacrificing most of your users. there is usually something that can be done. have you looked into css hacks ?

  6. ok first you need to make the tab buttons you will be using in Photoshop or whatever graphics program you use.an example of one of youtubes butons:tab_videos_118x28c3a.gif heres a tutorial on making tabs:http://www.spoono.com/photoshop/tutorials/tutorial.php?id=55youtube also has a bottom image background. e.g. (click for actual size)pic_globalnav_gradation_875x24678.png once you have your 4 different buttons and background. you can move on to the html/cssno need to put it in a form like you have above.html:

    <div id="navigation"><div class="tab"><a href="#"><img src="tab1.gif" /></a></div>	<div class="tab"><a href="#"><img src="tab2.gif" /></a></div><div class="tab"><a href="#"><img src="tab3.gif" /></a></div><div class="tab"><a href="#"><img src="tab4.gif" /></a></div></div><div id="NavBottom"> </div>

    css:

    navigation { height: 28px; }.tab 	{ float: left; width: 124px; border:0px }#NavBottom { clear: both; width: 100%; height: 24px; background: url(backgroundimage.gif) top left no-repeat; margin-bottom: 6px;}

    heres a finished example: (you can view the source code to see how it works)http://www.stefairclough.com/xbl1/

  7. Not much point in posting a template you spent 30 mins on with no doctype or even page title. You shouldnt hurry the process. Good design requires attention to detail. ive seen a few of your designs at this point and i think the major flaw with each has been a poor color palette. ditch the neon colors and try some lighter hues. heres an example of a nice palette:color154.gif the four colors to the right are monochromatic (tints and shades of a single color & a standard way of forming a complimentry color scheme) and then a pale orange tetradic color livins it up a bit. Its alot easier and pleasing to the eye than neon on black.Hope this helps :)

×
×
  • Create New...