- This topic is empty.
-
AuthorPosts
-
February 3, 2016 at 3:02 am #237647holidaynerjaParticipant
Hi, I am trying to modify a page and include an availability chart and google map below the content table on the page below. I have the code for the availability iframe and the Google map but I am struggling to add the content holders for each.
Here is the page I am working on
http://www.holidaynerja.co.uk/mobile/property-details.html
Here is a link to an image of what I am trying to acheive, so I need 2 new content holders one beside each other belows the property images and summary.
http://www.holidaynerja.co.uk/mobile/images/banner/propdetail.jpg
Any help appreciated :)
February 3, 2016 at 11:10 am #237666holidaynerjaParticipantSorry I forgot to add the style sheet link
February 3, 2016 at 1:51 pm #237669timbardenParticipantHi,
Can you be more specific with what exactly you are having difficulty with? Knowing how to add the two divs into the HTML?
Also, I would say the CSS file isn’t much help to anyone trying to assist – it seems to be full of a lot of unnecessary styling – 322kb is a whopper!
February 4, 2016 at 2:47 am #237686holidaynerjaParticipantHi Tim, I have moved on a little and have managed to add the divs which hold the availability chart and google map as you can see on the updated link
http://www.holidaynerja.co.uk/mobile/property-details.html
I have 2 issues, one being that the calendar does not show on IE, works fine on FF and also the divs I have added are not responsive so if I look on iPhone the calendar and map are stacked on top of each other :(
The css I added for these divs I kept on the html page
#wrapper {width:100%; height:300px; position:relative;}
.float {background-color:white; height:300px; margin:0; padding:0; color:white;}
.left {background-color:white; position:fixed; width:450px; padding-left:40px;}
.right {float:right; width:450px; padding-left:40px; padding-top:20px;}Any input greatly appreciated
February 5, 2016 at 1:47 am #237730holidaynerjaParticipantSOLVED :)
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.