What's new

Welcome to the forum 👋, Visitor

To access the forum content and all our services, you must register or log in to the forum. Becoming a member of the forum is completely free.

How to remove containers from HTML web page?

BlueWhale

New member
Joined
Dec 28, 2020
Messages
5
Reaction score
0
HTML Coins
0
Hello, everyone. I'm trying to make web page by using HTMl file, but it seems i have some problems. A person allowed me to download, edit, and use his own HTML file, so i can create my own web page.

I dont have programming abilities, but i still can understand some parts of the code. I started adding more pictures to the web page, by increasing the HTML code, but i got problems.

To add a new photo, i used copy-paste of the previous code that contains another photo, so i when i used the code to add one more photo, i only changed the name of the photo that have to be shown. But now, when i add one more photo, the page receives one more container container. For example, see the following code:

</div>
<div class="BlackBox">
<div class="TLDR">HERE I ADD THE TEXT I WANT TO BE SHOWN.
</div>

<div class="Gallery-Content--mediaContainer"><a name="NAME_OF_THE_PHOTO.JPG"></a>
<div class="Gallery-Content--media">
<div class="imageContainer">
<img class="image-thumb" src="./NAME_OF_THE_FOLDER_THAT_CONTAINS_IMAGES/NAME_OF_PHOTO.JPG"/>Full-size image is <a href="./NAME_OF_THE_FOLDER_THAT_CONTAING_IMAGES/NAME_OF_THE_PHOTO.JPG">here.</a>
</div>




When i want to add one more photo, i will not write new code/new kind of code, i will simply copy and paste the already existing code, and then i will simply change the name of the photo, and will replace the old name with new name, so new photo can be show on the web page.

Here is how the original page look like: Photo removed

Here is how my page look like: Photo removed

As you can see, in the first photo, all pictures are separated. In the second photo, there are containers (see the red circles). Everytime when i copy and paste the code, new container is added. How to remove these containers?

Please, help me... i really want to make this web page to work.
 
Last edited:
Hi, I only had a brief look at this, but I think your problem lies in this:

<div class="BlackBox">

Take that div away (don't forget closing tags) and see if that helps.
 
Thanks a lot! I replaced "<div class="BlackBox">" with "<class="BlackBox">", i removed only "div", and now it works perfectly. Thanks a lot.

By closing tags you mean to keep "<", right?
 
Thanks a lot! I replaced "<div class="BlackBox">" with "<class="BlackBox">", i removed only "div", and now it works perfectly. Thanks a lot.

By closing tags you mean to keep "<", right?

Closing tags </div>. Glad it worked out for you, mate. Good luck on your project :).
 

Theme customization system

You can customize some areas of the forum theme from this menu.

  • Wide/Narrow view

    You can control a structure that you can use to use your theme wide or narrow.

    Grid view forum list

    You can control the layout of the forum list in a grid or ordinary listing style structure.

    Picture grid mode

    You can control the structure where you can open/close images in the grid forum list.

    Close sidebar

    You can get rid of the crowded view in the forum by closing the sidebar.

    Fixed sidebar

    You can make it more useful and easier to access by pinning the sidebar.

    Close radius

    You can use the radius at the corners of the blocks according to your taste by closing/opening it.

  • Choose the color combination that reflects your taste
    Background images
    Color gradient backgrounds
Back