Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.
One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.
Course Of The Month
7 days, 1 hour left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Clickable Image With Description (Example Shown)
Posted on 2010-09-18
Good Evening Experts,
Hopefully there is someone around that can answer this. I'm trying to mimick something that was in a temporary wordpress blog of mine, into my new asp.net webpage.
Here is the problem
I need to have an image, with a black bar at the bottom at 75% opacity that has the title of the blog post in it. The image and bar as a whole needs to be clickable as a link.
You can see what I'm doing at http://www.wowplatinum.com - Please look at the 5 images at the bottom of the home page.
Now please look at http://blog.wowplatinum.com and you will see a similar setup in the top three images.
Essentially I'm trying to mimick this look and feel into the 5 images posted at the bottom of the first page described.
If someone can help me I would be very grateful!
Thank you in advance for your time!
- Tsqlguy
Hopefully there is someone around that can answer this. I'm trying to mimick something that was in a temporary wordpress blog of mine, into my new asp.net webpage.
Here is the problem
I need to have an image, with a black bar at the bottom at 75% opacity that has the title of the blog post in it. The image and bar as a whole needs to be clickable as a link.
You can see what I'm doing at http://www.wowplatinum.com - Please look at the 5 images at the bottom of the home page.
Now please look at http://blog.wowplatinum.com and you will see a similar setup in the top three images.
Essentially I'm trying to mimick this look and feel into the 5 images posted at the bottom of the first page described.
If someone can help me I would be very grateful!
Thank you in advance for your time!
- Tsqlguy
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
2
3 Comments
The second link, the image isn't clickable, just the link below.
Have you tried replicating what they are doing? They start with a holding div, (background image is the tile image), then a link, then a table to hold everything with another div using the opaque image as a background. Then they close it all off. It's not particularly elegant, but it seems to answer to your needs OK
<div style="width: 188px; border: 0px; height: 188px; background-image: url('Images/Articles/Mini/
vertical-align: bottom;">
<a href="CP.aspx" style="text-decoration:non
<table style="width: 188px; height: 188px; border-collapse: collapse;" cellpadding="0">
<tr>
<td style="vertical-align: bottom;">
<div style="background-image: url('Images/Background/Opa
font-family: Arial; padding:2px;">
[Event: Pirates' Day]
</div>
Have you tried replicating what they are doing? They start with a holding div, (background image is the tile image), then a link, then a table to hold everything with another div using the opaque image as a background. Then they close it all off. It's not particularly elegant, but it seems to answer to your needs OK
<div style="width: 188px; border: 0px; height: 188px; background-image: url('Images/Articles/Mini/
vertical-align: bottom;">
<a href="CP.aspx" style="text-decoration:non
<table style="width: 188px; height: 188px; border-collapse: collapse;" cellpadding="0">
<tr>
<td style="vertical-align: bottom;">
<div style="background-image: url('Images/Background/Opa
font-family: Arial; padding:2px;">
[Event: Pirates' Day]
</div>
It seems as if the code you posted back to me is exactly what I have on my website right now.
It seems to work part of the time in firefox but some of them aren't working... This is the code i have right now that doesn't always seem to work...
It seems to work part of the time in firefox but some of them aren't working... This is the code i have right now that doesn't always seem to work...
<div style="width: 188px; border: 0px; height: 188px; background-image: url('Images/Articles/Mini/PiratesDay.png');
vertical-align: bottom;">
<a href="CP.aspx" style="text-decoration:none;">
<table style="width: 188px; height: 188px; border-collapse: collapse;" cellpadding="0">
<tr>
<td style="vertical-align: bottom;">
<div style="background-image: url('Images/Background/OpaqueBack.png'); color: White;
font-family: Arial; padding:2px;">
[Event: Pirates' Day]
</div>
</td>
</tr>
</table>
</a>
</div>
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress
Website.
This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used.
Go to your WordPress login page. This will look like the following: myw…
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month7 days, 1 hour left to enroll
726 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.