This would be so much easier if you pointed us at the web page, then we could see what you mean and use web developer toolbar to edit things locally. Otherwise, we have to recreate PART of your page on our own machines, and it could be something else that is causing your problems.
set the image background on the div containing the menu, then the image will create a bar the width of that div. Putting it as background to the <ul> means it stops where the <ul> stops.
Make a div to hold the images. give it a class or id as appropriate (class is better in this case, you may want to have more than one such div on some pages) set text-align:center in the div's css. stick your images in the div, side by side. Sorted.
(setting a width and margin:auto for the div is optional, and not necessary unless you wish to add border and shadow effects to the div)
This is possible using php via the gd library. Most installations of PHP now have this library installed by default. With this library you can draw graphs and resize images at the server end and deliver optimised graphics that way from a single image.
you can do the same with the Imagick library. google on resizing images with either of these. It's simple.
There are a huge number of free wordpress templates available for portfolio/photography sites. Try searching for them using the obvious keywords wordpress photo gallery template. The choice is massive, and it can be worth paying to have the template designed by bit removed, if you have a client paying you, as they might think "Wait a minute, free cms and free template??? why is he charging me?"
Only the file size matters for loading speed, not the image type.
For simple graphics, not pictures, gif is usually the smallest file size. But gif is NOT suitable for pictures, it distorts them, making them blotchy looking.
For pictures, jpg is usually the smallest file size. But jpg is NOT suitable for simple graphics, especially those with large areas of single colours. It distorts them, making them blotching looking.
png can be used for both simple graphics and pictures, it doesn't distort either of them and has more advanced transparency than gif. But png files tend to be bigger than the corresponding gif of jpg.
So chose the files type that suits your needs. For small thumbnails, especially those that are a mere 40x40, I'd say use jpg for pictures, unless its simple graphics then use gif. For artistic type transparency effects in an clever page design, png is your best choice, for simple graphics, use gif.
If it's hosted locally, just copy and paste everything into a folder on the site. If there is no index page in the folder then looking at the site in a browser will show a list of all the files. Of course it would be better if they were organised in folders by topic. The web server configuration will determine whether it shows the list of files, or an access denied page. But as it's your site hosted locally, you can make it do whatever you want.
This site has been online for 5 years so I am at a totally loss as to what has happened. You mentioned the file "write" may have failed. Is there a way for me to check if this has happen? Have you heard of this happening before? Where would I find the file "write"?
I've got someone looking into the issue but they don't have an idea what happened.
I mean when the file was saved to disk, it is a file write action. If that goes wrong, you have saved a blank file. Files failing to write happens occasionally.
Otherwise, the server has some problem and it has got corrupted. This is more likely, if the site has been there for a while.
On a usb pen drive, there is a bit of code to make it run as a drive, often pretending to be a CD drive on older ones. That reduces your total available memory a little bit.
doc type <hmtl> <head> div (no body) another <head> div inside the above head <body> another <body> another doctype another <html> yet another <head> another <body> then you close a div, which suggests that the extra heads and bodies and doctype are inside a div. then a css file link that is not in a head then another css file link and yet another one!
And you wonder why it doesn't display properly!
It's a testimony to the wonders of modern browsers that it displays at all! Your browser should fall over dead with all that confusing code, but somehow it manages not to crash and burn!
Copying and pasting is not coding. The errors are so obvious, starting again from an empty clean file is the only way to correct this mess of jumbled code.
If you have spoken to the webmaster, why not try something as simple as this:
upload the file again.
It's possible the file has got corrupted and thus is empty. There is no code when I view source, which suggests the file write failed and left an empty file in place.
The bit about firebug showing a css file - I think that's firebug detecting itself or more likely the browser skin, as the source code is devoid of anything.
You are using position:absolute. This almost always causes big problems. In your the first div I saw in the source code is referenced from the left and the top. The next two divs are referenced from the top and right. So obviously as the viewport is made wider or narrower, their position within the view port change, as the left and right reference points are moved.
Solution.
1 Put a wrapper div around the entire content, with a suitable width, say 500px in your case, and set margin:auto. That will centre it on the screen.
2 Next make two divs, one called #lefty and the other #righty. Give them a suitable width, in your case 215 - 220px. Float lefty left, and float righy right.
3 Repeat 5,000,000 times "Never use postion:absolute except in very VERY exceptional cases."
4 Whenever building a web page, resize the browser at regular intervals, and check the layout works in several different browsers too.
use the IP address as the url, plus username, password, port no. and database name.
All of this you can get from your website control panel - have you actually looked at that yet? It's where I always start when I need database details for a site.
New web sites are thought to start off in the sandbox, then when google has more data it moves you out the sandbox. So if it discovers bad things about the site, it's rating will go down at that point. If it discovers good things (back links, no duplicate content, the rating might go up.
So stop worrying and start adding original content, and hopefully someone might link to your site.
Most web based projects use either PHP, which can link easily to MySQL, the commonest database used in web development, or ASP. More recently Ruby, of which I have no experience at all, is also being used.
HMTL is a way to mark up your web page content, not a programming language. You can't program in HTML any more than you can program in Greek - neither are that sort of language. HTML5 is still being invented, so to speak, and browsers will always be able to read html4. There is little point in trying to learn html5 when it hasn't been written yet, just a few small sections have been worked on and the rest is suggestions and opinions.
Javascript is used for interactions on the web page, and like PHP has some similarities to C. Once you have learned one language, learning a second one is usually much more straightforward.
From your age, it is obvious you are a little first year student, one term into your course. Give it time!!! Don't rush at things full pelt, expecting there to be one magic language that is perfect for everything. PHP for example does not run from the desktop (well you cam force it to do that, but it's not normal and looses some of it's normal abilities, and you need to use other software to force it to work as well.)
Personal choice comes into things as well. I don't like object orientated programming …
Better still set margin:0 and padding:0 on the body - this reset should be the first line of any css file, to allow for browser defaults differing. Some people use more complex resets but I've never needed to myself.
Also check for margins or paddings set on the menu in case you have set something there to style things.
If your web host is any good chances are that you won't be able to access your database from the outside. In shared servers mysql is usually ocnfigured to respond only to requests from the local machine, for example from the webserver which runs phpMyAdmin. Try to access your database with the mysql command line client:
mysql -u<user> -p<password> -h<host> <database-name>
If this works, enter those paremeters in your java connect string.
I've got several hosts I use, and all let me configure remote access from my home PC. In most control panels, there is an option to allow remote access, usually requiring you to enter the isp's local router name (not your home router, the one you connect to from that). I can then use HeidiSQL (instead of phpmyadmin) from my laptop.
cPanel>Databases>Remote Access
also, to get the connection data, cPanel > Databases> MySQL Databases allows me to add new databases and define username and password, and to see existing databases, usernames and passwords.
Some hosts only give you one database and usually give the connection strings to use in a help page - this may either be accessible from within your control panel (and can specifically display your connection strings), or from the host's own website (where they tend to give connection strings in a more general format and you have to edit them to include your details).
To make jQuery plug-ins, first you must learn jQuery itself. Try a web site called google.com, it might help you find tutorials on jQuery (initially avoid the tutorials on editing existing plug-ins, and concentrate on learning jQuery itself, so that you know what to do when you put your ideas for plug-ins into action). Give yourself a month or two of solid work, and then start working on your own original plug-in ideas. Then we might be able to help you.
Then just make the div smaller, a few pixels at a time!!!
Either make both smaller, or, probably a better initial start make the .chart smaller, in case #right is used elsewhere on the site and it's width matters. Can't you work this out of yourself?
Or apply padding inside .char, again only a few pixels at a time, until it fits the way you want.
These are not difficult problems to solve at all for any web developer. Or are you copying code and don't normally build web sites, so you don't understand what the code does? Blindly copying code doesn't teach you anything.
You don't need a separate database for each user! You have a table within your database that lists the document owner/user and the filename and path, and anything else relevant to the document if necessary. (Also MySQL CAN store files, images etc, it is just not recommended as good practise by anyone.)
I have never programmed in flash, and if it is a web design course then no, flash is not html and so probably doesn't match your assignment requirements.
Making a simple gallery is remarkably simple.
Take a copy of your original large images, resize in a graphics program to a smaller size and save with a name that shows it is the smaller version of the original. EG original = glider-pilot.jpg, name small version as glider-pilot-s.jpg. Use the same width for each of your smaller images for consistency.
Make a page with these small images on it, and make them a link to the larger version. What is so difficult about that. If you aren't good at programming it's a workable solution that doesn't require you to copy code and risk a low grade.
If you really wish a clever looking display then perhaps you should ask the person who set the assignment whether or not using Flash is acceptable. We can only make educated guesses, remember.
But one thing to remember - I don't do people's homework for them, like most others here. We might explain why something is not working that you have tried to code, but we almost always refuse to code for you.
Or you could use google to find pre-built scripts specifically built for galleries, but as an ex-lecturer, I can tell you using a pre-built script will get you a lower grade.
You would get a better grade if you wrote your own gallery.
If you visit my www.ukfolkfestivals.co.uk site, on the country pages you will see some expanding/collapsing divs. You can copy the code (I got it from another site which gave it away free). Look for accordian.js. It uses two divs - accordianButton and accordianContent. It was originally written as a menu but is quite adaptable as you can see.
Then just apply css to get the expanded and collapsed sizes you want in the two states. the script applies two classes - "on" and "over" - which are the ones you will style.
Use a class, not an id if you want multiple divs of the same type. An id is supposed to apply to some unique item on the page eg a wrapper div or header div usually get an id as they are the only ones with that name. Also, ids can't start with a number.
You are using position:absolute; Don't, it usually leads to endless problems.
Even if you had a real need to use it, why are you placing things at left 1400px!!!
This is right on the edge of the average monitor - how large is your monitor? I work with my browser open at a width of about 1000-1200px (note I didn't mention the size of my monitor). The main reason people have big monitors is so they can have two windows open next to each other, not so that they can run a browser window open at 2800px wide.
I suggest you start by looking at ordinary websites and studying the css. you'll discover that many sites use a wrapper div with a fixed width, while others use a wrapper div with a percentage width and a max-width, to prevent ending up with a huge long line of text 2500px long for example. Then they center the div using margin:auto. That gets the content in the middle of the page on the vast majority of screens, and browser viewports.
Don't lay out a screen using position:absolute. You are not painting pretty pictures on a screen, you should be using html and css to control the layout and check how the layout looks every time, by resizing the window looking for errors.
Also, a contact form needs the input boxes to be part of a <form>, so you'll have to read up on how they work. And …
This is a standalone web server for your PC, like Xammp, but with zero configuration. So you can copy the entire folder, server included, from your PC on to a usb drive and give it to him. I do all my PHP/MySQL development using that now. You can run multiple copies of it too (one at a time), to test different strategies or to have stuff that you send out to others to use so that they only get to see the one project that you wish them to (I've done this, rather than let a client see several other projects as well)
I edit the index page for the server to include a link too= each project's home page, for ease of operation.
I don't do people's homework for them, but you should read your database theory notes, work out which entities you will need, draw an erd and check everything is normalised.
But being a generous person, I'll give you a hint - this is a relatively simple database, and has very few entities indeed, but has one sneaky twist to it, if you wish to do it properly.
PS it is nothing to do with directories. You are thinking about where your PHP files might reside to run the queries and build the pages/reports. These are not the database, so I guess databases aren't your best topic, eh.
That stands for EVERYTHING. It's a reset to get rid of any different default settings in different browsers, which can differ by a couple of pixies here and there and make your design look different in other browsers. You then have to set every margin and every padding for every other tag as and when you feel you need them, rather than use the default settings.
It's a Javascript slide show, and thus doesn't need any extensions or add-ins, as browsers come with Javascript engines built in. So just check under Tools> Options >Content that you haven't disabled Javascript by accident.
Formatting your hard drive is always so very destructive and disruptive, and is only recommended in truly extreme cases.
CSS is a set of instructions on how the html should be styled. so with no html, it would be just totally plain text, and thus not stylable. Your friend is just wrong.
The effect would be even better if the first image in each case was, for example, a black and white version of the revealed image. Several other options are also possible for your initially displayed images (the coloured blocks for those who didn't view the source code)
Which version of IE doesn't it work in? It should work in IE9 but not IE8 or earlier, as they don't support border-radius
There is an easy solution to getting earlier IEs to do css3, here http://css3pie.com/ . I've tried it and it works very nicely. Just read the documentation.
Also, that code will not work in earlier versions of firefox, as for them you also need the -moz-border-radius code as well.
The form is a dead lifeless item unless it has an "action", which tells it what to do with the data input - eg add to a database, search a database, or send an email. The action is the name of the script which will process the data.
Your form has no action listed at all. (see line 5)
You need to set up a php email script to take each line of data input, check for spammers using it, and then create an email.
blank spaces in a field name (or any variable in your code really) are just a bad idea, that's all. You get problems when trying to use them in your programming code. Note the use of ' for example, 'around a name' with spaces, to get round this. Names like id_user don't need the ' '.
id_user in the payments table (again, drop the blank space in the table name, it complicates things) links the user who made the payment to the payment made. It enables a user to make multiple payments (your original design meant a user could only make one payment, ever)
Also, naming your id field as 'Unique id' is a silly field name, call them id_user and id_payment, so it is clearer what you are talking about.
As far as I remember, in pure relational algebra, you quite simply cannot add an identical item to the set. So the set of colours {red, orange yellow, green, blue} cannot have a second colour red added at all.
In databases, you are relying on a primary key to prevent total duplicates, but you COULD end up with two entries R(A,B) as {1,red}, {2,red} if A was the primary key.
