Hi there. I haven’t used CSS or Html in years so sorry if this sounds too basic. I am trying to copy this object from one page to another. http://lmbc.me/card.html
I’m trying to put the card where the map is on the contact page. Do I use an align tag or alter something else? http://lmbc.me/contact.html
What do you mean by “put the card where the map is on the contact page”? You want the entire contact form to be the same size an position as the map, covering it up?
Sorry about that. I want to delete the map and put the card where the map was. When I try to put it there it messes up the whole page so I was hoping someone would know a better way of doing it.
You can indeed replicate that broken effect with your ‘card’ by removing the contact div and the iframe html and posting your card html instead. Then you would remove the offset classes from that html and perhaps set a width on the main col wrapper.
However that will break as soon as the screen is resized so is not a viable option.
Indeed your centred form makes it almost impossible to have content either side of it while it is absolutely placed. You would probably need to have a 3 column page with the left column containing your card and then the middle column containing your ‘static’ form and the right column blank and just holding the space open. Ultimately its a flawed concept.
I would just stick your card in the middle on top of the form and not absolutely place the form.
The main problem is that all of the above requires quite a good knowledge of html and CSS and a knowledge of the classes that your ‘framework’ is using.
Sorry I can’t give a simpler fix but the current structure doesn’t really allow it.