Jump to content

Search the Community

Showing results for tags 'css help'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 2 results

  1. hey guys please l need help with my css drop down menu.l got the 1 level drop down right but cant seem to be able to add the 2 nd level. this is the code html <ul id="navbar" > <li><a href="#">HOME</a></li> <li><a href="#">COMPANY</a></li> <li><a href="#">PRODUCTS</a> <ul> <li><a href="#">Steel Profile</a></li> <li><a href="#">Steel Pipe</a> <ul> <li><a href="#">welded steel pipe</a></li> <li><a href="#">seamless steel pipe</a></li> </ul> </li> <li><a href="#">Steel Coil</a></li> </ul> </li> <li><a href="#">PROFILE</a></li> <li><a href="#">SALES NETWORK</a></li> <li><a href="#">CONTACTS</a></li> <li> </ul> css #navbar { margin: 0; padding: 0; height: 1em; } #navbar li { list-style: none; float: left; } #navbar li a { display: block; padding: 3px 8px; background-color: #5e8ce9; color: #fff; text-decoration: none; } #navbar li ul { display: none; width: 10em; /* Width to help Opera out */ background-color: #69f;} #navbar li:hover ul { display: block; position: absolute; margin: 0; padding: 0; } #navbar li:hover li { float: none; } #navbar li:hover li a { background-color: #69f; border-bottom: 1px solid #fff; color: #000; } #navbar li li a:hover { background-color: #8db3ff; } #navbar li li ul { display:none; } #navbar li li:hover ul { display:block; left:150px; margin-top: -1.5em; } #navbar li li:hover li { float:right; } thanks for your help
  2. Hi,I don't know if this is possible, but, I am getting back into web design and don't know how to do this. What I am attempting is quite a simple idea, I have a background image I created in photoshop with its "flicks" & "flares" and what not. I have set it as a part of my banner_bg in my responsive CSS code, but, what is happening ( of course this would be the problem I face) is the background image is re-sizing to fit in the fluid design. What I want it to do is stay static, and simply Crop the areas outside of the devices boundaries. So that I dont loose the effectiveness of my logo and don't impede on the image's visibility. And no, before anyone asks, I do not want to have my logo separate as my design has taken several months to perfect and incorporate into, what I would call, "A Fluid Crop Design". Would have been good to see if I could get the code first though, haha.I hope this isn't too vague. I have seen it before but can't remember where. Does anyone have a code to help me, or, does anyone know what I'm actually talking about? Thanks in advance to anyone who posts.
×
×
  • Create New...