PietPuk
Members
-
Joined
-
Last visited
Everything posted by PietPuk
-
i have found the solution. Somewhere an overlooked width: 100%; was causing troubles. I've solved the issue of the button not being able to live next to the title. But then a second issue arose... Now that I have the menu width set to 100px, the nested menu items are also 100px wide. But I'd like those the full width of the page. I've tried several options, but I'm not sure how to do this in the right css manner. Since I'm often rambling here's what i mean __________________________ | Title Menu | | Menu item 1 full | | Menu item 1 full | | Menu item 1 full | as opposed to __________________________ | Title Menu | | Item | | Item | | Item |
-
I suppose it's not a question
-
Basically what you should do is simply edit a "normal" css file en when satisfied with the result create the minified version only to upload. You then always have the original file to edit I believe there is some software that allows you to export a minified file while retaining the original css as wel. Can't remember any from the top of my head though...
-
Dude I'm sorry (not meaning to be rude...), but you might want to take some lessons regarding html first? Code academy is awesome! Basically first lesson is that whatever you want to write on the page should be between the <body> and </body> However, an error like that is most likely due to your CSS or at the very least somewhere below the code you've just posted!
-
Hey guys, I'm going completely crazy... I'm trying to edit a wordpress theme so that the responsive menu button will appear next to the site logo/title. Or basically it should remain where it actually is... With the current css it moves below the title, which I think is a waste of screen estate. It might be tiredness, but I can't find the error in the css. What am I doing wrong? nav.html style.css
-
I used to like the 320 and up since it was one of the first to realize the mobile first principle. (making sure smaller screen sizes don't need to download unnecessary content) http://stuffandnonsense.co.uk/projects/320andup/ edit: I notice it's not actively supported anymore, but you might try their successor?
-
-
The reset is necessary to correct the different display methods accross browsers. After implementing the css reset every element will behave in a similar fashion in internet explorer/firefox/chrome. I can't remember the differences, but for example the margin of a div might be displayed differently in each browser, when not defined, (one having a 5px margin, others 1em or none), after the reset you'll know that the margin in each browser is the same, thus the result will be similar to your intentions. You should start with this implemented as indeed as you mentioned it will change the behaviour of elements and since youve made specific adjustments for each element already it will mess up your work. However I think it is not that difficult to start with and saves a lot of time later in the process
-
Hey all, I've started to browse the forum yesterday in the search of a solution to my JavaScript problem and thought it might be cool to say hello I've already seen a lot of interesting stuff going on so I'm excited about the forum. I hope to contribute my two cents and could someone tell me if the forum is enabled for Tapatalk? Would be great! Ciao
-
Hey David, Looks like a cool site! Would be interesting to see how far you can take that one tip though. I'm using my phone at the moment and the site doesn't really adjust to my limited screen size. There's a lot lately about responsive sites and a masonry grid. Maybe those could be integrated in the layout? Good luck!
-
I agree. If you're looking to build skills WordPress is the easiest platform apparently to build templates. There are some frameworks that do the php for you (bones) and with some knowledge of php/html/css you might be able to create some standard templates. You might try to create one of those and sell it?
-
-
Plus, external is useful because the content is separated from the graphical part, coding for both parts is cleaner and easier.
-
-
-
I think it's not worth the effort... Unless you've got something very (and I mean VERY) special! There's a ton of good wordpress themes available which would cost you around $50 and a few hours to customize. They might even be more elaborate in terms of functionality to what you have now.
-
I do like the new Joomla though, with the admin panel being fully responsive. Edit your website on the go, the wp app is nowhere near in terms of functionality.
-
Hey guys I've been trying to create a mobile friendly menu. In desktop mode it works fine, but on a mobile phone the links are somehow replaced by # and thus not working. I suppose the issue is with the script that is associated with the menu, but I can't figure out the problem. Could someone help me out? thnx! html: <a href="#" class="top-menu-button"></a> <nav id="top-menu" class="fake"> <ul id="menu-main-menu" class="menu"> <li id='main-menu-5078'><span class="menu-item-wrap no_icon"><a href="link" style=""><span class="link-text">Home</span></a></span><div class='under'></div></li> <li id='main-menu-5079'><span class="menu-item-wrap no_icon"><a href="http://url.com" style=""><span class="link-text">Blog page</span></a></span><div class='under'></div></li> <li class="current-menu-item" id='main-menu-5092'><span class="menu-item-wrap no_icon"><a href="http://www.url.com" style=""><span class="link-text">Contact</span></a></span><div class='under'></div></li> </ul> </nav> javascript: <script type="text/javascript"> jQuery(document).ready(function () { var menu_speed = 'normal'; var animation_effect = 'fade_in'; jQuery("nav#top-menu > ul > li > ul").hide(); var windowWidth = jQuery(window).width(); jQuery(window).resize(function() { //jQuery("nav#top-menu > ul > li > ul").hide(); windowWidth = jQuery(window).width(); //alert(windowWidth); }).resize(); if(windowWidth < 767) { jQuery("nav#top-menu > ul > li").click(function () { jQuery('a:first', this).attr("href", "#"); jQuery('ul', this).show(); }); } else { jQuery("nav#top-menu > ul > li").hover(function () { if (animation_effect == 'fade_in') jQuery('ul', this).stop(true, true).fadeIn(menu_speed); if (animation_effect == 'slide_down') jQuery('ul', this).stop(true, true).slideDown(menu_speed); }, function () { if (animation_effect == 'fade_in') jQuery('ul', this).stop(true, true).fadeOut(menu_speed); if (animation_effect == 'slide_down') jQuery('ul', this).stop(true, true).slideUp(menu_speed); }); } jQuery('nav#top-menu > ul > li').mouseleave(function() { jQuery("nav#top-menu > ul > li > ul").hide(); }); }); </script>
