Basic HTML or SharePoint Design - Algining Columns?? 1

[kjv1611]

At work, I'm pretty much the SharePoint admin for my business line. With that in mind, I've got one page where I cannot seem to get the "columns" of data lined up.

What I'm trying to do with this one is to set up a table-less body area that lists all the states along with a small flag icon for each state and the associated abbreviation.

So, I've got it like this:


Flag State Abbreviation

I thought that surely there would be a way to make sure that I have equal spacing between the columns without actually using a table. And the main reason here for not using a table, is that I did not find a way immediately available for inserting images into a table.

I do not have access to SharePoint Designer, so that's not even an option for me.

I'd appreciate any suggestions, references, general information at all.

Thanks,




--

"If to err is human, then I must be some kind of human!" -Me

 

[niceguymattx]

Just for clarity:

What version of sharepoint are you using?
I assume you're using a web part in your example: which web part, and where is your dat coming from. If you can post what you have got so far it would help.

Matt

 

[kjv1611]

Yes, sorry, I wasn't very specific.

SharePoint 2007

The specific instance is in a Wiki Document Library, on the "Home" page for one library, but I doubt that part matters.

The data is just typed in for now... I just typed it, using spaces for setting the columns, since I couldn't find a good method - yet - for doing it in 3 nice strait columns.

I was able to create a table, but then couldn't find a method to insert images into one of the columns.

Here is a portion of the HTML for the columns:

<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG></STRONG>&nbsp;</DIV>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=4>&nbsp;&nbsp;&nbsp;&nbsp;</FONT><FONT size=6>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; State&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Abbreviation</FONT></STRONG></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5><IMG alt=AL src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/al.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL][[Alabama]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AL</FONT></STRONG></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=AK src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/ak.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Alaska]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;AK</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=AZ src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/az.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Arizona]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AZ</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=AR src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/ar.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL][[Arkansas]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AR</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=CA src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/az.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[California]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CA</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5><IMG alt=CO src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/co.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Colorado]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CO</FONT></STRONG></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=CT src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/ct.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Connecticut]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CT</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=DE src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/de.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Delaware]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; DE</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=DC src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/dc.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[District of Columbia]]&nbsp;&nbsp; DC</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=FL src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/fl.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Florida]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FL</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=GA src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/ga.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Georgia]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; GA</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=HI src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/hi.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Hawaii]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; HI</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5><IMG alt=ID src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/id.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Idaho]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ID</FONT></STRONG></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><FONT size=5><IMG alt=IL src="[URL unfurl="true"]http://mysite.com/SharePoint%202007%20Images/StateIcons/Smaller/il.jpg"><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/URL] [[Illinois]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;IL</STRONG></FONT></DIV>
<DIV class=ExternalClass749D2226EDC24BB083E4E5CE4150DFFC><STRONG><FONT size=5></FONT></STRONG>&nbsp;</DIV></DIV>

That portion includes the column titles (the flag column has no title) and a handful of the rows under the titles.

Of course, I use the terms columns and rows loosely, as it's just sorta "there".

If you can make any suggestions at all with that info, I'd be most grateful.


--

"If to err is human, then I must be some kind of human!" -Me

 

[niceguymattx]

Please correct me if I make any wrong assumptions! Your just trying to get a table with images on a wiki page?

You should just be able to add a table using the Insert Table button, and then use the Insert Image button when your cursor is in the relevant cell.

The image will already have to be uploaded, and you just insert a link to it.

Is this what you're trying to do?

 

[kjv1611]

Yes, that's correct. But when I tried via a table, it hasn't worked correctly so far. Then again, I could of done something wrong, no doubt.

I'll give it a go again here in just a little bit. If I can get it in a table format, that'll be fine.

What I'd prefer is to have it in table format - rows and columns, but have it not LOOK like a table, in all honesty... in other words, no column/row borders and things of that sort... just the text and images.

--

"If to err is human, then I must be some kind of human!" -Me

 

[kjv1611]

Okay, I gave one record a shot. Yep, I was just goofing up somewhere before. Thanks for setting me strait on it... I should have done it right the first time. I've no idea where I messed up before, but it's all working perfectly now. The borders are fine, I just wish I could do away with the table appearance.

--

"If to err is human, then I must be some kind of human!" -Me