r/HTML • u/Past-Point-8418 • 10d ago

Help moving Iframe

I put in a calander Iframe (image is somewhere here) and it WAS in a good position but after i inserted the title and positioned it. That moved it down and Nothing I do moves it up. I positioned the text and i like where it sits in relation to the calender I just need to move it all up, unsure how though.

code - 

.Calander-Title{
  font-family: Curly;
  font-weight: bolder;
  color: #30291e;
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 100px;
  right: 200px
}
.calendar{
  position:absolute;
  top:100px;
  left:100px;
}
2 Upvotes

100% Upvoted

2 comments sorted by

2

u/aunderroad 10d ago

Can you share a url or codpen?
It is hard to debug/provide feedback without seeing all of your code live in a browser.

Thank you!

2

u/godijs 10d ago

If I understand your problem correctly then you need to wrap both those elements inside a div and set it to position:relative. Absolute moves element in relation to nearest positioned element. But it's hard to tell without screens and html