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.

Moose

Members
  • Joined

  • Last visited

  1. Can you show us the code that you use to scroll? Are you using a JQuery plugin? Where are you assigning the previous and next buttons the ability to scroll the gallery items?
  2. Moose replied to Gizmo 76's topic in Frontend
    You could use percentage widths, and the properties min-height/min-width might be of use to you? For example: .column { min-width: 300px; } #column_1 { width: 30%; } #column_2 { width: 30%; } #column_3 { width: 40%; /* Make sure your percentages add up to 100% or weird things can happen! ;-) */ }
  3. Moose replied to Vulcan's topic in Frontend
    If you want the images to be centered vertically then you can just use 'position: relative' and use the 'top' property to change how far each image is from the top of the container.
  4. Moose replied to Vulcan's topic in Frontend
    What did you try? Post your code and I will take a look.
  5. Moose replied to smortimer's topic in Frontend
    You might find that assigning more than one DIV the same ID (in this case #main_container) means that only one of the DIVs actually have the style defined for that ID in the stylesheet applied. Try changing it to a class. Change #main_container to .main_container and then for the classes style do: .main_container { border: 1px solid #000000; float: left; margin: auto auto 10px 10px; } Then remove the line 'width: 20%' from .twenty_col. EDIT: Is that what you wanted, or?
  6. commonzen's solution will work, although a more conservative solution would be: <?php if(isset($_GET["pageNum"])) { header("location: http://www.yoursite.com/page" . $_GET["pageNum"] . ".html"); } else { /* If the pageNum variable is not set: */ header("location: http://www.yoursite.com/page1.html"); } ?> This saves you doing a ton of IF functions for each page that exists.
  7. If you don't currently have a web server then you might want to consider either looking for a decent host or installing XAMPP on your computer so you can develop on your PC. If you install XAMPP then it will come pre-installed with PHPMyAdmin, a database management tool written in PHP. In order to create a database and tables for that database you can either use a code-based solution (via PHP and MySQL) or use the PHPMyAdmin interface. A typical secure members database will have the following tables: Username Salt Hash If you don't know what these are then you need to find out before you start creating the database, or you won't know what to do with them. If you don't intend to make a secure database at all then just two fields, Username and Password, will do.
  8. Moose replied to Vulcan's topic in Frontend
    Have a look here, it explains how to center both vertically and horizontally images: http://www.brunildo.org/test/img_center.html
  9. Moose replied to predatorx's topic in Frontend
    Add 'margin-left: -5px;' to #navigation li in your stylesheet.
  10. Moose replied to Gizmo 76's topic in Frontend
    You can do what you are looking for using JQuery quite easily. Here is an example of scaling an element on load and scaling it when the user re-sizes the window: /* Bind function to load and resize events: */ jQuery.event.add(window, "load", resizeElements); jQuery.event.add(window, "resize", resizeElements); /* Resize function: */ function resizeElements() { element = $("#my-element"); $(element).css("width", INSERT_WIDTH_CALCULATION_HERE); $(element).css("height", INSERT_HEIGHT_CALCULATION_HERE); } You can use document.body.clientWidth and document.body.clientHeight to grab the height and width of the window (you may need to use JQuery's $(window).width() / $(window).height() functions in some browsers).
  11. Moose replied to wood1e's topic in Server Side
    I don't think Google Maps stores information on the populations of cities or towns.
  12. You could use POST or GET to submit a variable (for example, the current page number) to a PHP script and then depending on the value of that variable redirect the user to the next or previous page. However, you could probably do this using some simple JavaScript.
  13. Very clean and focuses on the content, which I like. I see that you are using an image pre-loading script (not AJAX, to answer the above's question)? I would be weary about using this if you want to expand the number of images significantly as 56k viewers will find that loading all those images will affect the website's usability.
  14. Sorry, I'm not sure I understand what you mean?
  15. Moose replied to megan1k's topic in Frontend
    Have you tried JQuery's addClass and removeClass functions?

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.