Jump to content

BiteMe

Members
  • Posts

    63
  • Joined

  • Last visited

Everything posted by BiteMe

  1. BiteMe

    Warnings vs Errors

    If its just a warning it is still valid css.The background-color thing is a real pain, and you are not alone. It is a bug and will be corrected in future. (i hope )
  2. As far as im aware 'transparent' doesnt even work let alone validate.Im sure this will be corrected for future
  3. Man i feel your painUse background-color:inherit; if you can this will valdate, but even this is no 100% fix for examplehttp://w3schools.invisionzocom/index.php?s...ic=6650&hl=
  4. try this on the main nav-use a 180x1px transparent gifbackground-image:url(transparent.gif);background-repeat:repeat-y;height:100%;This is a quick fix whilst im between meetings. Will have a look later
  5. try giving the rcontainer a negative margin of 48pxmargin-top:-48px;although this is a quick fix as it still wont sit flush on 800x600 restry and have a look later
  6. BiteMe

    Class Issues

    a.current is not and attribute of an anchor tag.
  7. BiteMe

    More IE issues

    without code cant really help to much, but try z-index(ing) toy with the position:absolute/relative or float and clear the containing divsIf you give us the code and css it may become clearer
  8. BiteMe

    Class Issues

    best of luck friend
  9. BiteMe

    Class Issues

    Ahhhhh i see,Ok this isnt exactly correct but you can get the idea from this. For ie use a:active <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--ul li { background-color:#336699; width:150px; margin-bottom:30px; padding:5px;}ul li a{ background-color:#336699;}ul li a:hover{ background-color:#FF6699;}ul li a:active{ background-color:#FFFF66;}--></style></head><body><ul><li><a href="#" title="Faculty" class="current">Faculty</a></li><li><a href="#" title="Faculty" class="current">Faculty</a></li><li><a href="#" title="Faculty" class="current">Faculty</a></li></ul></body></html> oh p.sDont be sucked in to this whole 'ie sucks, and FF is great' debate. If you ask me i would take ie over FF, ie may not support css properly but it was around longer than css became popular. Its a bit like saying ie v4 doesnt display it right...well duh. I find FF slow and has just as many bugs as ie. But, and this is important, over 50% still use ie, so if you design for the minority and disregard the majority, you may not achive what you hope to.Dont think im being preachy, just trying to help
  10. BiteMe

    Class Issues

    well for a start you are using an image, which we dont have access to so cant recreate the problem
  11. To make things easier for us all, please post the css & xhtml in you post. (wrap it in code here )in the mean time have a look at this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">body { margin:20px 10%; padding:0; background:#D1DCE9; color:#000;}#container { background:#B1B3D6; border:1px solid #000;}#header { border-bottom:1px solid red; background:#ffffCC; text-align:center;}#left { margin-left:-169px;/* must be 1 pixel less than width*/ float:left; width:170px;/* must be same as left margin on #middle*/ position:relative; left:-2px;/* line up exactly */ display:inline;/* ie fix*/}#right { margin-right:-169px;/* must be 1 pixel less than width*/ float:right; width:170px;/* must be same as right margin on #middle*/ position:relative; right:-2px;/* line up */ display:inline;/* ie fix*/}* html #left{margin-right:-3px;}/* 3 pixel jog*/* html #right{margin-left:-3px;}/* 3 pixel jog*/#middle { border-left:1px solid red; border-right:1px solid red; background:#6FACD0; margin-left:170px; margin-right:170px;}/* mac hide and combat ie's 3 pixel jog \*/* html #centre{overflow:hidden;float:left;width:100%}* html #middle {height:1%;}/* end hide*/#footer { clear:both; border-top:1px solid red; border-bottom:1px solid red; height:50px; background:yellow; text-align:center;}h1,h3,p {margin-top:0}img{float:right;}.clearer{ height:1px; overflow:hidden; margin-top:-1px; clear:both;}</style></head><body><div id="container"> <div id="header"> <h1>Header</h1> </div> <div id="middle"> <div id="left"> <p>Left Content :</p> <p>Left Content :</p> <p>Left Content :</p> <p>Left Content :</p> <p>Left Content :</p> </div> <div id="right"> <p>Right Content :</p> <p>Right Content :</p> <p>Right Content :</p> </div> <div id="centre"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.</p> </div> <div class="clearer"></div> </div> <div id="footer"> <h3>Footer - <a href="3colfixedtest_4.htm">Back to Main Demo</a> - Footer</h3> </div></div></body></html>
  12. Looks the same to me friend
  13. The sitepoint books are an excellent source of info, as is their website and forums. V helpful
  14. html & xhtml are quite a lot different from the languages you have exp in.I dont think of CSS as a template maker, simply because you can have all the same or different pages with completely different styles. So if 2 pages are the same and another 2 are different you only have to create 2 styles and save as... (hope that makes sense)Also there are a few of different ways to achive what you are after, so you will probably get advice for more than one way to go about displaying your page, plus you have to think about what works cross browser.i could go into great detail about this & that. But time is money, so i will supply this link for your reference.Hope this helps pmob.co.uk
  15. BiteMe

    scrollbar

    Scrollbar attribute's wont validate though my friend.
  16. Hellotry changing, the margin on the mid colmargin: 10px 0 0 250px;
  17. BiteMe

    FUN WITH CSS POSITIONING

    Hmmmm... let me gaze in to my magic crystal ball.......ahhhh its a bit cloudy perhaps some code would help.Sorry we aint mind readers
  18. BiteMe

    vertical-align

    Well you could let us know what it is you are trying to achive!Are you trying to get the login boxes to go in that grey strip?
  19. Let me gaze in to my crystal ball........Hmmm, its a bit cloudy, perhaps some code might help.
  20. Well using the code you supplied and the css, adding a margin 0 to the h1 tag worked fine this end. Am i missing some css?
  21. Thats the spirit lad, dont take things too personal. Good on yer The new one is much better. im not feeling the green/yellow flava you got at the top, but this is much better.However (you may know this already) it has 19 errors against w3c validation.looky>>Shout back if you need a hand corretcing them.Get the code valid, it will improve your skill set and make the css, more browser effective
  22. WHAT!!!!!???Are we looking at the same site? Bloody awful is what i'd say. The images are shockingly bad, the header is a mess and that yellow & black mess, whats that all about.However i do like your main content box, that is nicely laid out. So thumbs up for that.But the top section stinks, like a skunk, a skunk rolled in vomit.
  23. Then you should read up about itA good place to start
×
×
  • Create New...