I'm having some trouble adding text to the open lightbox image using HTML and CSS. I thought it was a caption but eventually figured out that's not it. Here's myy code:
<a href="img/portfolio/greenleavesbranding.png" data-lightbox="roadtrip"> <img class="artworkimg" src="img/portfolio/greenleavesthumb.png">
Currently theres no CSS as everything I've tried has failed so I've gotten rid of the code I don't need. But the text needs to be white and changed to my current font family.
I'm not an advanced coder, I know enough to modify HTML templates and add CSS.
Here's a screenshot - the red X is where I want the text to be.
Any help is greatly appreciated and thanks in advance!
Related
The backgound color is too close to the text. I have no idea why it is like that
I have searched the documents for help but cant seem to find a solution
use padding from tailwind css for text "p-5"
I want to add text in top and bottom of angular-barcode directive like alternative text. I have already added alternative text in the bottom but want to add in the top also.
angular-barcode uses JsBarcode library. I am using canvas rendering in angular-barcode directive. I tried to add text based on this example by creating canvas object but it didnt work. If anyone has an idea how can I solve it. Please suggest me. Your help is greatly appreciated
I want to add text like this in angular-barcode
refer this link
I am trying to link an image within an article to another article but when clicked all I get is a larger version of the image opening top of page. Tried amending html img src, used JCE editor to create links, created a hidden menu item and copied syntax, all to no avail. Any ideas please?
Thanks
I think what you are trying to do is this:
<img src="http://placehold.it/350x150">
Just wrap your image in an anchor tag with it pointing to the site you want to go to.
I have a question about IE7 and how it ”interprets” title and alt HTML tags.
I’ve this constalation on a site:
<a title="My Name" alt=" My Name " class="profile_image" href="/members/my-ane">
<img rc="/uploads/sfguarduserprofile/229/11066_60x60_3f9ee652879b2e3209698830c9ff1583.jpeg" alt="11066_60x60_3f9ee652879b2e3209698830c9ff1583">
</a>
Now, when hover with my cursor in IE 8+, Firefox, Chrome, Safari, you-name-it it shows “My Name” in the alt-box.
But when heading over to IE7, it shows: 11066_60x60_3f9ee652879b2e3209698830c9ff1583 which would be the image alt tag.
I have the possibility to change the alt text on the image but if there is any solution other than that, I would very much appreciate it so I don’t use too much time on a relatively small problem in a single browser.
And are there any explanation why IE7 can’t figure this out oppose to its bigger brothers, IE8, 9+ ??
Sincere
- Mestika
Technically, the alt attribute should serve as alternative content in case the image doesn't load. In your case, there is no contextual need for an alt tag, as a user that cannot view the profile image does not need to see the image to understand the rest of the content.
The image should have an empty alt attribute per the WHATWG.
I am trying to use lightbox2 to display a block of text after clicking a heading element:
something like
<h3>name</h3>
I have used lightbox for images with captions but this time I would like the caption to come up without an associated image after clicking a name on a webpage.
Thanks for any replies.
I don't think that lightbox2 is made for such a thing, why don't you try http://fancybox.net/ this one works 100%.