ApDiv tag
Hi,
I have used an Apdiv Tag in a page. And in that one I place
an image.
To this image I've created a link. The problem is the color.
First the border around the image is visible, I don't want
it. It shouldn't be colored.
Second , the border get pink after you clicked on the image.
That worse.
Anyone how to solve this? Is there a setting I can use,
where?
Or should I use CSS? How should I write? I've tried with
a-link visited=#000000 but it doesn't helped.
I think I could works with specifying the link color in the
Apdive somewhere.
Plz help me.
Sture80 wrote:
> Hi,
>
> I have used an Apdiv Tag in a page. And in that one I
place an image.
> To this image I've created a link. The problem is the
color.
>
> First the border around the image is visible, I don't
want it. It shouldn't be
> colored.
> Second , the border get pink after you clicked on the
image. That worse.
>
> Anyone how to solve this? Is there a setting I can use,
where?
> Or should I use CSS? How should I write? I've tried with
a-link
> visited=#000000 but it doesn't helped.
> I think I could works with specifying the link color in
the Apdive somewhere.
>
> Plz help me.
>
To sort it for all images that you are using for links then
try this
rule in a linked stylesheet.....
a img {border:none;}
HTH
chin chin
Sinclair
Similar Messages
-
How do I position a apDiv tag?
Hi there,
I am having trouble trying to position my apDiv tag (apDiv1).
How do i position it so that when the browser window is resized, it stays directly under the words "quick links"
Please see my page https://dl.dropbox.com/u/4966582/intranet/index.html
Also, does anyone know why two faint lines are appearing in the bottom half of the page?
Thanks
NathanFirst, there's no reason at all for apdivs in your layout. Do away with it altogether.
The lines are appearing because your footer is one big image and it's not a repeating image and either it doesn't go to the edge or it doesn't match up with your. Again this has to do with your layout. There is really no reason to make everything into big images like you have. Make a simple 450px high by 5px wide image and use it for your footer bg. Set it to repeat-x.
My suggestion would be to just start with a template or look to a framework like Bootstrap to help you out with the coding and look at making the site with CSS.
http://twitter.github.com/bootstrap/index.html -
AP div tags/positioning within a box/can't do it/?
*I've drawn a container box for my home page, into which I want to add an image, and then freely position my interactive/rollover buttons and/or images within the confines of that box. I've got the background...and the box...but Dreamweaver will not let me draw an apdiv tag within the box. I can draw outside the box, but get a circle with a slash when I try to draw within the box.
I have a page online www.bradmarsh.org. I created it by just placing the image and then drawing the button boxes and placing them. They are not placed relative to the confines of the box, so they move when I resize the browser. Also..I might add...it's just a mockup.
At this point, I still don't understand html, but I am starting to grasp it somewhat. If I can solve this little issue, I can carry on with creating my own site.
Help??
Thank youI've drawn a container box for my home page,
DW is not a graphics application with which you freely draw boxes on a workspace. It's pro-level web authoring software that requires you to possess a working knowledge of Web Design concepts, HTML and CSS code.
Close DW.
Spend some time learning CSS and XHTML first.
Then work through this 3 part tutorial:
Taking a Fireworks comp to a CSS Layout in DW
Part 1 - Initial Design
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Part 2 - Markup preparation
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Part 3 - Layout and CSS
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
I'm developing a website in DW and have found the whole
template thing so buggy that I'm wondering if I could actually
script the entire thing using css. The issue I have is that my site
uses spry accordion widget placed over a apdiv tag/ In addition, I
have a place for page info in an expandable box in an apdiv tag.
Seems this should be easy, but i get hung up on figuring out
to place the apdivs with in css.
http://www.christywebbertemp.com/index.html
is the link to the site.Script the entire thing using CSS? I can't imagine what you
are thinking.
Anyhow you have this CSS -
topnav {
position:absolute;
width:420px;
height:41px;
z-index:3;
left: 520px;
top: 86px;
font: bold normal 16px/normal Verdana, Arial, Helvetica,
sans-serif;
color: #CC0000;
text-align: center;
vertical-align: baseline;
But that's not a proper selector. Then you have this -
<p class="topnav"> </p>
<p class="topnav"> </p>
<div id="topnav">
so I'm assuming you want that rule to hit this div. In that
case the
selector would have to be this -
#topnav {
Just so you'll know, I think it's terribly confusing to have
both an ID
selector and a class selector with the same name.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Malinki8" <[email protected]> wrote in
message
news:gqdfoj$oo8$[email protected]..
> I'm developing a website in DW and have found the whole
template thing so
> buggy
> that I'm wondering if I could actually script the entire
thing using css.
> The
> issue I have is that my site uses spry accordion widget
placed over a
> apdiv
> tag/ In addition, I have a place for page info in an
expandable box in an
> apdiv
> tag.
>
> Seems this should be easy, but i get hung up on figuring
out to place the
> apdivs with in css.
>
>
http://www.christywebbertemp.com/index.html
is the link to the site.
> -
How Do I Put Pictures anywhere in fluid grid layout??
Hi,
I was wondering how you put pictures anywhere you want in fluid grid layout without having to use the fluid grid layout div tag. I find it easier to use the ap div and simply insert pictures and move them freely however when i do that they dont stay in the correct place and the other grids? Is there an easier way?Sorry but APDiv tags don't work in Fluid Grid layouts. That's why Adobe removed them from CC.
You must use the Fluid Grid divs in your layout to hold your text and images.
<div class="gridContainer clearfix">
<div class="div1">
insert image here...
</div>
<div class="div2">
insert image here...
</div>
</div>
Nancy O. -
Thank you before hand for anybody nice enough to help me with
this problem.
I am having an issue with the Blind effect in Dreamweaver
CS3.
I have a rollover image that is part of my nav. bar, it is
set up so on mouse roll over it blinds down a APDiv underneath it.
On mouse out it blinds up the APDiv tag. The problem is that after
it blinds up a 1px line remains and looks horrible. I figured out
that the line is the same color as the border i'm using for the
APdiv and that when i remove the border the line does NOT remain.
However, the site does not look right without the APDiv's having
borders.
Please, if anybody knows how to fix this OR work around it
please let me know.
the site is located @ www.telmarkpkg.com, thanks.
DLudwigHi All,
I have the same problem, as per attached snapshots.
Regards,
Mohamed Eissa -
Lost my mxKollection3.css file
Don't ask me how; I've no idea, but my mxKollection3.css file was over-written. It now contains some lonely little apDiv tags of my own creation. I have un-installed the extension and re-installed it but that didn't recreate the original file as I had hoped it might. Can someone please tell me how to get this file back?
Thank you.Hi Brian
P.S. can you remind me of my name?
heck no, I can´t even recall my own name at times ! As I´m not completely sure about your name either, please select one of the following options:
a) Brian Carbone
b) Brian Barbone (the "lunga barba" version)
c) Brian Nardone
however, in case of doubt better ask your mom, she should know who you really are :-)
14 hours daily and months and months of work
really that much, and using ADDT ? Always thought it would help you get things done *fast* ;-)
Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver -
Problem with text-indent style , select tag on IE
Hi Developers,
i tried text-indent style class for <select> <option> tag .. The following given code is working on Mozilla fire box browser, but it is not working on IE..
I am trying to build a tree structure in the list box with multiple levels without ' ' and <OPTGROUP> does not support multiple levels.
Here is the example with multiple levels.
<html>
<head>
<title>Main </title>
<style>
.style {color:green;font-weight:bold}
.style1 {text-indent:45px;color:red;}
.style2 {text-indent:90px;color:blue;}
.style3 {text-indent:135px;color:green;}
</style>
</head>
<body>
<form name="form1">
<select name="retail" >
<option selected disabled value="">Tree Structure</option>
<option value="Father" class="style">Father</option>
<option class="style1" value="/retail/chandler/">Son 1</option>
<option class="style2" value="/retail/chandler/">Grand Son 1</option>
<option class="style2" value="/retail/chandler/">Grand Son 2</option>
<option class="style3" value="/retail/chandler/">Great Grand Son 1</option>
<option class="style3" value="/retail/chandler/">Great Grand Son 2</option>
<option class="style2" value="/retail/chandler/">Grand Son 3</option>
<option class="style1" value="/retail/chandler/">Son 2</option>
</select>
</form>
</body>
</html>
Please help me out by providing a solution to this issue.You have bigger problems than you realize. On this page - the one after the Splash intro page,
http://www.transgenic-rabbit-models.com/Home.html
As seen in Firefox with increased text. See screenshot.
Notice how your text boxes are colliding into other text boxes? This happens when web designers paint themselves into a corner with a rigid layout. Web pages must be flexible for all screen and text sizes.
You are using APDivs as a primary layout method which is a bad choice. And here is why.
http://apptools.com/examples/pagelayout101.php
Suggested Tutorials -
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
OK so this is my first wbesite in dreamweaver so and i ran into a problem....i made a AP div tag but i can get it where i want it.....my backrground is center in the website and i put my nav links in a AP div tag so i could then put them in a certain area where i wanted.(i think is the only way i know hjow to do this) Well how can i get them centered left and right in the website but the top and bottom i want to place by hand???? they are where they need to be when i preview it in the browser but in the dreamweaver file they are down and to the right......i had to keep messing with it and previewin it until it showed up where i wanted it to in the browser. Im sure i have a setting worng either in my CSS or html.... Please help!
First rule of web design is to stop thinking like a graphic or print designer. Web pages need to be flexible to perform well on different devices, browsers, user settings, screen and text sizes. And web designers have almost no control over these user-centric variables.
The second rule of web design, you cannot precisely position text or other elements on top of big background image and expect it to stick. It just doesn't work.
http://alt-web.com/Backgrounds.shtml
If your navigation bar requires a background, it should be separate from the page background. You'll need to use solid colors or create image slices for your nav bar in your graphics editor.
Third rule, use default CSS positioning (which is no positioning at all). Align objects with CSS margins, padding and floats.
Basic CSS Layout. (No APDivs used, no animals were harmed)
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
Also read this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
Hello,
What is the diffrence between Insert Div Tag, Insert Fluid Grid Layout Div Tag and Draw AP Div?
How to use all these three?
Where to use all these three?
What will be the effect in the design with these three?Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Default positioning (static or unspecified) is all you need for 98% of layouts.
"Drawing boxes" in DW is not a good way to work either. DW is not a graphics editor like Photoshop. It's a web authoring tool.
When you draw & move APDivs on your workspace, you remove content from the normal document flow and position them relative to the top, left corner of browser window or the nearest relatively positioned parent container.
When you preview the page in browsers, everything falls apart. APDivs are not a good layout approach. Here's more on why:
http://www.apptools.com/examples/pagelayout101.php
Nancy O. -
AP Div tag's absolute postioning not working
I have been trying to figure this problem out for about 2 hours and I have nothing. Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be (they're in the bottom right of the page, hundreds of pixels from where they're supposed to be). Any ideas?
Here's the code if it will help. Sorry its really long.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SSR Shop!</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:771px;
height:186px;
z-index:6;
left: 232px;
top: 121px;
#apDiv2 {
position:absolute;
width:635px;
height:774px;
z-index:1;
left: 299px;
top: 368px;
overflow: hidden;
#apDiv3 {
position:absolute;
width:600px;
height:30px;
z-index:2;
left: 315px;
top: 514px;
#apDiv4 {
position:absolute;
width:79px;
height:22px;
z-index:2;
left: 307px;
top: 48px;
overflow: hidden;
visibility: visible;
#apDiv5 {
position:absolute;
width:86px;
height:23px;
z-index:8;
left: 440px;
top: 47px;
visibility: visible;
#apDiv6 {
position:absolute;
width:171px;
height:33px;
z-index:4;
left: 539px;
top: 44px;
visibility: visible;
#apDiv7 {
position:absolute;
width:185px;
height:28px;
z-index:5;
left: 317px;
top: 77px;
visibility: visible;
#apDiv8 {
position:absolute;
width:186px;
height:36px;
z-index:6;
left: 520px;
top: 79px;
visibility: visible;
#apDiv9 {
position:absolute;
width:200px;
height:115px;
z-index:7;
left: 757px;
top: 29px;
#apDiv10 {
position:absolute;
width:161px;
height:91px;
z-index:7;
left: 778px;
top: 9px;
visibility: visible;
body {
background-color: #000000;
#apDiv11 {
position:absolute;
width:211px;
height:250px;
z-index:8;
left: 14px;
top: 17px;
#apDiv12 {
position:absolute;
width:146px;
height:103px;
z-index:8;
left: 301px;
top: 349px;
#apDiv13 {
position:absolute;
width:200px;
height:120px;
z-index:9;
left: 463px;
top: 348px;
#apDiv14 {
position:absolute;
width:227px;
height:115px;
z-index:10;
left: 1013px;
top: 519px;
#apDiv15 {
position:absolute;
width:200px;
height:115px;
z-index:11;
left: 297px;
top: 335px;
#apDiv16 {
position:absolute;
width:120px;
height:86px;
z-index:1;
left: 15px;
top: 18px;
#apDiv17 {
position:absolute;
width:262px;
height:104px;
z-index:2;
left: 140px;
top: 19px;
#apDiv18 {
position:absolute;
width:128px;
height:122px;
z-index:12;
left: 1012px;
top: 354px;
#apDiv19 {
position:absolute;
width:214px;
height:33px;
z-index:13;
left: 1013px;
top: 317px;
#apDiv20 {
position:absolute;
width:134px;
height:30px;
z-index:14;
left: 1011px;
top: 484px;
#apDiv21 {
position:absolute;
width:123px;
height:86px;
z-index:3;
left: 14px;
top: 148px;
#apDiv22 {
position:absolute;
width:207px;
height:114px;
z-index:4;
left: 145px;
top: 138px;
overflow: hidden;
#apDiv23 {
position:absolute;
width:237px;
height:257px;
z-index:15;
left: 714px;
top: 335px;
#apDiv24 {
position:absolute;
width:159px;
height:25px;
z-index:5;
left: 459px;
top: 6px;
#apDiv25 {
position:absolute;
width:138px;
height:80px;
z-index:16;
left: 772px;
top: 349px;
#apDiv26 {
position:absolute;
width:200px;
height:115px;
z-index:17;
left: 736px;
top: 445px;
#apDiv27 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 234px;
top: 6px;
visibility: visible;
#apDiv28 {
position:absolute;
width:200px;
height:115px;
z-index:9;
top: 112px;
left: 236px;
visibility: visible;
#apDiv29 {
position:absolute;
width:402px;
height:491px;
z-index:19;
left: 410px;
top: 175px;
#apDiv30 {
position:absolute;
width:675px;
height:76px;
z-index:1;
left: 49px;
top: 605px;
#apDiv31 {
position:absolute;
width:200px;
height:73px;
z-index:19;
left: 285px;
top: 614px;
#apDiv32 {
position:absolute;
width:231px;
height:300px;
z-index:19;
left: 1px;
top: 2px;
#apDiv33 {
position:absolute;
width:230px;
height:100px;
z-index:19;
left: 3px;
top: -2px;
#apDiv34 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 8px;
top: 160px;
#apDiv35 {
position:absolute;
width:265px;
height:293px;
z-index:19;
left: -33px;
top: 14px;
#apDiv36 {
position:absolute;
width:233px;
height:295px;
z-index:19;
left: 106px;
top: 100px;
#apDiv37 {
position:absolute;
width:200px;
height:115px;
z-index:19;
left: 282px;
top: 611px;
#apDiv {
position:absolute;
width:197px;
height:28px;
z-index:4;
left: 539px;
top: 367px;
background-color: #000000;
#apDiv38 { position:absolute;
width:241px;
height:58px;
z-index:3;
left: 487px;
top: 323px;
#apDiv39 { position:absolute;
width:603px;
height:27px;
z-index:5;
left: 300px;
top: 493px;
#apDiv40 { position:absolute;
width:601px;
height:792px;
z-index:3;
left: 316px;
top: 356px;
#apDiv41 { position:absolute;
width:200px;
height:115px;
z-index:4;
left: 188px;
top: 603px;
#apDiv42 { position:absolute;
width:200px;
height:115px;
z-index:4;
left: 62px;
top: 456px;
#apDiv43 { position:absolute;
width:185px;
height:28px;
z-index:4;
left: 182px;
top: 5px;
#apDiv44 { position:absolute;
width:601px;
height:792px;
z-index:3;
left: 316px;
top: 356px;
#apDiv45 {
position:absolute;
width:671px;
height:733px;
z-index:19;
left: 291px;
top: 331px;
#apDiv46 {
position:absolute;
width:676px;
height:103px;
z-index:20;
left: 283px;
top: 313px;
#apDiv47 {
position:absolute;
width:580px;
height:332px;
z-index:21;
left: 333px;
top: 473px;
#apDiv48 {
position:absolute;
width:584px;
height:329px;
z-index:22;
left: 329px;
top: 467px;
#apDiv49 {
position:absolute;
width:207px;
height:245px;
z-index:10;
left: 13px;
top: 306px;
visibility: visible;
#apDiv50 {
position:absolute;
width:440px;
height:233px;
z-index:1;
left: 506px;
top: 918px;
background-color: #000000;
overflow: hidden;
outline-color: #CCCCCC;
outline-style: solid;
outline-width: 2px;
border-color: #CCCCCC;
border-width: 2px;
border-style: solid;
#apDiv51 {
position:absolute;
width:201px;
height:233px;
z-index:2;
left: 293px;
top: 918px;
background-color: #666666;
outline-color: #CCCCCC;
outline-style: solid;
outline-width: 2px;
border-color: #CCCCCC;
border-style: solid;
border-width: 2px;
#apDiv52 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 310px;
top: 958px;
#apDiv53 {
position:absolute;
width:108px;
height:41px;
z-index:23;
left: 389px;
top: 982px;
#apDiv54 {
position:absolute;
width:200px;
height:115px;
z-index:3;
#apDiv55 {
position:absolute;
width:112px;
height:41px;
z-index:23;
left: 389px;
top: 1132px;
}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
#apDiv56 {
position:absolute;
width:212px;
height:251px;
z-index:3;
left: -223px;
top: 567px;
visibility: visible;
}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
#apDiv57 {
position:absolute;
width:361px;
height:174px;
z-index:4;
left: 274px;
top: 973px;
#apDiv58 {
position:absolute;
width:207px;
height:287px;
z-index:1;
left: -317px;
top: -460px;
#apDiv59 {
position:absolute;
width:211px;
height:369px;
z-index:23;
left: 7px;
top: 836px;
#apDiv60 {
position:absolute;
width:213px;
height:268px;
z-index:24;
left: -496px;
top: -357px;
#apDiv61 {
position:absolute;
width:665px;
height:150px;
z-index:22;
left: 288px;
top: 919px;
#apDiv62 {
position:absolute;
width:664px;
height:250px;
z-index:25;
left: 297px;
top: 921px;
overflow: hidden;
#apDiv63 {
position:absolute;
width:200px;
height:115px;
z-index:26;
left: 11px;
top: 565px;
#apDiv64 {
position:absolute;
width:200px;
height:764px;
z-index:27;
left: 1025px;
top: 10px;
#apDiv65 {
position:absolute;
width:200px;
height:413px;
z-index:28;
left: 1026px;
top: 782px;
#apDiv66 {
position:absolute;
width:655px;
height:115px;
z-index:24;
left: 291px;
top: 927px;
#apDiv67 {
position:absolute;
width:160px;
height:115px;
z-index:23;
left: 294px;
top: 317px;
#apDiv68 {
position:absolute;
width:200px;
height:115px;
z-index:24;
left: 294px;
top: 500px;
#apDiv69 {
position:absolute;
width:200px;
height:115px;
z-index:24;
left: 486px;
top: 320px;
#apDiv70 {
position:absolute;
width:186px;
height:219px;
z-index:11;
left: 339px;
top: 416px;
color: #FFFFFF;
background-color: #CF000C;
visibility: visible;
#apDiv71 {
position:absolute;
width:186px;
height:219px;
z-index:12;
left: 527px;
top: 416px;
visibility: visible;
#apDiv72 {
position:absolute;
width:186px;
height:219px;
z-index:13;
left: 715px;
top: 416px;
background-color: #CF000C;
visibility: visible;
#apDiv73 {
position:absolute;
width:186px;
height:219px;
z-index:14;
left: 339px;
top: 637px;
visibility: visible;
#apDiv74 {
position:absolute;
width:186px;
height:219px;
z-index:15;
left: 527px;
top: 637px;
background-color: #CF000C;
visibility: visible;
#apDiv75 {
position:absolute;
width:186px;
height:219px;
z-index:16;
left: 715px;
top: 637px;
visibility: visible;
#apDiv76 {
position:absolute;
width:186px;
height:219px;
z-index:17;
left: 339px;
top: 857px;
background-color: #CF000C;
visibility: visible;
#apDiv77 {
position:absolute;
width:186px;
height:219px;
z-index:18;
left: 527px;
top: 857px;
visibility: visible;
#apDiv78 {
position:absolute;
width:186px;
height:219px;
z-index:19;
left: 714px;
top: 857px;
background-color: #CF000C;
visibility: visible;
#apDiv79 {
position:absolute;
width:186px;
height:219px;
z-index:32;
left: 339px;
top: 978px;
#apDiv80 {
position:absolute;
width:186px;
height:154px;
z-index:20;
left: 339px;
top: 419px;
visibility: visible;
#apDiv81 {
position:absolute;
width:186px;
height:30px;
z-index:21;
left: 340px;
top: 574px;
visibility: visible;
.style16 {
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
#apDiv82 {
position:absolute;
width:200px;
height:115px;
z-index:35;
#apDiv83 {
position:absolute;
width:187px;
height:51px;
z-index:22;
left: 339px;
top: 601px;
visibility: visible;
#apDiv84 {
position:absolute;
width:186px;
height:115px;
z-index:23;
left: 528px;
top: 420px;
visibility: visible;
#apDiv85 {
position:absolute;
width:186px;
height:32px;
z-index:24;
left: 527px;
top: 574px;
visibility: visible;
.style17 {
font-size: 24px;
color: #FFFFFF;
#apDiv86 {
position:absolute;
width:186px;
height:63px;
z-index:25;
left: 527px;
top: 601px;
visibility: visible;
#apDiv87 {
position:absolute;
width:675px;
height:44px;
z-index:26;
left: 284px;
top: 1136px;
visibility: visible;
#apDiv88 {
position:absolute;
width:186px;
height:115px;
z-index:27;
left: 715px;
top: 420px;
visibility: visible;
#apDiv89 {
position:absolute;
width:186px;
height:30px;
z-index:28;
left: 715px;
top: 574px;
visibility: visible;
.style18 {font-size: 24px; color: #FFFFFF; font-weight: bold; font-style: italic; }
.style19 {font-size: 22px}
#apDiv90 {
position:absolute;
width:187px;
height:69px;
z-index:29;
left: 715px;
top: 601px;
visibility: visible;
#apDiv91 {
position:absolute;
width:186px;
height:137px;
z-index:30;
left: 339px;
top: 644px;
visibility: visible;
#apDiv92 {
position:absolute;
width:186px;
height:151px;
z-index:31;
left: 527px;
top: 644px;
visibility: visible;
#apDiv93 {
position:absolute;
width:186px;
height:151px;
z-index:32;
left: 715px;
top: 644px;
visibility: visible;
#apDiv94 {
position:absolute;
width:186px;
height:30px;
z-index:33;
left: 339px;
top: 795px;
visibility: visible;
.style20 {
font-size: 20px;
color: #FFFFFF;
font-weight: bold;
font-style: italic;
#apDiv95 {
position:absolute;
width:186px;
height:32px;
z-index:34;
left: 527px;
top: 796px;
visibility: visible;
.style21 {
font-size: 20px;
font-weight: bold;
font-style: italic;
.style22 {color: #FFFFFF}
.style23 {
font-size: 20px;
font-style: italic;
.style25 {font-size: 20px; color: #FFFFFF; }
#apDiv96 {
position:absolute;
width:186px;
height:34px;
z-index:35;
left: 715px;
top: 796px;
visibility: visible;
#apDiv97 {
position:absolute;
width:188px;
height:61px;
z-index:36;
left: 339px;
top: 820px;
visibility: visible;
#apDiv98 {
position:absolute;
width:186px;
height:69px;
z-index:37;
left: 527px;
top: 820px;
visibility: visible;
#apDiv99 {
position:absolute;
width:186px;
height:56px;
z-index:38;
left: 715px;
top: 820px;
visibility: visible;
#apDiv100 {
position:absolute;
width:186px;
height:115px;
z-index:39;
left: 339px;
top: 862px;
visibility: visible;
#apDiv101 {
position:absolute;
width:187px;
height:35px;
z-index:40;
left: 339px;
top: 1014px;
visibility: visible;
-->
</style>
<script src="../main_page/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
if (!isIE || !isWin){
var flashVer = -1;
if (plugins && plugins.length > 0){
var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
if (desc == "") flashVer = -1;
else{
var descArr = desc.split(" ");
var tempArrMajor = descArr[2].split(".");
var verMajor = tempArrMajor[0];
var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
flashVer = parseFloat(verMajor + "." + verMinor);
// WebTV has Flash Player 4 or lower -- too low for video
else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
var verArr = reqVerStr.split(",");
var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
if (flashVer < reqVer){
if (confirm(msg))
window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
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])&&d.all) 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>
<script src="../articles/jc/x_division/Scripts/AC_ActiveX.js" type="text/javascript"></script>
</head>
<body onload="MM_CheckFlashVersion('9,0,28,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?\\\\\\\');MM_preloadImages(\\\\\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\\\\\',\\ \\\\\'TV_guide/finished/days/thur_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/fri_ r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/sat_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_gu ide/finished/days/sun_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/mon_r2_c2_f2.gif \\\\\\\',\\\\\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished /days/thu_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/monday_f2.gif\\\\\\\',\\\\\\ \'TV_guide/finished/days/thurday_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/friday_f2.g if\\\\\\\',\\\\\\\'TV_guide/finished/days/sunday_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/ days/suckerpunch_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/wednesday_f2.gif\\\');MM_pr eloadImages(\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thu r_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finished/d ays/sat_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide/fini shed/days/mon_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV_guid e/finished/days/thu_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/monday_f2.gif\\\',\\\'TV_g uide/finished/days/thurday_f2.gif\\\',\\\'TV_guide/finished/days/friday_f2.gif\\\',\\\'TV_ guide/finished/days/sunday_f2.gif\\\',\\\'TV_guide/finished/days/suckerpunch_f2.gif\\\',\\ \'TV_guide/finished/days/wednesday_f2.gif\');MM_preloadImages(\\\'TV_guide/finished/days/w ed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thur_r2_c2_f2.gif\\\',\\\'TV_guide/finished /days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sat_r2_c2_f2.gif\\\',\\\'TV_guide/fi nished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/mon_r2_c2_f2.gif\\\',\\\'TV_gu ide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thu_r2_c2_f2.gif\\\',\\\ 'TV_guide/finished/days/monday_f2.gif\\\',\\\'TV_guide/finished/days/thurday_f2.gif\\\',\\ \'TV_guide/finished/days/friday_f2.gif\\\',\\\'TV_guide/finished/days/sunday_f2.gif\\\',\\ \'TV_guide/finished/days/suckerpunch_f2.gif\\\',\\\'TV_guide/finished/days/wednesday_f2.gi f\');MM_preloadImages(\'TV_guide/finished/days/wed_r2_c2_f2.gif\',\'TV_guide/finished/days /thur_r2_c2_f2.gif\',\'TV_guide/finished/days/fri_r2_c2_f2.gif\',\'TV_guide/finished/days/ sat_r2_c2_f2.gif\',\'TV_guide/finished/days/sun_r2_c2_f2.gif\',\'TV_guide/finished/days/mo n_r2_c2_f2.gif\',\'TV_guide/finished/days/tue_r2_c2_f2.gif\',\'TV_guide/finished/days/thu_ r2_c2_f2.gif\',\'TV_guide/finished/days/monday_f2.gif\',\'TV_guide/finished/days/thurday_f 2.gif\',\'TV_guide/finished/days/friday_f2.gif\',\'TV_guide/finished/days/sunday_f2.gif\', \'TV_guide/finished/days/suckerpunch_f2.gif\',\'TV_guide/finished/days/wednesday_f2.gif'); MM_preloadImages(\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/day s/thur_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finis hed/days/sat_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide /finished/days/mon_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV _guide/finished/days/thu_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/monday_f2.gif\\\',\\\ 'TV_guide/finished/days/thurday_f2.gif\\\',\\\'TV_guide/finished/days/friday_f2.gif\\\',\\ \'TV_guide/finished/days/sunday_f2.gif\\\',\\\'TV_guide/finished/days/suckerpunch_f2.gif\\ \',\\\'TV_guide/finished/days/wednesday_f2.gif\');MM_preloadImages(\'TV_guide/finished/day s/wed_r2_c2_f2.gif\',\'TV_guide/finished/days/thur_r2_c2_f2.gif\',\'TV_guide/finished/days /fri_r2_c2_f2.gif\',\'TV_guide/finished/days/sat_r2_c2_f2.gif\',\'TV_guide/finished/days/s un_r2_c2_f2.gif\',\'TV_guide/finished/days/mon_r2_c2_f2.gif\',\'TV_guide/finished/days/tue _r2_c2_f2.gif\',\'TV_guide/finished/days/thu_r2_c2_f2.gif\',\'TV_guide/finished/days/monda y_f2.gif\',\'TV_guide/finished/days/thurday_f2.gif\',\'TV_guide/finished/days/friday_f2.gi f\',\'TV_guide/finished/days/sunday_f2.gif\',\'TV_guide/finished/days/suckerpunch_f2.gif\' ,\'TV_guide/finished/days/wednesday_f2.gif');MM_preloadImages(../ssr_tv/'TV_guide/finished /days/wed_r2_c2_f2.gif/',/'TV_guide/finished/days/thur_r2_c2_f2.gif/',/'TV_guide/finished/ days/fri_r2_c2_f2.gif/',/'TV_guide/finished/days/sat_r2_c2_f2.gif/',/'TV_guide/finished/da ys/sun_r2_c2_f2.gif/',/'TV_guide/finished/days/mon_r2_c2_f2.gif/',/'TV_guide/finished/days /tue_r2_c2_f2.gif/',/'TV_guide/finished/days/thu_r2_c2_f2.gif/',/'TV_guide/finished/days/m onday_f2.gif/',/'TV_guide/finished/days/thurday_f2.gif/',/'TV_guide/finished/days/friday_f 2.gif/',/'TV_guide/finished/days/sunday_f2.gif/',/'TV_guide/finished/days/suckerpunch_f2.g if/',/'TV_guide/finished/days/wednesday_f2.gif');MM_preloadImages('../ssr_tv/TV_guide/fini shed/days/wed_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/thur_r2_c2_f2.gif','../ssr_t v/TV_guide/finished/days/fri_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/sat_r2_c2_f2. gif','../ssr_tv/TV_guide/finished/days/sun_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days /mon_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/tue_r2_c2_f2.gif','../ssr_tv/TV_guide /finished/days/thu_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/monday_f2.gif','../ssr_ tv/TV_guide/finished/days/thurday_f2.gif','../ssr_tv/TV_guide/finished/days/friday_f2.gif' ,'../ssr_tv/TV_guide/finished/days/sunday_f2.gif','../ssr_tv/TV_guide/finished/days/sucker punch_f2.gif','../ssr_tv/TV_guide/finished/days/wednesday_f2.gif')">
<div align="center">
<div id="apDiv10"><img src="../images/ssr_mini_logo.jpg" width="126" height="85" /></div>
<div id="apDiv27"><img src="../images/redblacktemplate.jpg" width="775" height="1200" longdesc="http://ShootingStarRadio" /></div>
<div id="apDiv56"><img src="../images/jc_tv.jpg" width="207" height="245" /></div>
<form id="form1" name="form1" method="post" action="">
<div id="apDiv28"></div>
</form>
<div id="apDiv8">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','138','height','27','src','../news/text5','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text5' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="138" height="27">
<param name="movie" value="../news/text5.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text5.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="138" height="27" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv7">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','164','height','28','src','../news/text4','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text4' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="164" height="28">
<param name="movie" value="../news/text4.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text4.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="164" height="28" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv6">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','146','height','32','src','../news/text3','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text3' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="146" height="32">
<param name="movie" value="../news/text3.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="146" height="32" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv5">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','81','height','20','src','../news/text2','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000' ,'movie','../news/text2' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="81" height="20">
<param name="movie" value="../news/text2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="81" height="20" bgcolor="#000000"></embed>
</object>
</noscript>
</div>
<div id="apDiv4">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','85','height','18','src','../news/text1','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000' ,'movie','../news/text1' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="85" height="18">
<param name="BGCOLOR" value="#000000" />
<param name="movie" value="../news/text1.swf" />
<param name="quality" value="high" />
<embed src="../news/text1.swf" width="85" height="18" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed>
</object>
</noscript>
</a></div>
</div>
<div id="apDiv49"><img border="0" src="../images/sponsor_ssr_tv.jpg" width="207" height="245" /></div>
<div id="apDiv70"></div>
<div id="apDiv71"></div>
<div id="apDiv72"></div>
<div id="apDiv73"></div>
<div id="apDiv74"></div>
<div id="apDiv75"></div>
<div id="apDiv76"></div>
<div id="apDiv77"></div>
<div id="apDiv78"></div>
<div id="apDiv80">
<div align="center"><a href="cwa/collision_course_2005.html"><img border="0" src="cwa/collisioncoursedvd.jpg" width="115" height="147" /></a></div>
</div>
<div class="style16" id="apDiv81">
<div align="center" class="style23">Collision Course 2005</div>
</div>
<div id="apDiv83">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4958801">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div id="apDiv84">
<div align="center"><a href="cwa/encore_2005.html"><img border="0" src="cwa/encore2disc.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv85">
<div align="center"><em><strong><span class="style25">Encore- 2 Disc Set</span></strong></em></div>
</div>
<div id="apDiv86">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959128">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div class="style17" id="apDiv87">
<div align="center">PAGE 1 2 3</div>
</div>
<div id="apDiv88">
<div align="center"><a href="cwa/collision_course_2006.html"><img border="0" src="cwa/collisioncourse2006cover.jpg" width="138" height="146" /></a></div>
</div>
<div class="style18" id="apDiv89">
<div align="center" class="style19">Collision Course 06</div>
</div>
<div id="apDiv90">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959266">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div id="apDiv91">
<div align="center"><a href="cwa/super_summer_sizzler_2006.html"><img border="0" src="cwa/supersummersizzler2006cover.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv92">
<div align="center"><a href="cwa/going_the_distance 2005.html"><img border="0" src="cwa/goingthedistance2cover.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv93">
<div align="center"><a href="cwa/snowed_out_2007.html"><img border="0" src="cwa/snowedFout2007cover.jpg" width="138" height="146" /></a></div>
</div>
<div class="style20" id="apDiv94">
<div align="center">Super Summer Sizzler</div>
</div>
<div class="style21" id="apDiv95">
<div align="center" class="style22">Going The Distance 2</div>
</div>
<div class="style21" id="apDiv96">
<div align="center" class="style22">Snowed Out 2007</div>
</div>
<div id="apDiv97">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959957">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<div id="apDiv98">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4960022">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div id="apDiv99">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4960178">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div id="apDiv100">
<div align="center"><img src="cwa/conclusioncover.jpg" width="138" height="146" /></div>
</div>
<div class="style25" id="apDiv101">
<div align="center"><strong><em>Conclusion</em></strong></div>
</div>
</body>
</html>Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be
I thought I was reading it wrong, but you really do have 101 AP divs on the page. I don't have the time to go through your code, but using absolutely positioned divs as the sole basis for page layout is likely to lead to massive problems. AP divs (or layers, as they used to be called) were all the rage several years ago, because people wrongly thought they would make web pages work like desktop publishing. I used them, too, until I realized they caused massive problems.
It won't solve your current problem, I'm afraid, but I recommend that you take a look at the following page, which describes some of the problems with AP div/layers: http://apptools.com/examples/pagelayout101.php. -
How to center apDiv nested into another apDiv
I used an apDiv to insert the background of a site and used
another apDiv to insert the body copy. Before locking them down,
the background was centered in the browser window but the copy was
everywhere but in place. I found some code online to lock down both
apDivs and worked out well but now the site appears on the upper
left corner, and I need it centered in the browser. Here is the
code. Need your help desperately.
Thanks.
I found code online to lock downYou're in deep poop already. You would never want to put
content into an
A/P element.
What is it you are trying to achieve? Your code below is
horrible....
<i id="wrapper" >????
Unclosed <div> tags?
Please explain the effect you want.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"tanguera" <[email protected]> wrote in
message
news:[email protected]...
>I used an apDiv to insert the background of a site and
used another apDiv
>to
> insert the body copy. Before locking them down, the
background was
> centered in
> the browser window but the copy was everywhere but in
place. I found some
> code
> online to lock down both apDivs and worked out well but
now the site
> appears on
> the upper left corner, and I need it centered in the
browser. Here is the
> code.
> Need your help desperately.
> Thanks.
>
>
>
> I found code online to lock down
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
> <title>Untitled Document</title>
> <style type="text/css">
> <!--
>
> body
> {
> background-color:#5fc6eb;
> text-align:center;
> background-position: center top;
> background-image: url(../images/background.jpg);
> background-repeat: no-repeat;
> }
>
> #apDiv5 {
> position:absolute;
> width:601px;
> height:494px;
> z-index:1;
> }
>
> #apDiv7 {
> position:relative;
> width:277px;
> height:115px;
> z-index:1;
> left: 316px;
> top: 282px;
> }
>
> #wrapper {
> margin-right: auto;
> margin-left: auto;
> position: relative;
> width:800px;
> }
> -->
> </style>
> </head>
>
> <body>
> <i id="wrapper" >
> <div style="position:relative;">
> <div id="apDiv5"><img
src="../images/homePageBackg.jpg" width="800"
> height="779" border="0" usemap="#Map" />
> <map name="Map" id="Map"><area shape="rect"
coords="572,133,676,150"
> href="financialOptions.html" />
> </map></div>
> <div style="position:absolute; z-index:999; top:0px;
left:0px;"> <div
> id="apDiv7">some text some text some text some text
some te text some text
> some
> text some text some text some text some text
</div>
> </i>
> </body>
> </html>
> -
Help with placement of div tags
Hello. I am sorry to ask what probably is a dumb question, but I'm new, using Dreamweaver CS5, and I need some help. I'm sure I'll be posting here a few times during this process of building a new site, but I'm hoping it can be a good way for me to learn. I've watched a lot of tutorial videos, and so here I am.
I have my site, but I'm having problems being able to place div tags. I set it up with a wrapper div, a header div, a content div, footer div, etc. But, inside those divs I want to have other div's where I can place things like a client login box, etc. So, I tried and tried to place them after one div, or before one, but I just can't get them to work right. I'm very proficient at Photoshop, but web work is fairly new. I've done a few sites, but in Golive and just basic bringing them in from Photoshop. Now I want to learn correctly, so I'm trying all of this.
I found a way to make a box, using AP Div tag, and then move that where I want it, but, it doesn't work right for me then. I don't want it fixed in the same spot absolutely, but rather I want it to move with the page. I'm going to post a link to the site I'm working on, in case that helps. But, if you look at the site so far, you can see for example I want the text box that says client login to move as you make the page wider or smaller. It's fixed now. But, it's the only possible way I know how to put the box and div tag where I want it. When I just try to insert a div tag (not an AP div) it just goes underneath the div above it.
What I'm asking is, how do I place div's within div's? Or, can I use this AP div to put it where I want, and then change it to a regular div, and it stay in the right spot? I just don't understand how exactly to place divs where I want them, unless I use the AP div box and move it around the screen. Also, if I have a div box setup, is there a way to drag it somewhere else or reposition it somewhere else on the screen just by dragging? It's all a bit hard for me to figure out at this point, but I appreciate any help you can give me.
The AP Div I used is at the top that says client login. That's the box/table/div tag I'm trying to set up correctly, so it moves with the other elements, like the logo, as you make the page wider or less wide.
Here is the link:
http://www.gagephotography.com/boudoir/boudoirsite/index4.html
Thank you again.DW is not drag & drop friendly like graphics or word processing apps.
APDivs are NOT for primary layouts. They are for special situations and should be handled with care or you'll end up with a mess. Here is why:
http://apptools.com/examples/pagelayout101.php
The best advice I can offer is to familiarize yourself with HTML markup (content) and CSS (styles) before you even open Dreamweaver. Without a working knowledge of code, you're not going to get good results.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Creating your first web site in DW CS5 -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Adding a slideshow using apDivs - Will not center / clashes with images.
Hey guys,
I'll be as quick and to the point as possible. I'm new to Dreamweaver and am having some problems in my attempts to create a simple portfolio website.
I'm trying to add in a basic image slide-show while making use of apDivs. I've had a look online and found some fantastic JQuery slide-shows, and I ended up adapting this one for use on my website;
http://www.queness.com/post/923/create-a-simple-infinite-carousel-with-jquery
I have images as the base of my website and I wanted to add the slide-show on top of them (and the same goes for a couple of embeded YouTube videos too.) I added in an apDiv and placed the code for the slide-show inside it. This created a layer that goes on top of the image, and I am able to put the code for the slide-show inside it with no problems (providing the position of the apDiv is set to absolute.)
#apDiv1 {
position:absolute;
top:419px;
left:400px;
width:555px;
height:480px;
z-index:1;
The problem I'm having is aligning the cursed thing. Obviously, setting the apDiv's positioning to absolute is a bad idea, as while it looked fine in one resolution, it doesn't in another. I've tried changing the position of the apDiv to relative, and then adding in some changes to my code;
#apDiv1 {
position:relative;
width:555px;
height:480px;
margin-left: auto;
margin-right:auto;
z-index:1;
This centers my slideshow (which is wonderful), however it is no longer layered on-top of the image (since this seems to only work when the position is set to absolute.) Instead, the slideshow appears underneath the image rather than on top.
Is there any possible way I can keep the apDiv (which contains the slide-show) centered whilst remaining on-top of the image? Like I say, it'll layer on top of it fine when set to absolute, but wont center. When set to relative, it'll center but not layer on top. It's one or the other and I'm pulling my hair out over it at the moment.
If anyone can give any help at all, please please let me know. I've included a notepad document including the whole of my code for the page (including my goofy comments) at the address below if it helps in any way;
http://www.box.net/shared/5nufqc78jbg0mfkb00n5Of course mate. Like I mentioned before, I still don't have any of my web-pages online (since I've been trying to get it all fixed and working first.) I'm hoping to host with 1-2-3 Reg, so I'm waiting for pay day before I buy a years worth from them.
The folder at the link below though contains the HTML document for the page along with all its images and CSS scripts;
http://www.box.net/shared/lgqltz3i90ya8k3nyui9
Despite them being in the folder, if you'd rather, I'll paste the main bodies HTML code below (and also the accoumpanying CSS document. If there's any problems, please let me know. Thanks again!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Below is the title of the web page. This is what the user sees in the top of their web browser.-->
<title>Info || Lee Sparkes BSc Games Design Graduate</title>
<link href="styles/website_main.css" rel="stylesheet" type="text/css" />
<!--Here is the code that loads the scripts- the two in this document being the Menu Bar and the JQuery for the slide show.-->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<!--Below is the script for the image gallery. This script tells the image gallery how to work. So for example, if a user clicks clicks on the 'next' button, switch to the next image.-->
<script>
$(document).ready(function() {
//rotation speed and timer
var speed = 5000;
var run = setInterval('rotate()', speed);
//grab the width and calculate left value
var item_width = $('#slides li').outerWidth();
var left_value = item_width * (-1);
//move the last item before first item, just in case user click prev button
$('#slides li:first').before($('#slides li:last'));
//set the default item to the correct position
$('#slides ul').css({'left' : left_value});
//if user clicked on prev button
$('#prev').click(function() {
//get the right position
var left_indent = parseInt($('#slides ul').css('left')) + item_width;
//slide the item
$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){
//move the last item and put it as first item
$('#slides li:first').before($('#slides li:last'));
//set the default item to correct position
$('#slides ul').css({'left' : left_value});
//cancel the link behavior
return false;
//if user clicked on next button
$('#next').click(function() {
//get the right position
var left_indent = parseInt($('#slides ul').css('left')) - item_width;
//slide the item
$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
//move the first item and put it as last item
$('#slides li:last').after($('#slides li:first'));
//set the default item to correct position
$('#slides ul').css({'left' : left_value});
//cancel the link behavior
return false;
//if mouse hover, pause the auto rotation, otherwise rotate it
$('#slides').hover(
function() {
clearInterval(run);
function() {
run = setInterval('rotate()', speed);
//a simple function to click next link
//a timer will call this function, and the rotation will begin.
function rotate() {
$('#next').click();
</script>
<!--The code below contains the CSS code for the slideshow and the background colour of the page.-->
<link href="styles/website_menu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #003d6a;
#carousel {
width:555px;
height:480px;
margin:0 auto;
#slides {
overflow:hidden;
position:relative;
width:550px;
height:440px;
border:1px solid #ccc;
#slides ul {
position:relative;
left:0;
top:0;
list-style:none;
margin:0;
padding:0;
width:2200px;
#slides li {
width:550px;
height:440px;
float:left;
#slides li img {
padding:0px;
#buttons {
padding:0 0 5px 0;
float:right;
#buttons a {
display:block;
width:31px;
height:32px;
text-indent:-999em;
float:left;
outline:0;
a#prev {
background:url(arrow.gif) 0 -31px no-repeat;
a#prev:hover {
background:url(arrow.gif) 0 0 no-repeat;
a#next {
background:url(arrow.gif) -32px -31px no-repeat;
a#next:hover {
background:url(arrow.gif) -32px 0 no-repeat;
.clear {clear:both}
#apDiv1 {
position:relative;
width:555px;
height:480px;
margin-left: auto;
margin-right:auto;
z-index:100;
</style>
</head>
<!--Below is the main bulk of the code for this page. Everything below here is what can be seen on the page, a container including several images, hotspots / links, a menu bar and an image slide show. The code begins by placing the banner at the top of the page...-->
<body>
<div id="container">
<div id="banner"><img src="images/banner.gif" width="1163" height="109" alt="Lee Sparkes || BSc Games Design Graduate" />
<ul id="website_menu" class="MenuBarHorizontal">
<li><a href="index.html">Home</a> </li>
<li><a href="info.html">Info</a></li>
<li><a href="portfolio.html">Portfolio</a> </li>
<li><a href="downloads.html">Downloads</a></li>
</ul>
</div>
<!--... and next is the start of the pages main images (along with the hopspot links for the three icons at the top...-->
<img src="images/info01.jpg" alt="" width="1163" height="270" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="778,18,877,115" href="http://uk.linkedin.com/in/leesparkes" alt="Linkedin Profile" />
<area shape="rect" coords="903,15,998,113" href="http://checkeredknight.tumblr.com/" alt="Tumblr Profile" />
<area shape="rect" coords="1022,16,1121,113" href="http://www.youtube.com/lightning89" alt="YouTube Profile" />
</map>
<img src="images/info02.jpg" alt="" width="1163" height="522" border="0"/>
<!--... and underneath the second image (althouth placed on top of) is the AP Div that contains the image slide show. This refers to the ID tag at the top of the page and is where the images are named, resized and linked. If an image size was to change here, the information at the top of the page under #container would also need changing.-->
<div id="apDiv1"><div id="carousel">
<div id="buttons">
<a href="#" id="prev">prev</a>
<a href="#" id="next">next</a>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="slides">
<ul>
<li><img src="infoslide1.jpg" width="550" height="440" alt="Slide 1"/></li>
<li><img src="infoslide2.jpg" width="550" height="440" alt="Slide 2"/></li>
<li><img src="infoslide3.jpg" width="550" height="440" alt="Slide 3"/></li>
<li><img src="infoslide4.jpg" width="550" height="440" alt="Slide 4"/></li>
</ul>
<div class="clear"></div>
</div>
</div></div>
<!--Now that the AP Div and the slide show have been placed, we can continue on with the main page images and hotspots...-->
<img src="images/info03.jpg" alt="" width="1163" height="416" /><img src="images/info04.jpg" alt="" width="1163" height="380" border="0" usemap="#Map4" />
<map name="Map4" id="Map4">
<area shape="rect" coords="374,122,561,149" href="mailto:[email protected]" alt="" />
<area shape="rect" coords="374,152,572,181" href="mailto:[email protected]" alt="" />
</map>
<img src="images/info05.jpg" alt="" width="1163" height="282" /><img src="images/info06.jpg" alt="" width="1163" height="418" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="rect" coords="736,202,940,228" href="http://www.iplay.com/" alt="iplay Website" />
</map>
<img src="images/info07.jpg" alt="" width="1163" height="362" border="0" usemap="#Map3" />
<map name="Map3" id="Map3">
<area shape="rect" coords="234,12,548,45" href="http://dyingfordaylight.com/" alt="Dying for Daylight Website" />
<area shape="rect" coords="733,272,941,304" href="http://www.iplay.com/" alt="iplay Website" />
</map>
<img src="images/info08.jpg" alt="" width="1163" height="234" /><img src="images/info09.jpg" alt="" width="1163" height="56" /></div>
<!--Last but not least is the script for the menu bar. Not sure if this is supposed to go at the bottom, but it works. Don't question this!-->
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("website_menu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
#container {
width: 1163px;
background: #001524;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}#banner {
position: relative;
#website_menu {
position: absolute;
top: 65px;
right: 0px;
#main_image {
background-color: #001524; -
I'm very new to Dreamweaver but learning (a slow process) as much as I can about HTML and CSS. The biggest issue I always face is the simple positioning of div tags (just can't seem to get comfortable with it). It seems that practically none of the veterans and professional designers have little to no use for APDiv's ..... and I came across the article/link.
Is David Karlins worth reading? ... or is this one persons opinion that is useless information. Confused.
http://www.adobepress.com/articles/article.asp?p=1332864Is David Karlins worth reading? ... or is this one persons opinion that is useless information. Confused.
http://www.adobepress.com/articles/article.asp?p=1332864
That's one persons opinion :-) and when he talks about 'drawing' a div - that's just absolutely the wrong thing to do :-)
More about why you shouldn't use AP Divs (unless you know the consequences of using them)
http://apptools.com/examples/pagelayout101.php
Have you seen these CSS tutorials - very simple and basic and should get you used to creating CSS divs:
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
and this if you create your designs in Fireworks (or even PShop) and then build the site in Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Hope this helps :-)
Nadia
Adobe® Community Expert : Dreamweaver
http://twitter.com/nadiap
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
Maybe you are looking for
-
Problems after new installation (Runtime workbench not working as expected)
Hello We have just finished installing new ECC & Netweaver in our company. On PI side, I created a sample file (Payload) and did IR and ID configuration and saw the payload getting picked up from the source directory and getting posted in the target
-
Urgent - Need help on Coding in Forms
I created a Master/Detail form. I now wish to create a field to display the sum total of a Detail field. I wrote a loop in a Program Unit which has the count upto last_record (Restricted Built-in) but cannot use this call from a Post Query due to For
-
Hi, In interface we can't provide method body. but we can provide method body like this, public interface TestInterface { public class Add { public int add() { return 100; what is the logic behind Inner Class inside inte
-
KT3-Ultra2-CE not shutting down!
I have a fresh install of WinXP(no service pks or updates). when I go to shutdown, the pc just restarts! I reformatted the HD, updated the bios to ver. 5.7. Reinstalled the WinXP and it still does the same thing!! KT3 Ultra2-CE AMD Athlon XP2400+ DDR
-
When I edit in photoshop from lightroom it forgets the stars!
I've used lightroom and photoshop together now for a while, nad it is great. But when I updated to lightroom 3 I started having a problem. When I click "edit in photoshop" and later saves the images it no longer "remembers" what star ranking it had i