Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

insanepenguin

Members
  • Joined

  • Last visited

Reputation Activity

  1. Like
    insanepenguin reacted to Stevo in Another IE float problem....   
    You've got a rogue div tag above the doctype:
     

    <div id="main"> <!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"> <head> ...
  2. Like
    insanepenguin reacted to mteam in Flash layout break   
    Either Add or change the following
     
     

    #jsddm{position:absolute;} .header-content{width:267px;background:url("./images/header-content.jpg") no-repeat scroll 0 -36px transparent;height:380px;} .header-image{margin:36px 0 0;} .header-content .indent-text {margin:-16px 17px 0 30px;}
     
    hth
  3. Like
    insanepenguin reacted to pat24 in jquery z-index?   
    in jflow css #wrap put
     
    clear:both;
  4. Like
    insanepenguin reacted to Dizi in Sidebar stays on the bottom...   
    Its quite hard to guess what your code is doing as I am guessing that it is coded for wordpress and that creates the posts on your left.
     
    If you look at the code that it is creating within the browser:

    <div id="main"> <div id="maincontent"> <div class="post-item"> (your post is here just took it out to save space) </div><!--end post item--> <div id="main"> <div id="maincontent"> <div class="post-item"> (your post is here just took it out to save space) </div><!--end post item--> </div><!--end maincontent--> <ul id="sidebar">...ect
     
    your opening a main, opening a maincontent, opening a post-item, posting item, closing post, opening another main, opening another main content...ect then you only close one main and one main content not all 3 that you do actually produce in the code.
     
    So I am only guessing here that in the actual code that you are creating you have put the main and maincontent ids into the loop for your posts, so when it cycles to show the next post it adds an extra main and maincontent into the code that the browser renders. Have a look at the php and make it so the loop starts after these two containers not before.
     
     
    Then if I am right that should fix the issue
  5. Like
    Looks like setting a height on your #logo fixes the jumping
     
     
     
    In ie8 Your themal imagery is dropping down to the next line
  6. Like
    The problem is the nesting of your menus - you need to take care
    It should be something like

    <div> <ul> <!--start of menu --> <li></li> <li></li> <li> <!--start of sub menu --> <ul> <li></li> <li></li> </ul> </li> <!--end of sub menu --> </ul> <!--end of menu --> </div>
     
    There was an error on the home page - corrected code should be
     

    <!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=utf-8" /> <title>home</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="logo"> <img src="logo.jpg" alt="logo" /> </div><!--end logo--> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="index.html" id="current">Home</a></li> <li><a href="about.html">About us</a></li> <li><a href="services.html">Services</a></li> <li><a href="contact.html">Contact</a> <ul id="subnavlist"> <li id="subactive"><a href="residential.html" id="subcurrent">Residential</a></li> <li><a href="commercial.html">Commercial</a></li> <li><a href="publicsector.html">Public Sector</a></li> </ul> </li> </ul> </div> </div><!--end wrap--> </body> </html>
     
    I would check your other pages too!
  7. Like
    insanepenguin reacted to Wickham in IE 6+7 chopped my nav in half!   
    Add z-index: 5; position: relative; to #usual1

    #usual1{ z-index: 5; position: relative; margin-top:-56px; float:left; width:650px; }
     
    Something in the same table is blocking the top part; the negative margin-top is taking it behind the cell above.
  8. Like
    insanepenguin reacted to empek in What type of navigation is this?   
    Yes, and then using CSS and/or jQuery/Mootools, you can make it functional when you hover, or when you click.
     
    Attached is a zip of a working demo and all the source files.
     
    DEMO PAGE
     
    +1 me for a working demo
     
    glassNav.zip
     
    EDIT: Oh dang, I overdid it! LOL, well I hope the nav is useful to someone.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.