Best way for multiple pdf files to download on website

[diamond3]

So I'm designing a website for a program at my school. I'm trying to figure out the best way to lay it out so it looks somewhat nice. There will be multiple pdf/doc/excel files of the lessons on a single webpage. Any suggestions? Any websites the show a bunch of files to download on a single webpage?

The way i have it right now is:
name of file: image icons linked to the file on the server.
xxxxxxxxx: pdf icon
xxxxxxxxx: pdf icon excel icon

It just looks messy because I am using a program for web development that is required at through my school. I've tried creating a table to help with alignment, but adding the icons on the 2nd column makes the alignment off. I can insert html source code if I have to, i'm just not familiar with HTML. Please, ANY help or suggestions would be beneficial. Thanks

 

[Isiah]

Without looking at screengrabs this hard to evaluate.

How about creating the download section in Photoshop, lined up/layed out precisely how you want. Then slice it up, import slices into your web building app. Add links to the relevant sliced elements as required.

The other possibly cleaner option is using css for your layouts. How familiar are you with this kind of css?

Cheers
I

 

[diamond3]

Well it is an online program through the university. basically, you can create new pages, connect them to other pages and then when i go to add content, there is a text box like interface. Very basic.

I guess what I'm looking for is examples of how to lay it out. I could very easily put a big list of individual files.
name (.pdf) (.doc) so the (.pdf) is hyperlinked to the actual file, but then it looks pretty plain and boring. I have posters that will be downloaded, maybe place a thumbnail off the side of the list?

I attached what I can use to edit the content below. Like I said, very basic. I click the source button and enter html code. The code is written in the background depending on what I do in the user interface. It does have the option to import from msword.

 

[design-is]

Looks like the 'online program' is just a dodgy content management system with something like CKEditor or TinyMCE in use.

You should, in theory, be able to click on the 'source' button top left and enter any HTML & CSS you want, therefore leaving the styling and content completely up to you...

However, this might be a problem if the school imposes any type of template that you present your info through, or if you don't know how to code HTML or CSS.

Working just with the WYSIWYG (What You See Is What You Get) interface (where "The code is written in the background depending on what I do in the user interface") you can still upload little icons and link them to files if you wish. You just have to think the right way around it. So following your example, you could simply have the name of the doc, followed by an image which would link to the PDF file and then another image which would link to the Excell file, then another to link to a .doc file etc etc.

Not sure how much hand-holding you need through this, so get back to us and let us know

Cheers

/Doug