Hey everyone, I have a website www.portaldock.com, and the thumbnails aren't labeled. I was having a pretty rough time trying to label them because for some reason it won't let me type right over the images. What is the best/easiest/most efficient way to do this? Thanks.
I'd say just go into the split editor view and find the <img> tag in the code and add these to it... <img src="ImgNameHere.jpg" title="Image-Title-Here" alt="Img-Alt-Tag-Here" />. Also keep in mind I separated the words with dashes which is preferential for SEO. This is not only a good place to store your keywords for SEO, it'll give you those rollover tool tips I think you're looking for.
Alright great, so would it look something like this: <a href="http://www.Cnn.com" toptions="width = 1000, height = 1000,group = 1, type = iframe,group = 1,shaded = 1,effect = show, title = Cnn layout = dashboard"><img src="http://thumbnailspro.com/thumb.php?url=www.cnn.com&s=200" border="0" alt="website thumbnails" title="CNN" alt="CNN" / > ??? That's taken from my website, I just added what you suggested.
Well which alt tag do you want the search engines to see? For instance if you want them to know that you're a portal for CNN i'd put something like alt="CNN-portal" or something more descriptive even alt="cnn-breaking-news-portal" something along those lines. Also, only have one, I'd remove the alt="website thumbnails" because that wont drive any traffic to your website through keywords. Also make sure you use the dashes, its better for SEO. So this is what your code should be... <a href="http://www.Cnn.com" toptions="width = 1000, height = 1000,group = 1, type = iframe,group = 1,shaded = 1,effect = show, title = Cnn layout = dashboard"> <img src="http://thumbnailspro.com/thumb.php?url=www.cnn.com&s=200" border="0" alt="CNN-breaking-news-portal" title="WHATEVER YOU WANT THE ROLLOVER TO SAY WHEN SOMEONE HOVERS OVER THE IMAGE(YOU DONT NEED DASHES HERE)" / >
Alright I see what you're saying, very good info and I will keep that in consideration (I may actually do that later on today) but what I was originally inquiring about was putting an actual title above the image. So instead of just a thumbnail, it's whatever the thumbnail is above it. Is that possible?
like visible text? Yea I mean I need to see your entire code btu the best way would be to split each into divs. So basically if you have three images, you'd need three divs floating next to each other and in each div you'd have the thumbnail and above it <h2>Whatever you want here as header</h2>.... so very basically coded it'd be <div> <div style="float:left; width:100px;"> <h2>Header</h2><br /> <img src=""> </div> <div style="float:left; width:100px;"> <h2>Header</h2><br /> <img src=""> </div> <div style="float:left; width:100px;"> <h2>Header</h2><br /> <img src=""> </div> </div> And that should give you 3 boxes next to each other you can do whatever you want with.
Hmm, interesting. Alright, so you can view source and come up with the same thing but here is a snippet of the code: <div> <div style="float:left; width:100px;"> <h2>CNN</h2><br /> <a href="http://www.Cnn.com" toptions="width = 1000, height = 1000,group = 1, type = iframe,group = 1,shaded = 1,effect = show, title = Cnn layout = dashboard"><img src="http://thumbnailspro.com/thumb.php?url=www.cnn.com&s=200" border="0" alt="website thumbnails"> </div> And then just keep going with each one that I want to have a title for?
Almost. Make sure you have everything balanced so for every open <div> you need a closing </div> tag. So the first opening div is to create one big div that your 3 boxes will be housed in. So think of it like this (HUGE BOX OPENS) (Little box 1) (Little Box 2) (Little Box 3) (HUGE BOX CLOSES) if that makes sense. And this is what goes in the little boxes... <div style="float:left; width:100px;"> <h2>CNN</h2><br /> <a href="http://www.Cnn.com" toptions="width = 1000, height = 1000,group = 1, type = iframe,group = 1,shaded = 1,effect = show, title = Cnn layout = dashboard"><img src="http://thumbnailspro.com/thumb.php?url=www.cnn.com&s=200" border="0" alt="website thumbnails"> </div>
What are those toptions ? This will lead to invalid (X)HTML code... but hey, it's DreamWeaver... this program is not able to do valid (X)HTML
I'm assuming its javascript. And if it is, don't worry about it validating, it will still perform and be viewed the same exact way. Validation is not something you need to be worrying about at this stage in the development of your project, worry about proper usability and functionality, then once it is working, you can clean it up a bit if need be. But no site has ever been penalized for utilizing some javascript.
Alright I hope you see this, but I did what you suggested. Here is the problem though: What ends up happening is, since all that content is within the sprytabs, it creates another sprytab called CNN because there's a </div>. So what ends up happening is that the spytab thinks the </div> is the end of THAT tab, so it creates another, and so on. Hope that makes sense. So what I am thinking is if there is any way to do what I am asking but within the tab? So it will say CNN on top of the image in the tab itself? And over the BBC image it'll say BBC and so on.
Hi dijitalmastro! I know I'm jumping in on this a little late, but I'm new to the forum. That being said... have you tried a title tag? Are you talking about having it say "CNN" or "BBC" when you place your mouse over the image? Or, something different?
What I wanted for it to say CNN literally right above the image. I actually got it straightened out though, I just put all the images in a table and put texts above it. Worked out pretty well. Thanks for everyone's help!