PFZ.nl - PHP Community: jQuery Dialog - hoe maak ik een border? - Frontend - Forum - PFZ.nl - PHP Community

Je kunt niet antwoorden op dit topic
#1 16-03-2011 21:51
  • The Samurai
  • Groep: Forumleden
  • Posts: 97
  • Actief sinds: 30-01-2002
Klinkt raar, maar het lukt me maar niet om de rand van een dialogvenster (Dialog Modal) binnen jQuery vast te stellen. Nu heb ik geen border, maar ik wil graag een dunne grijze rand.

#2 16-03-2011 22:04
  • Martin P
  • Groep: Moderators
  • Posts: 6018
  • Actief sinds: 19-04-2007

Bekijk Post Op 16-03-2011 22:51 schreef The Samurai:

Klinkt raar, maar het lukt me maar niet om de rand van een dialogvenster (Dialog Modal) binnen jQuery vast te stellen. Nu heb ik geen border, maar ik wil graag een dunne grijze rand.
Gewoon met CSS?
1
border: #999 1px solid;

Misschien ook wel handig om even een linkje te geven naar de betreffende plugin, zodat we weten waar het over gaat. De naam "Dialog Modal" is een veelgebruikte naam waardoor we niet weten welke plugin jij precies hebt.
Handleidingen zijn er niet voor niets, gebruik ze dus :)
HTML5 ~ CSS ~ PHP ~ MySQL ~ SQL-injectie bestaat al sinds 1998

#3 16-03-2011 22:18
  • The Samurai
  • Groep: Forumleden
  • Posts: 97
  • Actief sinds: 30-01-2002
Zie eerste regel! Dit werkt niet...



.ui-dialog { position:absolute; padding:.2em; width:300px; overflow:hidden;border: #999 1px solid; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; color:#2294d4; }
.ui-dialog .ui-dialog-titlebar-close { background-color:#dddddd;position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom:1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

#4 16-03-2011 22:22
  • Martin P
  • Groep: Moderators
  • Posts: 6018
  • Actief sinds: 19-04-2007

Bekijk Post Op 16-03-2011 23:18 schreef The Samurai:

Zie eerste regel! Dit werkt niet...
Het is inderdaad in één oogopslag duidelijk hoe je hele HTML-code in elkaar zit en welke jQuery-plugin je gebruikt... :D Met alleen wat CSS komen we natuurlijk niet verder, hè? ;)
Handleidingen zijn er niet voor niets, gebruik ze dus :)
HTML5 ~ CSS ~ PHP ~ MySQL ~ SQL-injectie bestaat al sinds 1998

#5 16-03-2011 22:28
  • Dennis V
  • Groep: Forumleden
  • Posts: 118
  • Actief sinds: 08-10-2003
Dialog is standaard jQuery (UI) hoor.

#6 16-03-2011 23:35
  • Martin P
  • Groep: Moderators
  • Posts: 6018
  • Actief sinds: 19-04-2007

Bekijk Post Op 16-03-2011 23:28 schreef Dennis V:

Dialog is standaard jQuery (UI) hoor.
Dat is inderdaad één van de velen.
Als we er voor het gemak even vanuit gaan dat hij daadwerkelijk de plugin van de jQuery UI gebruikt, die heeft standaard al een border. Dus dat zal 'm hoogstwaarschijnlijk niet zijn.

EDIT:
Kijk eens of alle plaatjes wel gevonden worden. Dit kun je heel makkelijk zien met Firebug, daarmee kun je in één oogopslag zien als een bestand niet gevonden wordt d.m.v. de 404-errors (mist je dat correct hebt ingesteld).
Handleidingen zijn er niet voor niets, gebruik ze dus :)
HTML5 ~ CSS ~ PHP ~ MySQL ~ SQL-injectie bestaat al sinds 1998

#7 17-03-2011 06:19
  • The Samurai
  • Groep: Forumleden
  • Posts: 97
  • Actief sinds: 30-01-2002
Voor de volledigheid: jQuery UI CSS Framework 1.8.7
Bovenstaande is een stukje uit de stylesheet.

Dat over plaatjes ga ik snel bekijken. Laat ik nog weten.


Inloggen wachtwoord vergeten? Aanmelden