Edrol97
Silver Coder
Hi all, I've got this div on my site. All of the other divs seem to be of the adequate size and I can't seem to think why this one will be any different. I've checked that it's not a problem with the image size, but I don't know what's causing the size of the div otherwise.
HTML:
</head>
<body>
<div id="llama">
<header style="background-color: #ec1801">
<a href="The_Pun.html"
><img src="img/The%20Pun%20Logo.png" width="200px" height="150px"
/></a>
<a href="https://procartoonists.org/profile/eliotlord/" target="_blank"><img src="img/background/PCO_LogoBlack-3.png" style="float:right; padding: 20px;" width="200px"></a>
<div class="sunnavigationbar">
<a href="Home.html">Hi</a>
<a href="about_me.html">Bio</a>
<a href="Art.html" style="font-size: 3.6dvw; font-weight: 900; text-decoration: underline;">Show-Off</a>
<a href="cv.html">CV</a>
<a href="Inspa.html">Inspa</a>
</div>
</header>
<div class="content">
<div class="title_text1">
I am an artist illustrator who lives in London just a hop, skip, and jump away from Westminster. I studied a BA at Kingston University and an
MFA at Newcastle University. I've been panned by
<a
href="https://www.theguardian.com/artanddesign/2019/sep/13/bloomberg-new-contemporaries-2019-review"
target="_blank"
>
<strong>The Guardian</strong></a
>,
<a href="Reviews & Mentions/Mention in DT.jpg" target="_blank"
><strong>The Telegraph</strong></a
>
and
<a
href="https://www.timeout.com/london/news/jake-and-dinos-chapman-julian-opie-and-boy-george-are-auctioning-their-art-on-a-postcard-062220"
target="_blank"
><strong>Time Out Magazine</strong></a
>
in various exhibitions. My work has been called "unacceptably bad",
"astoundingly basic", and "ridiculous", but I'm still doing it.
Click the images below to open galleries showing my
work... </div>
<br>
<br>
<div class="container">
<div class="galleries" draggable="false">
<div id="gallery1">
<img
src="img/background/Swallowed%20in%20Sleaze.png" width="100%" class="responsive"
onclick="LaunchLightbox(1)" alt="an image of a sewer pipe spewing out muck labeled as Sleaze. This picture is in a frame with the description An Artform Since 2010"
/>
<div class="title_text1" onclick="LaunchLightbox(1)">
Swallowed in Sleaze
</div>
</div>
<div id="gallery2">
<img
src="img/Minute%20Books/Minute%20Books.gif"
onclick="LaunchLightbox(2)" alt="a gif of the EU flag constantly reforming itself with the stars going left and right and up and down sporadically and randomly made by Barney Fagan." width="100%" class="responsive"
/>
<div class="title_text1" onclick="LaunchLightbox(2)">
Just a Minute
</div>
</div>
<div id="gallery3">
<img
src="img/Art%20on%20a%20postcard/Artonapostcardlogo.gif" width="100%" class="responsive"
onclick="LaunchLightbox(3)" alt="a gif image of Art on a Postcard's logo with the images being overlays on the Art on A Postcard logo of contributing artworks to the project."
/>
<div class="title_text1" onclick="LaunchLightbox(3)">
It's in the Post
</div>
</div>
<div id="gallery14"><img src="img/EverydayBlues/IMG_4770.jpeg" width="90%" class="responsive"
onclick="LaunchLightbox(14)" alt="the words Everyday Blues written in a mixture of Serif and Sans-serif font designs"
/>
<div class="title_text1" onclick="LaunchLightbox(14)">
Feeling Blue
</div>
</div>
<div id="gallery13">
<img src="img/background/UK Government crest.png" width="50%" class="responsive"
onclick="LaunchLightbox(13)"/>
<div class="title_text1" onclick="LaunchLightbox(13)">
Party Problems
</div>
</div>
<div id="gallery4">
<img
src="img//MFA/MFA%20Final%20Show%204.png" width="90%" class="responsive"
onclick="LaunchLightbox(4)" alt="an image of Boris Johnson as a piñata in the style of Ben Jennings."
/>
<div class="title_text1" onclick="LaunchLightbox(4)">
Party Politics
</div>
</div>
<div id="gallery7">
<img
src="img/TrulyBrexishSummer/bentall.gif" width="100%" class="responsive"
onclick="LaunchLightbox(9)"
/>
<div class="title_text1" onclick="LaunchLightbox(9)">
Brexit Means Bust
</div>
</div>
<div id="gallery6">
<img
src="img/background/Wokee.png" width="70%" class="responsive"
onclick="LaunchLightbox(6)"
/>
<div class="title_text1" onclick="LaunchLightbox(6)">
Culture Warring
</div>
</div>
<div id="gallery8">
<img
src="img/Tate%20Exchange/Tate%20Exchange%20Logo.png" width="50%" class="responsive"
onclick="LaunchLightbox(8)"
/>
<div class="title_text1" onclick="LaunchLightbox(8)">
Exchanging Numbers
</div>
</div>
<div id="gallery5">
<img
src="img/BA/Kingston%20Degree%20Show%20logo.png" width="75%" class="responsive"
onclick="LaunchLightbox(7)"
/>
<div class="title_text1" onclick="LaunchLightbox(7)">
Politics @ Home
</div>
</div>
<div id="gallery9">
<img
src="img/GreenGrads%20Sketches/GreenGradsLogo.png" width="100%" class="responsive"
onclick="LaunchLightbox(5)"
/>
<div class="title_text1" onclick="LaunchLightbox(5)">
Keen to be Green
</div>
</div>
<div id="gallery12">
<img
src="img/Tory%20Travails/Tory%20Story%20Logo.png" width="100%" class="responsive"
onclick="LaunchLightbox(12)"
/>
<div class="title_text1" onclick="LaunchLightbox(12)">
Tory Travails
</div>
</div>
<div id="gallery11">
<img
src="img/Covid%20Crimes/Covid%20Crimes.png" width="100%" class="responsive"
onclick="LaunchLightbox(11)"
/>
<div class="title_text1" onclick="LaunchLightbox(11)">
Covid Crimes
</div>
</div>
<div id="gallery10">
<img
src="img/New%20Contemporaries/forweb.png" class="responsive"
width="100%"
onclick="LaunchLightbox(10)"
/>
<div class="title_text1" onclick="LaunchLightbox(10)">
Con Crap
</div>
</div>
</div>
</div>
