Search jQuery

jQuery Forum

UI - Dialog - Close button out of place

in Using jQuery UI • 10 years ago

The close button on my site has the X moved out of place. Do you guys think this may be an interference with the CMSs' stylesheets or something? After copying the code to a blank site the problem disappeared. So the question seems to be: how to move that thing back to it's place? I'm looking through the css styles atm but nothing manages to move it even a bit eh...

I know the paragraphs aren't needed but the WYSIWIG editor on the site inserts them automaticially, also they don't break anything in the clean document.

<a href="#" id="otwarcie">Otwieraj!</a></p>
<div class="ramka" id="okno1" title="Tytul">
Jestem okienkiem.<br />
<img height="300" src="http://i.imgur.com/xKE07.jpg" width="400" /></div>
<p>
<script>
$( ".ramka" ).dialog({ autoOpen: false,
width: "800",
height: "600",
closeText: "zamknij",
hide: 'fade',
show: 'fade' });
//$( ".ramka" ).dialog( "option", "width", 800 );
//$( ".ramka" ).dialog( "option", "height", 600 );
//$( ".ramka" ).dialog( "option", "closeText", "zamknij" );
$( "#otwarcie" ).click(function() {
$( "#okno1" ).dialog( "open" );
});
</script>

Attachments

Capture.JPG
Size : 8.19 KB Downloads : 657 Download

Replies(5)

kbwood.au

Re: UI - Dialog - Close button out of place

10 years ago

Yes, it's probably interference from your CSS, but without that CSS we can't tell. Can you provide a page that demonstrates the problem?

pomlon

Re: UI - Dialog - Close button out of place

10 years ago

Ofcourse! Here's a link:

http://redgps.pl/TEST#

I resolved the issue by removing the close button and making the dialog close by clicking inside of it or anywhere on the page, but still I would like to know how to fix the close button, so I could use it later. Any help appreciated! :)

kbwood.au