Its all about Semantics. When a search engine crawls your site, you want to make sure that are using the best HTML elements that will describe the content within them.

hello and welcome!

tobyITguy commented: Thank you JorgeM :) +0

Apply will apply your changes without closing the window. OK will apply the changes and also close/exit the window.

First, you need to establish that 192.168.1.1 is actually the IP of your router. Open a command prompt on your computer (if running Windows) and type IPCONFIG, then hit the enter key. Look at the default gateway IP address. This is going to be the IP of your router.

I assume it is because you mentioned that you get an error logging in which indicates that you are getting to the login page. If you dont have the login credentials, you should be able to reset the router to defaults (there should be a button somewhere on the router) and if you look at their documentation, the default userid and password should be there.

A while back, I was working on some web pages that required a tabbed menu at the top of the content. In addition, the requirement was that the page should not perform a post back when the user clicked on the individual tabs. It was very important to have a simple, clean, and responsive look and feel. I could have used one of the countless examples found on the Internet, but I wanted to use implement something that was very minimal, clean, and simple. I was not happy with what I found out there. So this is what I came up with. I used some basic HTML, CSS, and jQuery, although the JavaScript I used could have been written without the help of jQuery. My pages already included jQuery so I decided to leverage it.

The code works and renders the same across modern versions of Chrome, Internet Explorer, and Firefox.

You can see a working demo on JSFiddle.net

Here is a screenshot of what the HTML markup and Styling produces...

tabbed-menu.png

If you find it useful, feel free to use it for your own projects.

You can see it using the "Internet Archive Wayback Machine".

http://web.archive.org/web/*/daniweb.com

Assuming that all of your hardware is OK, are you sure there isnt a task scheduled to shut the system down after 15 min? maybe malware that is doing it?

To rule out software, i'd boot the system to a bootable linux distro and let it run and see if it shuts down after 15 min. if it does, the problem would definately lead to something hardware related.

rubberman commented: Good suggestion Jorge! +13

I am developing a software which will connect to the same database as another application. Is there a term for that?

I cant think of a techincal term, but in any case, this is that uncommon. Databases are generally built to allow multiple connections from various sources/clients.

You should be checking to see if the user is logged in and if the user is an admin.

What i would recommend is that when a user logs into your system and you check the credentials and roles, you should be storing some information in session variables. Then on the admin page or any other page that requires security, check the session variables to see if the 1) user is logged on AND 2) is the user an admin. If both are NOT true, then redirect the user to the login page.

i was very fortunate that i had over 15 years experience when i was working on my BA and MS degree. I think working on your education and in your field at the same time is definitely more effective than doing either individually.

Good luck with your study group but you shouldnt have to limit yourself to your city. There is enough technology out there where you can collaborate and even connect your labs over the internet without too much difficulty.

"Foto" in spanish, italian, catalan, etc.. means Photo. The OP refers to image therefore, the assumption is that we are talking about uploading a picture.

it could be a picture of goat cheese though.

Just build the link and include a query string parameter that you can retrieve on the target page. For example..

 echo "<td><a href='single-post-page.php?post=" . $row['ID'] . "'>";

On the target page, retrieve the value passed.

 $_GET['post'];

I have seen several posts through the years with questions about navigation menus. Menus can be built using different approaches. This example is easy to build and simple to integrate with your site. The menu is built only using HTML and CSS so you don't have to have a lot of web development experience, and still enjoy a nice and clean navigation menu on your site.

A working demo can be found on JSFiddle.net

With some minor updates, you can easily change the size and color of the items.

menu.png

DaveAmour commented: Excellent and so muhc better than all that nasty JavaScript +8
diafol commented: Nice example with useful fiddle +15
AleMonteiro commented: Simple and useful +8

definately keep it as an integer. to add pritaeas suggestion, you can display it as a string by adding the leading zeros..

int num = 1;
Label1.Text = String.Format("{0:00000000}", num);

Yes, i'd use those two variables. THere are more if you want to try to collect other info..

http://php.net/manual/en/reserved.variables.server.php

im not really php developer, more like a php noob, but this is how i basically collect the same info in asp.net

mattyd commented: Thank you! +8

You need to enclose your style values in quotes.

<div style="property:value;property:value">

@wojciech1 - nothing else better to do than post this nonsense? Having a good time trying to irritate other people?

hello and welcome.

I wouldnt recommend saving the zip code as an interger either. The information in a zip code isnt going to be used in any type of arithmetic. The zip just happens to be using numbers as its characters. I'd store the zip in char (if you are absolutely sure of the length) or varchar (if you are collecting zip codes from different regions that may have different lengths) as well. I dont think that the benefit of storing it as an integer (space and handling) justifies the use of integer here.

With regards to displaying the 5 digits, you can pad it with leading zeros either by your SQL statement or in php.

For example, if you are using MySQL, your SQL statement could look like...

SELECT LPAD(zip, 5, '0') as zipcode FROM table;

When users interact with your web page and processes, it is important to provide them with continuous feedback. Without the feedback, a user is left wondering if you page is actually processing work, frozen, or just not working. This is especially true when incorporating Ajax requests that take more than a few seconds for the process to complete successfully.

For this reason, you will find that "spinners" or "progress bars" are used to display what seems to be the browser performing some work in the background. In reality, all that is really happening behind the scenes is that the web page is displaying some type of animation. Once the process is completed, the animation should be hidden on the page.

