How can I set a custom style for viewing images? - html

How can I do that? Because I don't really know the word but I hope somebody knows this.
If you guys don't understand this then there is a link.
https://media1.tenor.com/images/0f097ed319d498c2bda3d87ba4f6ff10/tenor.gif?itemid=12846096
It's a gif but they set it into a cool style and I don't know how to set it like that.

The page most likely isn't actually a gif image, it could be some file structure like
> tenor.gif
>> index.html
where tenor.gif is actually a folder, with index.html inside it. Per W3C standard, folders automatically open up index.html if there is one directly inside it.
You could put whatever html code you want in index.html and styling.

You can check the contrast of the styles in the CSS documentation, they usually add you to the styles and filters, so they are fully configurable

Related

Set path based on specific directory in HTML?

Let's say I am in
main/component1/index.html
and I want my html button to link me to main/component2/.
But the same index.html file is also used for the directory
main/component3/dir1/index.html
and I still want to link it to main/component2/.
Specifications:
I specifically know my main.
The root will be variable, I want to be able to package main/, then unpackage in another directory with working links.
If there is no HTML solution to this, then I'll try to write a solution in JS; I just wanted to know if it was possible in pure HTML.
How would I go about doing this? Thank you!
If I understood your question - no, you can't make it with HTML only, because HTML is not programing language, but markup language.
You can make relative and absoulte paths but not "variabled" paths.
Read more here:
https://stackoverflow.com/a/18321468/2719670

Images not found after changing folder

I am just starting to look into html and css. I have already build something that should become a website, however when I wanted to organize the files I have put picture and code in two seperate folders and now the preview won't show the images. The rest of the CSS file still applies ...
Can anyone help with this newbie problem?
Thanks ! :)
You'll need to change the paths in the CSS file too; if they used to be e.g.
style.css
apple.jpg
and you had
background-image: url(apple.jpg);
and now you move them to
css/style.css
images/apple.jpg
you'd need a relative path like
background-image: url(../images/apple.jpg);

Bootstrap CSS & JSP

hope you're doing fine.
I am currently stuck with my Web App project. This is the context: I would like to code a Web App using J2E. There's a free template that I liked and thus I decided to download it. When starting to use it I notice the CSS isn't applied.
Instead of having this, I have this:
However I do not see where the error is. The CSS & Bootstrap files should be visible in the JSP file and IntelliJ recognizes them. However I can't display these files (whether css or even pictures) that are referenced in "href".
Here's the project structure and code, maybe something's wrong there.
I'm used to HTML and to my understanding JSP isn't too different. Are the referencings different though?
Thanks in advance for any help you'll give,
Fares
YES.
Found the answer. Put resources in different folder than WEB-INF.
I believe that, your HTML file is inside the WEB-INF folder, for the to work either remove the WEB-INF path
<link href='style/stylesheet.css'>
or move your HTML one folder up.

How do we add an image that's not from google?

How do we add an image that's not from google? It's a picture I took myself on my mobile phone and emailed it to my computer.
When making a website. Just put all your files in 1 folder. You can have subfolders. When wanting to link an image just put it somewhere in that folder and then just use the path to it.
So you need to do is provide a source for the pictures to display.
you would do
Just make sure to reference where the picture is comming from, if its in the same location as your html this will work. If its in a folder then you need to specify
here is a good reference, W3 Schools will help you alot here
http://www.w3schools.com/html/html_images.asp
One of the site's rules is:
Don't ask about questions you haven't tried to find an answer for (show your work!).
I guess this is the reason why you got those minuses.
Read here: http://www.w3schools.com/html/html_images.asp about how to add images to HTML code.
A solution for your problem could be:
<img src="myimage.jpg">, if we add images from HTML code.
background-image: url(myimagee.jpg);, if we add images from CSS code.

Joomla Background Image?

I'm sure there is a very simple explanation for this but... How do I add a background image to my Joomla site? I am using a modified version of Atomic. The obvious thing to do would be to simply go into the template.css file and add a background-image property to my body or divs... however, it doesn't take. If I change the background color however that works fine. Perhaps the path is incorrect but I've tried it a hundred times and I doubt I'd get the path wrong every time. I've even tried placing the image file in the root folder, thus eliminating the possible mistyped path to the file.
Any ideas?
Thanks.
Editing the template CSS file is definitely the way to do it. This should help -
Folder to put image in:
JOOMLA FOLDER/templates/atomic/images
CSS to use:
#ID.class{background:URL(../images/background.png);}
If that doesn't work, post a link so we can debug for you.