Fritz,
How does "it" know that it is moving the correct structure?
The map has to be an overlay of some kind, otherwise you could not undo the changes. What if I miss a few pixels when I set the anchor point?
Seems like they would almost have to have the file to get the pixel values, so they know what they are moving.
I'm certain I am wrong but I can see no other way....
Greg
Greg,
each anchorpoint is locked to a area.
On the other hand, I could see what they have send back or so.
It sends data with http://www.portraitprofessional.com/css/style.css
Or I get or send this data, I don't know but this is a example:
body {
font-family: verdana, arial, helvetica, sans-serif;
color:#333333;
font-size:8pt;
}
/*
pageStyle
*/
.container{
width:948px;
background-color: #000000;
margin-top:20px;
margin-right:12px;
margin-bottom:12px;
margin-left:12px;
border-width: 1px;
border-style: solid;
border-color: #696969;
}
.intro{
width:250px;
background-color: #000000;
margin-top:0px;
margin-right:12px;
margin-bottom:12px;
margin-left:12px;
}
.strapline{
vertical-align:top;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 100px;
padding-right: 10px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#f8f8f8;
font-size:18pt;
font-weight:100;
line-height : 130%;
left: 0px;
}
.introtext{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
color:#f8f8f8;
font-size:10pt;
font-weight:bold;
line-height : 200%;
}
.introtext a { color: #c88902; text-decoration: none; font-family: verdana, arial, sans-serif;}
.introtext a:link { color: #c88902; text-decoration: none;}
.introtext a:visited { color: #c88902; text-decoration: none;}
.introtext a:active { color: #c88902; text-decoration: underline;}
.introtext a:hover { color: #c88902; text-decoration: underline; }
.buttons{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
#homeimg {
background-image: url( ../img/introimage.jpg);
background-position: left top;
background-repeat: no-repeat
}
/*
/#aboutimg{
background-image: url( ../img/face6.jpg);
background-position: left top;
background-repeat: no-repeat
}
*/
/*
/#techimg{
background-image: url( ../img/face5.jpg);
background-position: left top;
background-repeat: no-repeat
}
*/
/*
#contactimg{
background-image: url( ../img/face4.jpg);
background-position: left top;
background-repeat: no-repeat
}
*/
.table{
vertical-align:top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#f8f8f8;
font-size:8pt;
font-weight:normal;
line-height : 130%;
left: 0px;
}
.description{
vertical-align:top;
padding-top: 10px;
padding-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#f8f8f8;
font-size:8pt;
font-weight:normal;
line-height : 130%;
left: 0px;
}
.description a { color: #c88902; text-decoration: none; font-family: verdana, arial, sans-serif;}
.description a:link { color: #c88902; text-decoration: none;}
.description a:visited { color: #c88902; text-decoration: none;}
.description a:active { color: #c88902; text-decoration: underline;}
.description a:hover { color: #c88902; text-decoration: underline; }
.title {
vertical-align:top;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.head{
font-size:8pt;
color:#f8f8f8;
font-weight:bold;
padding-top: 10px;
}
.boxline{
width:920px;
margin-top:0px;
margin-right:12px;
margin-bottom:0px;
margin-left:12px;
border-width: 1px;
border-style: solid;
border-bottom-color: #696969;
border-left-color: #000000;
border-right-color: #000000;
border-top-color: #696969;
}
.boxline2{
width:920px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
border-width: 1px;
border-style: solid;
border-bottom-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
border-top-color: #696969;
vertical-align:top;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#f8f8f8;
font-size:8pt;
font-weight:normal;
line-height : 130%;
left: 0px;
}
.contenttable {
vertical-align:top;
padding: 0px 0px 0px 13px;
}
.line {
vertical-align:top;
padding: 0px 10px 0px 10px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
color:#949ec1;
}
.navbar{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#f8f8f8;
font-size:8pt;
font-weight:bold;
padding: 6px 10px 6px 10px;
}
.navbar a { color: #f8f8f8; text-decoration: none; font-family: verdana, arial, sans-serif; }
.navbar a:link { color: #f8f8f8; text-decoration: none; }
.navbar a:visited { color: #f8f8f8; text-decoration: none; }
.navbar a:active { color: #f8f8f8; text-decoration: underline;}
.navbar a:hover { color: #f8f8f8; text-decoration: underline; }
.navbar2{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#ff0000;
font-size:8pt;
font-weight:bold;
padding: 6px 10px 6px 10px;
}
.navbar2 a { color: #ff0000; text-decoration: none; font-family: verdana, arial, sans-serif; }
.navbar2 a:link { color: #ff0000; text-decoration: none; }
.navbar2 a:visited { color: #ff0000; text-decoration: none; }
.navbar2 a:active { color: #ff0000; text-decoration: underline;}
.navbar2 a:hover { color: #ff0000; text-decoration: underline; }
.footer{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#f8f8f8;
font-size:8pt;
font-weight:normal;
padding: 6px 10px 6px 10px;
}
.footer a { color: #c88902; text-decoration: none; font-family: verdana, arial, sans-serif;}
.footer a:link { color: #c88902; text-decoration: none;}
.footer a:visited { color: #c88902; text-decoration: none;}
.footer a:active { color: #c88902; text-decoration: underline;}
.footer a:hover { color: #c88902; text-decoration: underline; }
Frits