In many cases, you will find that if you use an animated GIF, the animation can encounter "freezing". There are some options you can implement to try to adress the freezing, but I have been using a better solution for quite some time. Rather than using a image based spinner, I now incorporate a JavaScript based spinner instead. Actaully, what I call a JavaScript spinner is a combination of JavaScript, and CSS leveraging Keyframes. This JavaScript spinner is also very consistent across the most common browsers being used. I've found that it is a "hit or miss" when using an image based spinner.

Fortunately, there is a great project availabe called spin.js which makes it very easy to incorporate this type of spinner in your web pages. You can even ...

cereal commented: nice! +13
DaveAmour commented: Looks good +5

Instead of using display:inline you can use float:leftso you are able to adjust the size of the width. by using display:inline, you are essentially telling the browser not to treat the element as a block element. inline elements do not have a width. So, try a variation such as this...

#box1 {
   width:400px;
   height:100px;
   padding:5px;
   border:1px solid blue;
   margin:50px auto;
}

#menu ul li {
   list-style:none;
   float:left;
   margin:2px;
   background:khaki;
   width:60px;
   height:50px;
   color:blue;
   font-size:14px;
   font-weight: bold;
   padding: 10px;
   border-radius: 10px 10px 0 0;
}

#menu ul li a:hover {
   text-decoration:underline;
   background-color:red;
   color:white;
}

Matthew,

sorry for not being more specific. there is no need to create a div, nor are you creating a class called "html". The purpose here is to apply the overflow-y style of scroll to the html element. You can do that using 3 options... inline style, internal style, or external style. Since you already have an external style sheet & we want this to apply to all pages, just open up your file called style.css. On line 14, just add this...

html { overflow-y: scroll }

That's it. I already tested it on live site and it works as expected. I also found this while browsing your page using the browser's dev tools..

you have some other resources not loading (see items in red)...

Capture.PNG

showman13 commented: Great simple solution - thanks +3
mattyd commented: Thank you. +0

Yes your CSS. Apply styling of overflow-y to the HTML selector as shown above.

mattyd commented: Thank you. +0

What i have gotten used to doing for sites that may have some pages that will fill more than just the screen (vertically) is to just show the scroll bar for all pages. This way, no matter what page you visit, you will not have that "bumping" to the left effect.

If you add this style to your <html/> element, it should take care of hte problem.

html { overflow-y: scroll }
mattyd commented: Thank you +8
diafol commented: never thought of thaat +15

Maybe this would be of some help. put this together very quickly and i know that using tables for this purpose is not optimal but i find that it works well.

.box {
   display: block; 
   margin: 0 2em 1em 0; 
   min-width:5em; 
}

<label for="name">Name:</label>
<input type="text" name="name" id="name" class="box" />

<label for="email">Email:</label>
<input type="text" name="email" id="email" class="box" />

<table>
 <tr>
   <td>
     <label for="city">City:</label>
     <input type="text" name="city" id="city" class="box" />
   </td>
   <td> 
     <label for="state">State:</label>
     <select name="state" id="state" class="box">
       <option>A</option>
       <option>B</option>
     </select>
   </td>
  </tr>
</table>

produces this...

Capture.PNG

mattyd commented: Thank you. I shall look into this as an option. +8

Ok so all of that code wasnt really necessary...

I thought you meant dropdown as in a select element. Now i understand that you were asking about a navigation menu.

In any case, there are several ways to handle this. A quick look at your CSS and I beleive one easy way is to apply a higher (could be any number, but higher than the z-index of the container) z-index property to the <ul> element for the second level of your menu. For example,

#nav_wrapper ul li ul { z-index: 9999 }

That results in the following...

Untitled.png

If ticket_id is unique in that table, you'd only be able to update one record. If there are multiple records that have the same ticket_id, then yes, you'd update "all tickets at once".

We cant possibly know how your application works, we dont know you your db schema so its very difficult to provide you with proper guidance.

Do i necessary need to attach the normalize.css ?

That is totally up to you. If you are asking this question, it could be because you are not sure what this css file is for. If you take a look at it, it is known as a CSS "reset" which means that it sets styles for many html elements so that when your uses use different browsers, the various users will see the same result regardless of what browser they use. The reason is because browsers have their own "default" styles. If you dont apply a style to an element, the browser uses the default setting. Different browsers have different defaults. Therefore, to get a consistent view, you apply a css reset.

This should be the first stylesheet. in your case, it isnt. If you keep it, i'd recommend that you move it up in your markup (in the head section of your pages) because CSS is applied in order. You currently have 4 stylesheets. I recommend you have 2 if possible.. 1) your css reset and then 2) your stylesheet. having fewer external files to load will also improve the loading time on your pages although your files are small so you may not see an actual improvement, but its good development practices.

Yes, its defined in your css file, workbg.css

html, body{
    /*background:url(simplebg.jpg); */
    background:url(works-large-bg.png);
    background-repeat:no-repeat;
    height:auto;
    width:100%;
    overflow:hidden;
    margin-top: 0;
    margin-left: 0;
    background-attachment:fixed;
}

Even though i've done very well in my career (last two decades), which primary revolves around supporting and teaching MS operating systems, applications and web dev (asp.net), i definately feel like i've missed the boat when it comes to working with real operating systems and development in the world of unix.

Slavi commented: You could also try Elementary OS(It is based on ubuntu but has OS X-like desktop environment) +6