Jump to content

beckybramwell

Members
  • Posts

    18
  • Joined

  • Last visited

Profile Information

  • Gender
    Female

beckybramwell's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. done it! Just need to fix the rest of my site now
  2. I don't really know what's going on with it now haha. I added max-width: 30% to .portfolio li. I also used nth child to not have a margin on the third image (desktop), and no margin on 2nd image (tablet)
  3. Brilliant, thanks, getting there! I added that, then changed it to max-width: 30%; It still has the same effect (i.e. keeps all images the same size when it moves.) But now the second row of images overlap the first row when you click through each section
  4. When you click on a filter (i.e. Illustration or Web Design etc) the images go large, then back to normal size. I'm trying to make them so they remain the same size throughout - so that it has a smooth filter. If that makes sense?
  5. I'm not sure, that's why I was asking for help with the link I posted! All i know is that it's to do with with .filter or ul.portfolio and that it works on a non-responsive site
  6. I've made the suggestions, but it's still messing up: beckybramwelldemo.com
  7. Can anyone help with this pleaaase?
  8. Just solved it haha. Needed to move run.js and main.js to the bottom
  9. Thanks for the reply! I think it's run.js and main.js If I take the run.js out and move main.js to the bottom before the </body> tag, then the toggle works but the Fancybox doesn't
  10. Hey, I'm trying to turn my site into a responsive site, but having trouble with Javascript! URL: beckybramwelldemo.com The two things that conflict are the Fancybox Gallery and the Toggle menu for tablet/mobile (you'll need to make browser smaller to see). I'm not really sure why they're conflicting, so if anyone can help it'd be much appreciated!
  11. Thanks for the reply! I've tried adding another section, but it will bring that over it, like it does the footer. It works ok on my non-responsive site: beckybramwell.com and I've copied the scripts, html & styling over from that. By transition, do you mean the script for it? I have a few different files for that
  12. Hey, I'm re-designing my portfolio (making it responsive) and having a bit of trouble with fancybox! If you scroll down to the Portfolio section, and click on an area (i.e. Web Design), you'll know what I mean. Any help will be much appreciated! URL: beckybramwelldemo.com
  13. http://www.surveymonkey.com/s.aspx?sm=Z1%2bQH839djVWLJXTR%2fuP%2bw%3d%3d Also, I have a problem, if anyone's will to help! For my project, I've written an essay on how responsive design is affecting digital marketing. We then have to create 5 artefacts which proves this, hence the survey. I've done some interviews, and a test on using a responsive site against a normal site on a mobile device. My 4th artefact is going to consider the main differences to marketing – i.e. is it more about the difference in audiences (as the technology doesn't really lend itself to marketing any more than conventional web layout)? I then plan to explore the potential of the technology for targeting this audience - i.e. is content designed to be responsive expected to be viewed across multiple platforms by the same user - if so then how do the different layouts of the same content complement each other? Anyway, my problem now is... I don't really know how to go about doing this. Any ideas? Becky
  14. My form is displaying differently in IE10 and Firefox. Not sure what I'm doing wrong. The aim is for it to look like the IE version. Thanks for any help in advance! #footer-form {float:right;height:200px;margin:0 5px 0 0;padding-top:5px;width:388px;} #quick-links h1,#footer-form h1 {color:#afafaf;font-family:Verdana, Geneva, sans-serif;font-size:12px;font-weight:bolder;letter-spacing:1px;line-height:1.1;margin:23px 0 0 -10px;padding:0 0 0 25px;}::-webkit-input-placeholder {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #010101;font-style:italic;padding-left: 8px;}:-moz-placeholder { /* Firefox 18- */font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #010101;font-style:italic;padding-left: 8px;}::-moz-placeholder { /* Firefox 19+ */font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #010101;font-style:italic;padding-left: 8px;}:-ms-input-placeholder {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #010101;font-style:italic;padding-left: 8px;}div.myform {width:388px;}#myform form {background:#933;width:320px;}div.myform .input_text_name {background:#fff;border:none;height:28px;margin:3px 0 0 28px;width:144px;}div.myform .input_text_email {background:#fff;border:none;height:28px;margin:3px 0 0;width:144px;}div.myform .message {background:#fff;border:none;height:66px;margin:10px 0 0 28px;overflow:hidden;padding:7px;width:295px;}.shadow1 {-moz-box-shadow: inset 0 0 20px #575757;-ms-box-shadow: inset 0 0 20px #575757;-webkit-box-shadow: inset 0 0 20px #575757;box-shadow: inset 0 0 20px #575757;}div.myform .button {margin: 7px 50px 0 0;border:0px;width:71px;height: 17px;border-radius: 5px;font-family: Verdana, Geneva, sans-serif;font-size: 10px;float: right;color: #000; /* IE10 Consumer Preview */background-image: -ms-linear-gradient(top, #CACACA 0%, #575757 100%);/* Mozilla Firefox */background-image: -moz-linear-gradient(top, #CACACA 0%, #575757 100%);/* Opera */background-image: -o-linear-gradient(top, #CACACA 0%, #575757 100%);/* Webkit (Safari/Chrome 10) */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CACACA), color-stop(1, #575757));/* Webkit (Chrome 11+) */background-image: -webkit-linear-gradient(top, #CACACA 0%, #575757 100%);/* W3C Markup, IE10 Release Preview */background-image: linear-gradient(to bottom, #CACACA 0%, #575757 100%); } <div id="footer-form" class="myform"><h1>Message Us</h1><br class="clear"><form action="mailto:rebecca.bramwell@hotmail.co.uk" onSubmit="return validateForm()" method="post" name="myform" id="myform"> <label> <input type="text" class="input_text_name shadow1" name="name" id="name" placeholder="Name..."/> </label> <label> <input type="text" class="input_text_email shadow1" name="email" id="email" placeholder="Email..."/> </label> <label> <textarea class="message shadow1" name="feedback" id="feedback" placeholder=""></textarea> <input type="submit" class="button" value="Send" /> </label></form></div><!--end footer-form-->
×
×
  • Create New...