CSS Float

Welcome, Guest

CSS Float

(1 viewing) (1) Guest

Reply Topic

New Topic

Page:
1

TOPIC: CSS Float

CSS Float 3 years, 2 months ago #101

juicyfruit
OFFLINE
Fresh Boarder
Posts: 11

Hi Jerry, Glen,

Just a question.

I removed the "float:right" so that the google map will show at the top of the search listing.

But currently it is at the bottom of the search listing.

In order to make it appear before the search listing, can this be done by CSS? Actually would like it appearing in a joomla module position, but this might be easier.

Also, when the google map is at the bottom of the search listing and I scroll the browser window up and down, the google map seems to float a bit.

Is there a way stop it floating? I've tried removing the "float: left" and stuff like that, but it does not seem to be responding.

 
 
//Custom Google Map: This line was moved from above 
			echo "\n\t\t </tr> \n\t </table>";
//Custom Google Map: end previous DIV
			echo "</div>";
//Custom Google Map: iframe
		//echo "<div id='ShowGoogleMapDiv' style='width: 100%; margin-top: 0px; margin-left: 0px; padding-top: 5px; padding-left: 0px;'>";
		echo "<div id='ShowGoogleMapDiv'>" ;
		echo "<div id='SGMDivInner'>";

Thanks in advance.

cheers
Ed

Last Edit: 3 years, 2 months ago by juicyfruit.

Reply Quote

Re:CSS Float 3 years, 2 months ago #102

jerry
OFFLINE
Moderator
Posts: 407

To stop the map from scrolling, remove the JS call to the float function in the ShowGoogleMap script:

<script type="text/javascript">
 
parent.JSFX_KeepInView ("mapIframe"); 
 
</script>

See your original documentation (page 15) for where the function is located if you want to remove it as well.

As far as the postioning: There are 3 major DIVs to be concerned with. They are, in order of generation, SearchResultsDiv, #ShowGoogleMapDiv, and #sobi2PageNav. You may be able to use absolute positioning to make the map DIV go to the top of the overall search container DIV: #sobiSearchResponseContainer. You would have to play around with it to get it to work.

Hope this helps.

Jerry

Reply Quote

Re:CSS Float - Joomla Module Postion Request. 3 years, 1 month ago #139

juicyfruit OFFLINE Fresh Boarder Posts: 11	Hi Jerry, Glen, I'm hoping help me in making the Google Map appear in a Joomla Module Position. I don't know where to begin. Hoping this can be a feature request. Thanks in Advance. Cheers Ed
	Reply Quote

Re:CSS Float - Joomla Module Postion Request. 3 years, 1 month ago #141

jerry
OFFLINE
Moderator
Posts: 407

The problem with trying to get the map into a module position is that the search and, therefore, the results are created during an AJAX call. This is after Joomla has done it's thing with module rendering. There is possibly a way to have Joomla render a module that creates a blank div and then somehow write the resulting map to that div, but I'm not sure it would work. I just don't have the time right now to investigate what would be required.

I'm sorry I can't be more help.

Jerry

Reply Quote