NEED HELP: on how to make the text field on the image (file I) sliced in Dreamweaver
First of all, I will apologize for not being a guy of current code or understanding terminology. I'm old school and build Web sites for my businesses and programs. I have a situation where I have designed a website on Illustrator and sliced the site and imported into Dreamweaver. Everything works fine, however, I train for the life of get me a (perhaps called a tag div or something) text box on one of my sliced background images. I have tried everything; read online tutorials and watched, however, it does not work for me. In the past, I had someone just put the code in (or fix my code) to make a table of open field, on top of my background image that I slit, so that I could add the content type to it. Can someone help me with this please?
Here is the code for the site. I put RED, the text field I try to overlay a text table or a box to work with. Thank you a lot if someone maybe can add the code (or the DIV) to make it work, but also if you can put it in a different color so I know how to this in the future, it would be a great help too.
< html > < head > < meta http-equiv = "Content-Type" content = text/html"; charset = ISO-8859-1 ">"
< title > News < /title >
< style type = "text/css" >
{body
background-color: #000;
}
< / style >
< script type = "text/javascript" >
function MM_swapImgRestore() //v3.0 {}
var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;
}
function MM_preloadImages() {//v3.0
var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();
var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)
If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}
}
function MM_findObj (n, d) {//v4.01
var p, i, x; if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}
d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}
If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];
for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);
If (! x & & d.getElementById) x = d.getElementById (n); Return x;
}
function MM_swapImage() {//v3.0
var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).
If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}
}
< /script >
< / head >
< body bgcolor = « #000000 » vlink = « #00FF00 » leftmargin = « 0 » topmargin = « 0 » marginWidth ne = « 0 » marginheight = « 0 » onLoad = « MM_preloadImages (' images/sur-lien-TopBLURR.jpg','images/éducation-lien-TopBLURR.jpg','images/Team-Link-TopBLURR.jpg','images/Training-Link-TopBLURR.jpg','images/Contact-Link-TopBLURR.jpg','images/Bottom-OverviewBLURR.jpg','images/Bottom-FounderBLURR.jpg','ima ges/Bottom-LocationBLURR.jpg','images/Bottom-TestimonialsBLURR.jpg','images/Bottom-Board-M embersBLURR.jpg','images/Bottom-Justin-SienaBLURR.jpg','images/Bottom-BoardingBLURR.jpg', 'images/Bottom-InternationalBLURR.jpg','images/Bottom-RosterBLURR.jpg','images/Bottom-Staff BLURR.jpg','images/Bottom-ScheduleBLURR.jpg','images/Bottom-NewsBLURR.jpg','images/Bottom-VideosBLURR.jpg','images/Bottom-Skill-DevelopBLURR.jpg' ' images/ fond-force-BLURR.jpg','images/Bottom-Training-VidsBLURR.jpg','images/Bottom-MentorBLURR.jpg','images/Bottom-Fun draisingBLURR.jpg','images/Bottom-DonationsBLURR.jpg','images/Botton-SponsorsBLURR.jpg','i mages/Bottom-ContactBLURR.jpg','images/Bottom-storeBLURR.jpg','images/Bottom-Bball-campsBL URR - 27.jpg') ">"
< div style = "position: absolute;" left: 0px; Top: 0px; Width: 1231px; height: 840px; ">
< div style = "background - image: url(Pro-Prep-Website_01.jpg);" position: absolute; left: 0px; Top: 0px; Width: 1px; height: 840px; "title =" ">
< / div >
< div style = "background - image: url(Top-Left-Logo.jpg);" position: absolute; Left: 1px; Top: 0px; Width: 719px; height: 119px; "title =" ">
< / div >
< div style = "background - image: url(Top-Blank-Rectangle.jpg);" position: absolute; left: 720px; Top: 0px; Width: 511px; height: 64px; "title =" ">
< / div >
< div style = "background - image: url(About-Link-Top.jpg);" position: absolute; left: 720px; top: 64px; Width: 85px; height: 55px; "title =" "> < a href ="AboutOverview.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image1',", ' images/sur-lien - TopBLURR.jpg', 1) "> < img src =" topic-link - Top.jpg "width ="85"height ="55"id ="Image1"> < /a >"
< / div >
< div style = "background - image: url(Location-Link-Top.jpg);" position: absolute; left: 805px; top: 64px; Width: 108px; height: 55px; "title =" "> < a href ="Academics.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage (" Image2 "," ' images/education-link - TopBLURR.jpg', 1) "> < img src =" Education-link - Top.jpg "width ="108"height ="55"id ="Image2"> < / has >"
< / div >
< div style = "background - image: url(Team-Link-Top.jpg);" position: absolute; left: 913px; top: 64px; Width: 76px; height: 55px; "title =" "> < a href ="Roster.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image3',", ' images/team-link - TopBLURR.jpg', 1) "> < img src = ' team-link - Top.jpg" width = height "76" = "55" id = "3" > < /a > "
< / div >
< div style = "background - image: url(Training-Link-Top.jpg);" position: absolute; left: 989px; top: 64px; Width: 96px; height: 55px; "" title = "" > < a href = "Development.html Skill" Mm_swapimgrestore "onMouseOver ="MM_swapImage ('Image4 '", ' images/training-link - TopBLURR.jpg', 1)" > < img src = "training-link - Top.jpg" width = "96" height = "55" id = "Image.4" > < / has >
< / div >
< div style = "background - image: url(Contact-Link-Top.jpg);" position: absolute; left: 1085px; top: 64px; Width: 145px; height: 55px; "title =" "> < a href ="Contact.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Picture5'", ' images/Contact-link - TopBLURR.jpg', 1) "> < img src =" Contact-link - Top.jpg "width ="145"height ="55"id = 'Picture5' > < / has >"
< / div >
< div style = "background - image: url(Pro-Prep-Website_09.jpg);" position: absolute; left: 1230px; top: 64px; Width: 1px; height: 715px; "title =" ">
< / div >
< div style = "background - image: url(Left-Star.jpg);" position: absolute; Left: 1px; top: 119px; Width: 233px; height: 720px; "title =" ">
< / div >
< span style = "background-image:;" position: absolute; left: 234px; top: 119px; Width: 996px; height: 482px; ' >< img src = "images/Blank - Body.jpg" width = "996" height = "482" alt = "" ></span >
< div style = "background - image: url(Bottom-Titles.jpg);" position: absolute; left: 234px; top: 601px; Width: 996px; height: 59px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Overview-.jpg);" position: absolute; left: 234px; top: 660px; Width: 178px; height: 30px; "title =" "> < a href ="AboutOverview.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image6'", ' images/down - OverviewBLURR.jpg', 1) "> < img src ="Bottom-overview-.jpg"width ="178"height ="30"id = 'Image6' > < / has >"
< / div >
< div style = "background - image: url(Pro-Prep-Website_14.jpg);" position: absolute; left: 412px; top: 660px; Width: 1px; height: 30px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Justin-Siena.jpg);" position: absolute; left: 413px; top: 660px; Width: 189px; height: 30px; "title =" "> < a href ="Academics.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image11'", ' images/bottom-Justin - SienaBLURR.jpg', 1) "> < img src =" bottom-Justin - Siena.jpg "width ="189"height ="30"id ="Image11"> < / has >"
< / div >
< div style = "background - image: url(Bottom-Roster.jpg);" position: absolute; left: 602px; top: 660px; Width: 108px; height: 29px; "title =" "> < a href ="Roster.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image15',", ' images/down - RosterBLURR.jpg', 1) "> < img src =" low - Roster.jpg "width ="108"height = '29' id = 'Image15' > < /a >"
< / div >
< div style = "background - image: url(Bottom-Skill-Develop.jpg);" position: absolute; left: 710px; top: 660px; Width: 218px; height: 29px; "" title = "" > < a href = "Development.html Skill" Mm_swapimgrestore "onMouseOver ="MM_swapImage ('Image20 ',", ' images/low-skill - DevelopBLURR.jpg', 1)" > < img src = "low-skill - Develop.jpg" width = "218" height = '29' id = 'Image20' > < /a >
< / div >
< div style = "background - image: url(Bottom-Mentor.jpg);" position: absolute; left: 928px; top: 660px; Width: 133px; height: 30px; "title =" "> < a href ="Mentorship.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image23',", ' images/down - MentorBLURR.jpg', 1) "> < img src =" low - Mentor.jpg "width ="133"height ="30"id ="Image23"> < / has >"
< / div >
< div style = "background - image: url(Bottom-Contact.jpg);" position: absolute; left: 1061px; top: 660px; Width: 168px; height: 29px; "title =" "> < a href ="Contact.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image27',", ' images/down - ContactBLURR.jpg', 1) "> < img src =" bottom - Contact.jpg "width ="168"height = '29' id = 'Image27' > < /a >"
< / div >
< div style = "background - image: url(Pro-Prep-Website_20.jpg);" position: absolute; left: 1229px; top: 660px; Width: 1px; height: 29px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Staff.jpg);" position: absolute; left: 602px; top: 689px; Width: 108px; height: 21px; "title =" "> < a href ="Staff.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image16',", ' images/down - StaffBLURR.jpg', 1) "> < img src =" low - Staff.jpg "width ="108"height ="21"="Image16"id > < / has >"
< / div >
< div style = "background - image: url(Bottom-Skill-Develop-23.jpg);" position: absolute; left: 710px; top: 689px; Width: 1px; height: 1px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Strength-.jpg);" position: absolute; left: 711px; top: 689px; Width: 217px; height: 21px; "" title = "" > < a href = Mm_swapimgrestore "Force and Cond.html" "onMouseOver ="MM_swapImage ('Image21 ',", ' images/background-force - BLURR.jpg', 1)" > < img src = "Bottom-force-.jpg" width = "217" height = "21" = "Image21" id > < / has >
< / div >
< div style = "background - image: url(Bottom-store.jpg); position: absolute; top: 689px; width: 169px; left: 1061px, height: 21px;" "" title = "" > < a href = " http://Store.jglove.com "Mm_swapimgrestore"onMouseOver ="MM_swapImage ('Image28 ',",' images/down - storeBLURR.jpg', 1)" > < img src = "bottom - store.jpg" width = "169" height = '21' id = 'Image28' > < /a >
< / div >
< div style = "background - image: url(Bottom-Founder.jpg);" position: absolute; left: 234px; top: 690px; Width: 179px; height: 23px; "title =" "> < a href ="Founder.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image7'", ' images/down - FounderBLURR.jpg', 1) "> < img src =" low - Founder.jpg "width ="179"height ="23"id ="Image7"> < /a >"
< / div >
< div style = "background - image: url(Bottom-Boarding.jpg);" position: absolute; left: 413px; top: 690px; Width: 189px; height: 23px; "title =" "> < a href ="Boarding.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image12',", ' images/down - BoardingBLURR.jpg', 1) "> < img src =" low - Boarding.jpg "width ="189"height ="23"id = 'Image12' > < / has >"
< / div >
< div style = "background - image: url(Bottom-Staff-28.jpg);" position: absolute; left: 710px; top: 690px; Width: 1px; height: 20px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Fundraising.jpg);" position: absolute; left: 928px; top: 690px; Width: 133px; height: 20px; "title =" "> < a href ="Fundraising.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image24',", ' images/down - FundraisingBLURR.jpg', 1) "> < img src =" low - Fundraising.jpg "width ="133"height = '20' id = 'Image24' > < / has >"
< / div >
< div style = "background - image: url(Bottom-Schedule.jpg);" position: absolute; left: 602px; top: 710px; Width: 108px; height: 23px; "title =" "> < a href ="Schedule.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image17',", ' images/down - ScheduleBLURR.jpg', 1) "> < img src =" low - Schedule.jpg "width ="108"height ="23"id ="Image17"> < /a >"
< / div >
< div style = "background - image: url(Bottom-Training-Vids.jpg);" position: absolute; left: 710px; top: 710px; Width: 218px; height: 22px; "" title = "" > < a href = "Videos.html training" Mm_swapimgrestore "onMouseOver ="MM_swapImage ('Image22 ',", ' images/bottom-training - VidsBLURR.jpg', 1)" > < img src = "bottom-training - Vids.jpg" width = "218" height = "22" id = "Image22" > < /a >
< / div >
< div style = "background - image: url(Bottom-Donations.jpg);" position: absolute; left: 928px; top: 710px; Width: 133px; height: 23px; "title =" "> < a href ="Donations.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image25',", ' images/down - DonationsBLURR.jpg', 1) "> < img src =" low - Donations.jpg "width ="133"height ="23"id ="Image25"> < /a >"
< / div >
< div style = "background - image: url(Bottom-blank-9.jpg);" position: absolute; left: 1061px; top: 710px; Width: 169px; height: 22px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Location.jpg);" position: absolute; left: 234px; top: 713px; Width: 179px; height: 21px; "title =" "> < a href ="Location.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image8'", ' images/down - LocationBLURR.jpg', 1) "> < img src =" low - Location.jpg "width ="179"height ="21"id ="Image8"> < /a >"
< / div >
< div style = "background - image: url(Bottom-International.jpg);" position: absolute; left: 413px; top: 713px; Width: 189px; height: 21px; "title =" "> < a href ="Mission.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image13'", ' images/down - InternationalBLURR.jpg', 1) "> < img src =" bottom - International.jpg "width ="189"height ="21"= 'Image13' id > < / has >"
< / div >
< div style = "background - image: url(Bottom-Bball-camps.jpg);" position: absolute; left: 710px; top: 732px; Width: 218px; height: 1px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Blank-10.jpg);" position: absolute; left: 1061px; top: 732px; Width: 169px; height: 23px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-News.jpg);" position: absolute; left: 602px; top: 733px; Width: 109px; height: 23px; "title =" "> < a href ="News.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image18',", ' images/down - NewsBLURR.jpg', 1) "> < img src =" bottom - News.jpg ' width = '109' height = '23' id = 'Image18' > < /a > "
< / div >
< div style = "background - image: url(Bottom-Bball-camps-39.jpg);" position: absolute; left: 711px; top: 733px; Width: 217px; height: 20px; "" title = "" > < a href = "Bball Camps.html" Mm_swapimgrestore "onMouseOver ="MM_swapImage ('Image29 ',", ' images/bottom-Beni-campsBLURR - 27.jpg', 1)" > < img src = "Bottom-Beni-camps - 38.jpg" width = "217" height = '20' id = 'Image29' > < / has >
< / div >
< div style = "background - image: url(Botton-Sponsors.jpg);" position: absolute; left: 928px; top: 733px; Width: 133px; height: 22px; "title =" "> < a href ="Sponsors.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image26',", ' images/Botton - SponsorsBLURR.jpg', 1) "> < img src =" Botton - Sponsors.jpg "width ="133"height ="22"id ="Image26"> < /a >"
< / div >
< div style = "background - image: url(Bottom-Testimonials.jpg);" position: absolute; left: 234px; top: 734px; Width: 178px; height: 21px; "title =" "> < a href ="Testimonials.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image9'", ' images/down - TestimonialsBLURR.jpg', 1) "> < img src =" low - Testimonials.jpg "width ="178"height ="21"= 'Image9' id > < / has >"
< / div >
< div style = "background - image: url(Bottom-blank-5.jpg);" position: absolute; left: 711px; top: 753px; Width: 217px; height: 26px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Board-Members.jpg);" position: absolute; left: 234px; top: 755px; Width: 178px; height: 23px; "" title = "" > < a href = "Members.html room" Mm_swapimgrestore "onMouseOver ="MM_swapImage ('Image10 '", ' images/bottom-Board - MembersBLURR.jpg', 1)" > < img src = "bottom-Board - Members.jpg" width = "178" height = "23" id = "Image10" > < /a >
< / div >
< div style = "background - image: url(Bottom-Blank.jpg);" position: absolute; left: 412px; top: 755px; Width: 190px; height: 23px; "title =" ">
< / div >
< div style = "background - image: url(Pro-Prep-Website_45.jpg);" position: absolute; left: 928px; top: 755px; Width: 1px; height: 85px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Blank-7.jpg);" position: absolute; left: 929px; top: 755px; Width: 132px; height: 24 PX. "title =" ">
< / div >
< div style = "background - image: url(Bottom-blank-11.jpg);" position: absolute; left: 1061px; top: 755px; Width: 169px; height: 24 PX. "title =" ">
< / div >
< div style = "background - image: url(Bottom-Blank-49.jpg);" position: absolute; left: 602px; top: 756px; Width: 1px; height: 22px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Videos.jpg);" position: absolute; left: 603px; top: 756px; Width: 107px; height: 24 PX. "title =" "> < a href ="Videos.html"Mm_swapimgrestore" onMouseOver ="MM_swapImage ('Image19',", ' images/down - VideosBLURR.jpg', 1) "> < img src =" bottom - Videos.jpg "width ="107"height = '24' id = 'Image19' > < /a >"
< / div >
< div style = "background - image: url(Bottom-blank-5-51.jpg);" position: absolute; left: 710px; top: 756px; Width: 1px; height: 24 PX. "title =" ">
< / div >
< div style = "background - image: url(Pro-Prep-Website_51.jpg);" position: absolute; left: 234px; top: 778px; Width: 178px; height: 29px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Blank-2.jpg);" position: absolute; left: 412px; top: 778px; Width: 191px; height: 29px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Blank-6.jpg);" position: absolute; left: 711px; top: 779px; Width: 217px; height: 28px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Blank-8.jpg);" position: absolute; left: 929px; top: 779px; Width: 132px; height: 29px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-blank-13.jpg);" position: absolute; left: 1061px; top: 779px; Width: 170px; height: 61px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-Blank-3.jpg);" position: absolute; left: 603px; top: 780px; Width: 107px; height: 27px; "title =" ">
< / div >
< div style = "background - image: url(Pro-Prep-Website_57.jpg);" position: absolute; left: 710px; top: 780px; Width: 1px; height: 27px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-blank-0.jpg);" position: absolute; left: 234px; top: 807px; Width: 179px; height: 33px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-copyright.jpg);" position: absolute; left: 413px; top: 807px; Width: 515px; height: 32px; "title =" ">
< / div >
< div style = "background - image: url(Bottom-blank-12.jpg);" position: absolute; left: 929px; top: 808px; Width: 132px; height: 32px; "title =" ">
< / div >
< div style = "background - image: url(Pro-Prep-Website_61.jpg);" position: absolute; Left: 1px; top: 839px; Width: 233px; height: 1px; "title =" ">
< / div >
< div style = "background - image: url(Pro-Prep-Website_62.jpg);" position: absolute; left: 413px; top: 839px; Width: 515px; height: 1px; "title =" "> < / div > < / div >
< body / > < / html >
You sent a couple of workarounds