tip: Images w/ borders, margins

[quags]

I liked to add margins and borders to my images by changing the stylesheet, but this effected also the buttons in oedit.
Perhaps somebody found already another solution - i found this:

in line 163..164 of oedit.php add class-attribute to the document.write-functions:
...
if(btns[0]!="")document.write("<img class=\"btn\" src=\""+getimage(btns[0])+"\" id=\""+btns[0]+"\" alt=\""+btns[1]+"\" title=\""+btns[1]+"\" onclick=\"cmd(\'"+btns[0]+"\')\" width=\"23\" height=\"22\" style=\"border:outset 1px;\" onmouseover=\"this.style.border=\'inset 1px\';window.status=\'"+btns[2]+"\'\" onmouseout=\"this.style.border=\'outset 1px\';window.status=\'"+copyright+"\'\">");
else document.write("<img src=\""+getimage("space")+"\" class=\"btn\" alt=\"\" width=\"3\" height=\"22\">")
...
then change then attributes for the img-tag and add .btn-class to the stylesheet:


img {
border: 1px solid black;
margin: 10px;
}
.btn{
border: 0;
margin: 0px;
}


Have fun

[Connie]

as often, it is very easy

you must not operate in the oedit.php

all Edit-Content has .edit-class

so define 2 ways (here an example)

Code: Select all

img {border:1px red dotted}
.edit img {border:0;}

in the stylesheet and everything is ok

do not operate the php-files! How to keep these changes when updating?