CMS Development

alivia
投稿者

Placing a form so it overlaps with my header image

解決

Hey,

I'm trying to build a page like this one: https://pages.alteryx.com/Data-Blending-Starter-Kit-Q3-W.html?

so having the for overlapping the header a little bit - though mine has a image, not just a color.

How do I do this in Hubspot?

Thanks 🙂

0 いいね!
1件の承認済みベストアンサー
Jsum
解決策
キーアドバイザー

Placing a form so it overlaps with my header image

解決

@alivia,

 

Your example page is built kind of wierd. Each section of the form is absolute positioned for the top of the page. I'm not sure why they would break the form up into sections to position each section, let alone use absolute positioning like they did. 

 

https://jsfiddle.net/qatyj0oh/

 

Check out this fiddle. The red box is the form, the green box is a container that the form is absolute positioned to, the yellow box is the content area, and the blue box is the banner area.

元の投稿で解決策を見る

0 いいね!
2件の返信
Jsum
解決策
キーアドバイザー

Placing a form so it overlaps with my header image

解決

@alivia,

 

Your example page is built kind of wierd. Each section of the form is absolute positioned for the top of the page. I'm not sure why they would break the form up into sections to position each section, let alone use absolute positioning like they did. 

 

https://jsfiddle.net/qatyj0oh/

 

Check out this fiddle. The red box is the form, the green box is a container that the form is absolute positioned to, the yellow box is the content area, and the blue box is the banner area.

0 いいね!
warnerjm
参加者

Placing a form so it overlaps with my header image

解決

@Jsum

This is exactly what I want to do. I'm not yet an expert with designer but can follow directions so, what does this look like in HubSpot exactly.

0 いいね!