Jump to content

ste

Members
  • Content Count

    372
  • Joined

  • Last visited

Community Reputation

0 Neutral

About ste

  • Rank
    Member
  • Birthday 12/04/1980

Previous Fields

  • Languages
    HTML, CSS, PHP, Javascript

Contact Methods

  • Website URL
    http://
  • ICQ
    0

Profile Information

  • Location
    Dublin, Ireland
  • Interests
    art & design, jazz music, technology
  1. Yes, you can use media queries to specify different styles depending on screen size. An example of a CSS media querymax-device-width: 480px With the rise of many different mobile devices browsing the web there has been a lot of talk of 'responsive web design' in the CSS community of late. Check out this article for more: http://www.alistapart.com/articles/responsive-web-design/
  2. There is a background-size property in CSS3 but it is not supported in IE. Example: html { background: url(images/bg.jpg) no-repeat center center fixed; background-size: cover;} Here's another method that should work in all browsers, suggested by Ingolme the last time this question came up. Use an ordinary image and use z-index to place content on top. Example: <img src="images/bg.jpg" id="bg">#bg { position:fixed; top:0; left:0; min-width:100%; min-height:100%;} It could also be done with Javascipt
  3. You have removed the default margin from the list elements (LI's) but not the UL itself. Where you have #content ul li { margin:0px; padding:0px; list-style-position:inside;} That targets only the LI's within the UL Try changing it to #content ul, #content ul li { margin:0px; padding:0px; list-style-position:inside;} The comma separates the two
  4. On 2nd thought, a better solution when you have a container like your footer that must not overflow, just set overflow to hidden e.g. #footer{overflow: hidden; position:relative; margin-top:-93px; width:100%; height:93px; background:url('images/footer.png') bottom no-repeat;} This way you know that it won't be stretched by any elements beyond the 93px height you have set
  5. Hi, The problem is caused by the last link, the one with the class "copyright" It's not actually the CSS for that class but the inherited CSS from ".contact a" where there is a height of 57px set. This is causing all the links within ".contact" to inherit this height. Solution:set a specific height for "copyright" e.g. height: auto; .contact a.copyright {height: auto; margin-top: 14px;margin-left:-80px; font-family: Verdana, sens-serif;}
  6. Can you post your HTML and CSS? or preferably a link to the page online
  7. Edit: never mind. Didn't see last post
  8. These questions about semantics come up quite often. In my opinion, accessibility should be a concern for all developers. If you ever test a page with a screen reader you can see the difference between poorly coded pages and well written, semantically correct pages. Considering the many visual impaired people who use the internet, it's important and apart from that It's good for search engine optimisation.A sites navigation is essentially a group of links and as such they should be grouped together. A list is really ideal for this.
  9. I usually achieve this without list-style-image instaed I just use a background on the LI's and offset the image with background-position, to prevent the text from overlapping I add some padding.This worked for me on a previous project. http://www.centsense.ie/parents (You can see the ul at the bottom of this page) ul.ticked {list-style-type: none; margin: 30px 30px 30px 10px;}ul.ticked li {padding: 0 0 6px 20px; background: transparent url("../images/tick.gif") no-repeat; background-position:0 3px;}
  10. ste

    Image sprite code error?

    You have a negative top margin, are you sure you need that. It could be pushing it off the screen. If you post a link to the page here, we would be better able to help as the CSS looks ok as it is, but there maybe other factors causing the issue.EDIT: Oops, I see O. Samuel already suggested re. the negative margin
  11. I think you should put a logo, or at least the page name in the header of your site. It doesn't appear until the footer. Also the page has very little written content. It would be better if you had an explanation of what services you offer in the main content area. You should put your contact details or a form on the site so people have a way to contact you.
  12. It is possible, but only with JavaScripthttp://www.bulgaria-web-developers.com/pro...ript/selectbox/
  13. These are usually refereed to as lightboxes, It's achieved by using JavaScript to show/hide a DIV on top of the page content. If you are already using a JS library like JQuery or Mootools they have many light-box plug-ins available. There are also plenty of standalone versions available. just Google Javascript Lightbox
×
×
  • Create New...