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.

David Cook

Privileged
  • Joined

  • Last visited

Everything posted by David Cook

  1. David Cook posted a topic in Frontend
    Hello wondering if anyone can help, my dropdown menu won't work /*---MainNav---*/ #mainNav {padding: 0; background: #adb702; z-index: 999;} #mainNav li {float: left; position: relative; margin: 0; padding: 0 !important; list-style: outside none none !important; border-left: 1px solid #fff; z-index: 999;} #mainNav li#homeitem {border-left: 0;} #mainNav li#homeitem a {background: url(../images/homeicon.png) no-repeat 50% 50%; padding: 20px 36px 0;} #mainNav li#homeitem a:hover {background-color: #1b437c;} #mainNav li#homeitem span {display: none;} #mainNav li a {display: block; padding: 20px 30px 0; font-size: 16px; font-weight: 600; text-decoration: none; text-transform: uppercase; height: 40px; color: #fff;} #mainNav > li.menuIsParent > a > span {background: url(../images/mainnavparent.png) no-repeat 100%; padding-right: 22px;} #mainNav li.on {background: url(../images/mainnavon.png) no-repeat 50% 0 #1b437c;} #mainNav li:hover a, #mainNav li a:hover, #mainNav li.on a:hover {background: #1b447c;} /*---DropDownNav---*/ #mainNav ul {display: none; width: 200px; position: absolute; top: 60px; left: 0; z-index: 999; background: #1b437c; padding: 0;} #mainNav ul li {margin: 0; float: none; display: block; border-bottom: 1px solid #285186; border-left: 0;} #mainNav ul li a, #mainNav li.on ul li a {padding: 10px 12px; background: #1b437c none repeat scroll 0 0 !important; text-transform: none; font-size: 14px; font-weight: normal; height: auto; color: #fff;} #mainNav ul li a:hover, #mainNav li.on ul li a:hover {background: #4a6896 !important;} #mainNav ul ul {top: 0; left: 200px;} <ul id="mainNav" class="grid_12"> <li class="on" id="homeitem"> <a href="/"><span>Home</span></a> </li> <li class="off menu_odd menuLi6 menuIsParent end"> <a class="icon_arrow aboutus menuA6" href="/"><span>About Us</span></a> <ul style="display: none;"> <li class="off menu_odd menuLi50"> <a class="whoweare menuA50" href="/whoweare.html"> <span>Who we are</span> </a> </li> </ul> </li> <li class="off menu_odd menuLil menuIsParent end"> <a class="icon_arrow ourwork menuAl" href="/"><span>Our Work</span></a> </li> <li class="off menu_odd menuLil menuIsParent end"> <a class="icon_arrow newsmedia menuLil" href="/"><span>News & Media</span></a> </li> <li class="menuIsParent"> <a href="/"><span>Events</span></a> </li> <li class="off menu_odd menuLil menuIsParent end"> <a class="icon_arrow getinvolved menuLil" href="/"><span>Get Involved</span></a> </li> </ul> thanks for your help
  2. changed that and reloaded it, and still not showing,
  3. i have cut loads down but everything that is left is not regarding the portfolio section
  4. give that a try, things are subject to change and layout
  5. hey i am trying to produce a portfolio showing work but when i put it all together nothing shows it is properly something simple <ul id="portfolio" class="og-grid"> <li class="mix web-design"> <a href="images/work1.jpg" data-gal="lightbox[folio]"><img src="images/work1.jpg" alt=""></a> <div class="meta_work"> <a class="w_title" href="single_work.html"> We all scream </a> <div class="meta"> <span> <a href="#"> illustration </a> </span> <span> <a href="#"> graphics </a> </span> </div><!-- /meta --> </div><!-- /meta work --> </li><!-- /item --> <li class="mix photos"> <a href="images/assets/work2.jpg" data-gal="lightbox[folio]"><img src="images/work2.jpg" alt=""></a> <div class="meta_work"> <a class="w_title" href="single_work.html"> Neon "B" </a> <div class="meta"> <span> <a href="#"> photo </a> </span> </div><!-- /meta --> </div><!-- /meta work --> </li><!-- /item --> <!-- /dont remove this line --><li class="gap"></li> </ul><!-- /my gallery --> #portfolio {width: 100%; text-align: justify; font-size: 0.1px;} #portfolio:after {content: ''; display: inline-block;width: 100%;} #portfolio .mix {display: none; opacity: 0; width: 240px; height: 260px; vertical-align: top; color: #FFFFFF; font-size: 30px; text-align: center; line-height: 200px; margin: 0 10px 80px 0; border-radius: 4px; float: left; position: relative;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;} #portfolio .mix img {border-radius: 4px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;} #portfolio .mix:hover img {box-shadow: -4px 4px 6px rgba(29, 198,222, 0.4); transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} #portfolio .mix .overlay {border-radius: 4px; line-height: 24px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1DC6DE; background: rgba(29, 198, 222, 0.; opacity: 0; transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} #portfolio .mix:hover .overlay {transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} .overlay .like_work {color: #FFFFFF; position: absolute; right: 10px; top: 20px; font-size: 20px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;} .overlay .like_work:hover {color: red;} .overlay p {font-size: 17px; padding: 30px; margin: 40px 0 0;} .meta_work {position: relative; line-height: 18px; text-align: center;} .meta_work .meta {z-index: 1; position: relative; margin: -6px 0 0 0;} .meta_work .w_title {font-size: 17px; padding: 6px 0 0; display: block; font-weight: 700; line-height: 28px; z-index: 99; position: relative;} .meta_work .meta span:before {color: #D4D4D4; content: "/"; position: relative; left: -5px;} .meta_work .meta span:first-child:before {content: "";} .meta_work .meta span a {color: #999898; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;} .meta_work .meta span a:hover {text-decoration: underline; color: #1DC6DE;} anyone can work it out will be great thanks
  6. Hello, I am wondering when people create dummy sites that are not active and have images on them where do they get the images or the illustration look ones. Any help would be great.
  7. Yeh Alex does the videos on the new boston website, and they look easier to use than his website as they seem to be in order. So might use them. To be honest I would prefer a book than web tuts, as it means you have to right thinks out. Not copy and paste like you said. My concern with books at the moment is with the update to PHP books are not going to be that reliable Might need to stick to videos, I was using codecademy but find that it doesn't load properly or doesn't tell me if code is right or wrong
  8. I have some basic knowledge, I have been going video based through thenewboston website, I think the people doing the videos are from codecademy
  9. David Cook posted a topic in Server Side
    Hello Was wondering if anyone can recommend any good up to date learning material for PHP. Thanks
  10. Hey, Why not have a look here http://overapi.com/ruby/ they cover all the different types of programming.
  11. Still having a problem with this. I have removed the error part of the code above. I have tested via chrome and safari and it works fine email sent through, however on IE the form submits but nothing is going through to the inbox. any suggestions. thanks
  12. since its been live nothing has changed, it is hosted via 123reg. and if i remove the error section contact form works
  13. this is the code that has been working for months but stopped working last night <?php $fname = $_POST['fname']; $email = $_POST['email']; $telephone = $_POST['telephone']; $date = $_POST['date']; $collection = $_POST['collection']; $rcollect = $_POST['rcollect']; $seats = $_POST['seats']; $destination = $_POST['destination']; $interest = $_POST['interest']; $like = $_POST['like']; $time = $_POST['time']; $method = $_POST['method']; $tc = $_POST['tc']; // EMPTY FIELD CHECK if( (empty($tc)) ) { echo '<script>alert("The Terms & Conditions much be accepted to proceed..");</script>'; echo '<script>history.back(1);</script>'; exit; } /* EMPTY FIELD CHECK */ $formcontent = "From: $fname, \n Telephone: $telephone, \n Date: $date, \n Collection Point: $collection, \n Collection Time from destination: $rcollect, \n Number of Seats: $seats, \n Destination: $destination, \n Interested In: $interest, \n Would Like A: $like, \n Best Time To Call: $time, \n Pereferred Method: $method, \n T&C Accpetance: $tc"; $recipient = "triporganiser@coach-compare.co.uk"; $subject = "Contact Form from Website"; $mailheader = "From: $email \r\n"; mail($recipient, $subject, $formcontent, $mailheader)or die("Error!"); echo "Thank You someone will be in contact in 24 hours" . " - " . "<a href='index.html' style='text-decoration: none; color: #d03837;'>Return Home</a>"; ?>
  14. i did create this, i created it about 6 months ago, it was working fine up until today. They last had a contact form at 4.40pm yesterday. i have the code at home, i am out on the road at the moment.
  15. Hey Guys On the following site www.coach-compare.co.uk when you complete the form it comes up with just Error! no other warning, anyone have any ideas why this is.
  16. Hey this is the contact.php for my site. however when you click send it goes to a holding page and ideas how i change it so it goes to my thankyou.html page. <?php $name = $_POST['name']; $email = $_POST['email']; $number = $_POST['number']; $message = $_POST['message']; $formcontent="From: $name, \n Number: $number, \n Message: $message"; $recipient = ""; $subject = "Contact Form"; $mailheader = "From: $email \r\n"; mail($recipient, $subject, $formcontent, $mailheader) or die("Error!"); echo "Thank You!" . " -" . "<a href='index.html' style='text-decoration:none;color:#0bd80c;'> Return Home</a>"; ?>
  17. Are there any easy to use cms around that anyone can recommend
  18. god i sound thick, didnt even think of that, and i even said that to my friend who is having the site.
  19. one last thing, any reason why the topbar is not going 100% width. its outside the container element.
  20. cheers lyndesy it was because I have background:transparant in the reset that was overriding it, removed that and worked didnt matter about the order.
  21. Hey both Yeh i realised that i changed it didnt upload in time, Teodora - The other image is the background in the body section on css.
  22. hello on www.davidcook.me/project its not bringing through the background image and the topbar image, any ideas
  23. excellent thank you, is there anyway to get the sent message to appear on screen maybe like a pop up. thanks
  24. Hello as the title says. my contact form once filled in doesnt give any value. HTML <form action="contact.php" method="post" class="contact-form"> <input type="text" class="text" id="name" placeholder="Your Name..."/> <input type="email" class="text" id="email" placeholder="Your Email..."/> <input type="text" name="number" id="number" class="text email" placeholder="Your Phone Number..."/> <textarea rows="15" class="textarea" id="message" placeholder="Your message..."></textarea> <input type="submit" class="submit" value="Send message" /> </form> PHP <?php $name = $_POST['name']; $email = $_POST['email']; $number = $_POST['number']; $message = $_POST['message']; $formcontent="From: $name, \n Number: $number, \n Message: $message"; $recipient = "hello@davidcook.me"; $subject = "Contact Form"; $mailheader = "From: $email \r\n"; mail($recipient, $subject, $formcontent, $mailheader) or die("Error!"); echo "Thank You!" . " -" . "<a href='index.html' style='text-decoration:none;color:#d03837;'> Return Home</a>"; ?> any ideas??
  25. sorted 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.