I had to turn a term paper in to a website. For the references, it's a specific format of:
And the URL needs to be typed out in full. Since most of the content doesn't take up that much space, I made a table with 3 columns, and a list inside each cell for the reference info. Since URLs are so long though, it's causing the cells to be really stretched out, and the table to go off the edge of the page.
I tried setting the width of the table in CSS, but it still went off the page, same with the width of the cells (gave the table an id of ref_table, tried to set the width for #ref_table tb) but it doesn't change anything when viewing the page.
Firebug confirms the width of the table, and the cells, is set and being read (not crossed out), yet the long text still stretches it out. Is there any way around this??
show us your code or a link to your code so we can actually see what you are talking about.
For some reason it doesn't load properly on the school's server even though it does locally, but you can save the files from the links below.
The issues of it not loading properly on school's server is because you are using a backslash (\) instead of a forward slash (/) to link your style.css file, which won't work on a webserver.
As for your problem, I would get rid of the table and just use a DIV for #ref_table in place of the table. And since you have all of the table cells using an unordered list with a class of "references" just setup rules for that [width, height, floats] and put each reference on its own line instead of trying to fit 3 per row.
Oops, thanks :-)
Yeah I was starting to think doing away with the table may be the way to go as well. When I started the three columns across it was before I knew I had to have the full URL (just had the title set as a link to the article, still seems much simpler that way to me haha, but professors can be picky...). Thanks for the advice