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.

moodey-aimee

Members
  • Joined

  • Last visited

  1. i fixed it now. for some reason, it doesn't seem to like drop down menus with that highslide gallery, and doesn't work together...
  2. Hey, would anyone be able to help me with the Highslide Image gallery, i am using on here for my Portfolio. I have used it before and got it to work, but it doesn't seem to wanna go right on here, and it's giving me a headache. If you click on the thumbnails your see the controls are buggered up all over the image.. does anyone know whats wrong with it.. It's prob something in the coding with the css file or Javascript file, If anyone could tell me thanks alot. Also I would like the gallery centred in the middle, does anyone know how to do that.???? this is my Site im building - http://aimeetacchi.webs.com/webdesign.html Please help. Thanks
  3. That isn't really working well.. I need it to be like this sites menu My link
  4. I put the wrong code, that code was for the Home Page, and the home page is fine, cause it doesnt have no links on the second bar. It's this one, The About Page code and the other pages... <!-- Navigation is place where your links go --> <div id="navcontainer"> <div id="navbar"> <!--[if lte IE 7]> <script type="text/javascript"> sfHover = function() { var sfEls = document.getElementById("navbar").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); </script> <![endif]--> <ul class="menu"> <li><a href="home.html"><span>Home</span></a></li> <li class="haschild active current"><a href="about.html" class="haschild"><span>Contact/About</span></a> <ul> <li><a href="contact.html"><span>Contact Us</span></a></li> <li><a href=""><span>Our Location</span></a></li> <li><a href=""><span>Our Values</span></a></li> <li><a href=""><span>Privacy Policy</span></a></li> </ul></li> <li class="haschild"><a href="propostion-overview.html" class="haschild"><span>Our Propostion</span></a> <ul> <li><a href=""><span>Page 1</span></a></li> <li><a href=""><span>Page 2</span></a></li> <li><a href=""><span>Page 3</span></a></li> </ul></li> <li class="haschild"><a href="compliance-overview.html" class="haschild"><span>Compliance Services</span></a> <ul> <li><a href=""><span>HR</span></a></li> <li><a href="faq.html"><span>H & S</span></a></li> <li><a href=""><span>Standards Aquisition</span></a></li> </ul></li> <li class="haschild"><a href="" class="haschild"><span>Contract Management Services</span></a> <ul> <li><a href=""><span>Page 1</span></a></li> <li><a href=""><span>Page 2</span></a></li> </ul></li> <li class="haschild"><a href="" class="haschild"><span>Audit</span></a> <ul> <li><a href=""><span>Page 1</span></a></li> <li><a href=""><span>Page 2</span></a></li> </ul></li> </ul> </div> </div> <!-- End of Navigation -->
  5. Hey yer, this is the live page at the mo. Please Click here to see live page. If you scroll over the other Links such as - Our Propostion, Compliance Services, and that, they hover over the top of the About links. The About Links, are meant to dispear when u you hover over the next link. thanks
  6. Hey, I was wondering if anyone could help me sort out this Navigation, It's pretty much done, but the "Active" thing, seems to make the bottom menu stay up when you hover over the other Links, So you get the text hovering over text. Please also see picture, so what you got in this picture is your on the Contact/About Page, and you got the links below, but when you hover over the next link, Our Propostions, It will bring up the links over the top of the Contact/About Links... Does anyone know how to fix this please... Thanks This is the coding - CSS #navcontainer { height: 60px; width: 980px; margin: 0px auto; position: relative; float:left; } /* The Menu */ #navbar { margin: 0; padding: 0; position: absolute; top: 0; width: 980px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; } /* All lists must float */ #navbar ul { margin: 0; padding: 0; float: left; } /* Hide 3rd Level */ #navbar ul ul ul { left: -20000px; } /* All list-items must obey parent selector */ #navbar li { padding: 0; margin: 0; float: left; display: block; } /* Second level lists hide by default */ #navbar li ul { display: none; margin: 0; padding: 0; position: absolute; top:30px; height: 25px; overflow:hidden; left: 0; width:100%; } /* IE needs to know we are on a computer */ #navbar a { text-decoration: none; cursor: pointer; } /* Underline all sublevel hover a.links */ #navbar li ul a:hover, #navbar li.active ul a:hover { text-decoration: underline; } /* Underline all sublevel active a.links */ #navbar li li.active a, #navbar li li.active:hover a, #navbar li li.sfhover.active a { text-decoration: underline; } /* Keeps sublevel persistant */ #navbar li.active ul { display: block; } /* Makes sure sublevels stay on top */ #navbar li:hover ul, #navbar li.sfhover ul { display: block; z-index: 6000; height: 31px; } /* Top level a.links (sizes only) */ #navbar li a { display: block; float: left; padding: 0 15px; margin-right: 3px; height: 30px; line-height: 28px; } /* Second level a.links */ #navbar li ul a, #navbar li.active ul a { display: block; float: left; font-weight: normal; padding: 0 10px; background: none; height: 24px; line-height: 24px; color:#000; } /* First level list-items */ #navbar ul li { background-color:#9CB3EF; margin-right: 1px; } /* First level list-items (hover) */ #navbar ul li:hover, #navbar ul li.sfhover { background-color:#0060BF; } /* First level list-items (active) */ #navbar ul li.active { background-color:#0060BF; } /* Second level normal a.link */ #navbar ul li:hover ul, #navbar li.sfhover ul { } #navbar ul li.active a:link, #navbar ul li.active a:visited, #navbar ul li.active ul.sfhover { margin-right: 1px; } #navbar li.active li a:link, #navbar li.active li a:visited, #navbar li.active li a:hover, #navbar li:hover ul li a:link, #navbar li:hover ul li a:visited, #navbar li:hover ul li a:hover, #navbar li.sfhover ul li a:link, #navbar li.sfhover ul li a:visited, #navbar li.sfhover ul li a:hover, #navbar li li a:link, #navbar li li a:visited, #navbar li li a:hover { border: none; padding: 1px 14px; } #navbar ul li.active ul li, #navbar ul li ul li, #navbar ul li.active ul li:hover, #navbar ul li ul li:hover, #navbar ul li.active ul li.sfhover, #navbar ul li ul li.sfhover { border: none; background-image: none; } HTML <div id="navcontainer"> <div id="navbar"> <ul class="menu"> <li class="active current"><a href="home.html"><span>Home</span></a></li> <li class="haschild"><a href="about.html" class="haschild"><span>Contact/About Us</span></a> <ul> <li><a href="contact.html"><span>Contact Us</span></a></li> <li><a href=""><span>Our Location</span></a></li> <li><a href=""><span>Our Values</span></a></li> <li><a href=""><span>Privacy Policy</span></a></li> </ul></li> <li class="haschild"><a href="" class="haschild"><span>Our Propostion</span></a> <ul> <li><a href=""><span>Page 1</span></a></li> <li><a href=""><span>Page 2</span></a></li> <li><a href=""><span>Page 3</span></a></li> </ul></li> <li class="haschild"><a href="" class="haschild"><span>Compliance Services</span></a> <ul> <li><a href=""><span>HR</span></a></li> <li><a href="faq.html"><span>H & S</span></a></li> <li><a href=""><span>Standards Aquisition</span></a></li> </ul></li> <li><a href=""><span>Contract Management Services</span></a> <ul> <li><a href=""><span>Page 1</span></a></li> </ul></li> <li class="haschild"><a href="" class="haschild"><span>Audit</span></a> <ul> <li><a href=""><span>Page 1</span></a></li> </ul></li> </ul> </div> </div>
  7. So what I just submit a design, I have done on photoshop, Do I not need to do any coding for it? Just Submit a PSD file?
  8. ah ok thanks, so a theme like designing a website on photoshop, I don't quiet understand?
  9. oh ok, i'll have a look. what is prestashop?
  10. I can't really, im on job seekers. sorry
  11. Hello, I like using webs, also i do not own a Domain. so i have to have the .webs.com at the end. maybe when I have done the site up good i will buy a Domain. Do you know any better Web Hosting sites then?
  12. Thank you for all your help
  13. I added that, but the Right page text, is still on the left. i put this for the Css .left, .right{float:left;display:inline} /* fixes IE bugs */ .right{float:right} .clear{clear:both} .book{ background-image:url(container2-bkground3.png); background-repeat:no-repeat; height: 580px; text-align:left; margin-top: 5px; margin-left: 5px; margin-right: 5px; padding-left: 50px; padding-right: 470px; padding-bottom: 10px; padding-top: 20px;}
  14. hi all, i was wondering if someone could help me out with the coding. my portfolio website i'm building - http://aimee-tacchi.webs.com/ I have a container which has all the text, on the left hand side of the book. What i want is another container but for the other side of the book. So like 2 containers side by side, one for holding the left hand content and one for holding the right hand content. I've tried to do this, and i can not get them to be side by side. Could some one help me please. Thanks

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.