rande

November 2, 2012

Hi,

Can someone tell me the best way to do a shopping cart?

I want to build a simple site promoting my retail store.

I'd rather not try to write the shopping cart code myself.

So the best and free; certain software? Script?

thanks for any help.

December 15, 2011

Hi,

Can you make 3 different javascript slideshows that run at the same time,

accessing images from different folders, in Dreamweaver?

thanks

December 14, 2011

What have you currently done, and what issues are you having?

I've tried everything I can think of.

I have a script that I'm trying to plug in to work on three boxes, with different groups of images.

Only the first was working. I could link to the current image on the others

but the script wasn't working.

I kept messing with it and for some reason, and I don't how, but the third one

started working but not the first, and I can't get it back to the first or figure out why it did that.

I just tested and found out that the other image folders were't being accessed

by the other two; imagesSlideShow1, imagesSlideShow2, imagesSlideShow3.

They all accessed the Show1.

I've tried isolating them, but not sure how to get it to work.

I'm not sure how to call up or link to a specific area.

One thing I tried was making separate .js labeling 1. 2. 3.

I lost my image links when I was figuring that out, and can't get back to them so far.

thanks for the response, hope you can help

I've been trying for hours now.

December 14, 2011

Hi,

I'm trying to dupe a script.

It seemed very simple. I want the same script in two different positions.

Can anyone give me an idea?

thanks

var images = ["images/bull.jpg",

"images/polarbear.jpg",

"images/sheep.png",

"images/snake.jpg",

"images/tiger_21.jpg"];

var currentImage = 0; //index into the images array (0 to 4)

var timer;

function $(id) {

return document.getElementById(id);

}

function previous() {

//currentImage = currentImage -1;

currentImage--; //shortcut to subtract one

//currentImage = currentImage - 1;

if (currentImage == -1) {

currentImage = 4;

}//an asignment

$("slide").src = images[currentImage];

clearInterval(timer);//name doesn't matter;

timer = setInterval(previous, 3000);

//this reps .img; dot. src; what the image points to.

}

function next() {

//currentImage = currentImage + 1;

currentImage++;

if (currentImage == 5) {

currentImage = 0;

}

//an asignment

$("slide").src = images[currentImage];

clearInterval(timer);

timer = setInterval(next, 3000);

}

window.onload = function() {

$("previous").onclick = previous;//normally function have (); its a callback

$("next").onclick = next;

//start the timer

timer = setInterval(next, 3000); //timer is called a handle here.

};

</script>

</head>

<body>

</div>

</div>

</body>

</html>

November 22, 2011

Thanks, that works great.

November 22, 2011

I will highlight what I added/changed in your code. If any questions just ask.

@charset "UTF-8";

#nav {

font-family: Arial, Helvetica, sans-serif;

position: relative;

width:100%;

height: 35px;

font-size: 14px;

font-color: #090;

background-color: #33C;

clear: both;

float: none;

margin-top: 120px;

}

/*margin-top: 150px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding: 0px;

}*/

#nav ul {

list-style-type: none;

position: absolute;

margin-bottom: 0px;

margin-top: 0px;

line-height: 0px;

}

#nav ul li {

float: left;

position: relative;

background-color: #F00;

height: 15px;

margin-right: 0px;

margin-left: 100px;

padding-top: 10px;

width: 75px;

margin-top: 5px;

}

#nav ul li a {

text-align: center;

text-decoration: none;

display: block;

color:#fff;

padding: 1px;

/*float: none;

clear: none;

white-space: nowrap;*/

}

#nav ul li ul {

display: none;

/*white-space: normal;

margin: 0px;*/

}

#nav ul li:hover ul {

display: block;

position: relative;

left:-90px;

top:8px;

background-color: #0F0;

margin-top:0px;

margin:bottom:0px;

padding:0;

/*padding: 0px;

margin-top: 20px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;*/

}

#nav ul li ul li {margin-top: 0px;}

#nav ul li: hover ul li a {

display: block;

width: 200px;

text-align:center;

margin:0;padding:0;

/*font-size: 14px;*/

}

#nav ul li: hover ul li a:hover{

margin-left: 0px;

padding-left: 0px;

}

November 21, 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<h1> logoBx</h1>

</div>

<h1> headerBx</h1>

</div>

<!--<h2> newest properties for sale

<SPAN style="float: right:">Latest properties to rent</h2>-->

<P>newest properties for sale<SPAN style="float: right">Latest properties to rent</SPAN></P>

</div>

<ul>

</ul>

</li>

</ul>

</li>

<li><a href="#">Item three</a>

<li><a href="#">Sub Three A</a></li>

<li><a href="#">Sub Three B</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

<h1> sidebar1</h1>

</div>

<h1> sidebar2</h1>

</div>

<h1> sidebar3</h1>

</div>

</div>

<!--<div class="content">

</div>

</div>

<h3>This would be the foot</h3></div>

</body>

</html>

@charset "UTF-8";

body {

padding: 0;

color: #F00;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 100%;

line-height: 1.4;

background-color: #FF0;

height: 900px;

width: 1027px;

text-align: center;

position: absolute;

margin-top: 100;

margin-right: 100;

margin-bottom: 100;

margin-left: 100;

}

h1 {

font-family:"Courier New", Courier, monospace;

}

.containerOutside {

width: 1027px;

height: 800px;

background-color: #F60;

margin-top: 10px;

margin-right: 0;

margin-bottom: 0;

margin-left: 10px;

float: left;

}

.container {

width: 1027px;

height: 100px;

background-color: #660;

margin-top: 0px;

margin-right: 0;

margin-bottom: 100;

margin-left: 0px;

position: relative;

float: left;

}

#logo {

width: 250px;

background-color: #000;

float:left;

position: relative;

height: 90px;

margin-top: 5px;

margin-right: 0px;

margin-bottom: 5px;

margin-left: 5px;

}

#header {

border:;

background-color:#FF33FF;

float:right;

width: 760px;

position: relative;

height: 90px;

margin-top: 5px;

margin-right: 5px;

margin-bottom: 5px;

margin-left: 0px;

clear: right;

z-index: 0;

}

/*#navBarContainer {

background-color: #6FC;

height: 65px;

width: 2000px;

}*/

#newest {

margin-bottom: 0px;

clear: both;

position: relative;

height: 20px;

width: 1011px;

background-color: #6FF;

color: #C0F;

text-align: left;

font-family: Tahoma, Geneva, sans-serif;

font-size: 9px;

line-height: 13px;

padding-right: 8px;

padding-left: 8px;

}

#newest h2 {

float: left;

padding-bottom: 1px;

}

/*#newest h3 {

font-family: Tahoma, Geneva, sans-serif;

color: #666;

background-color: #39F;

font-size: 10px;

float: none;

text-align: left;

position: relative;

height: 20px;

width: 1500px;

clear: both;

}*/

#nav {

font-family: Arial, Helvetica, sans-serif;

position: relative;

width:100%;

height: 35px;

font-size: 14px;

font-color: #090;

background-color: #33C;

clear: both;

float: none;

margin-top: 120px;

}

/*margin-top: 150px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding: 0px;

}*/

#nav ul {

list-style-type: none;

position: absolute;

margin-bottom: 0px;

margin-top: 0px;

line-height: 0px;

}

#nav ul li {

float: left;

position: relative;

background-color: #F00;

height: 15px;

margin-right: 0px;

margin-left: 100px;

padding-top: 10px;

width: 75px;

margin-top: 5px;

}

#nav ul li a {

text-align: center;

text-decoration: none;

display: block;

color:#fff;

padding: 1px;

/*float: none;

clear: none;

white-space: nowrap;*/

}

#nav ul li ul {

display: none;

/*white-space: normal;

margin: 0px;*/

}

#nav ul li:hover ul {

display: block;

position: absolute;

background-color: #0F0;

/*padding: 0px;

margin-top: 20px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;*/

}

#nav ul li: hover ul li a {

display: block;

width: 200px;

text-align:center;

/*font-size: 14px;*/

}

#nav ul li: hover ul li a:hover{

margin-left: 0px;

padding-left: 0px;

}

.containerSidebars {

background-color: #6F0;

width: 1027px;

position: relative;

height: 400px;

margin-top: 100px;

}

.sidebar1 {

float: left;

width: 300px;

background-color: #030;

height: 300px;

clear: none;

padding: 0px;

position: absolute;

margin-top: 20px;

margin-right: 10px;

margin-bottom: 0px;

margin-left: 45px;

}

.sidebar2 {

float: none;

width: 300px;

background-color: #33FFFF;

height: 300px;

clear: none;

position: absolute;

margin-top: 20px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 363px;

}

.sidebar3 {

float: none;

width: 300px;

background-color: #336600;

height: 300px;

clear: none;

margin-top: 20px;

margin-left: 682px;

position: absolute;

}

#slide1 {

padding: 0px;

margin: 0px;

}

#slide2 {

}

#slide3 {

margin: 0px;

padding: 0px;

}

.footer {

font-size:14px;

color: black;

clear:both;

}

November 21, 2011

Okay, thanks Eddie.

I have another question.

I have a dropdown menu. I have spaced out the ul so it spans the width of the page, it throws off my drop downs.

I don't see were I have control of the drop downs.

Is there a better way to do that?

thanks for the response

November 21, 2011

I'm curious why is the live view so different from the regular view? Is there some preference to be changed.

Is it a sys. problem? I have a student version?

August 21, 2011

thanks for all the input

August 16, 2011

I got laid off Jan. Been in the print industry for 25 yrs. 50 yrs old.

Everything seems to be going to the web, except flexo and novelties items.

I've been working with all the Adobe software for 20 yrs.

I tried to learn web design online. 2 yrs ago but dropped it.

A couple of months ago started a web design certificate program, and

in a couple weeks will start a web development certificate program.

These are just basic courses, not like an Associates Degree.

My instructor said certificates are the way to go, and some people are making

money soon after. But are they making a living?

Having said all this, you who have been in this for a while, in your opinions

What are the chances, and what are my chances.

Is it saturated? The site seem easy for anyone to get or build.

Should I get graphic design instruction? I know how to use all the programs but coming

up with concepts would be my bottleneck.

Are any of you involved in client research, content or anything to help them?

Are there any opportunities on the fringe of the web design? That knowing web design is

helpful but not the main thing?

Anything else I should know?

Thanks for any opinions.

Rande

August 3, 2011

that seemed to do it thanks.

August 3, 2011

Can anyone tell me why things keep getting kicked out?

This keeps happening. It seems in order in the HTML.

I thought these aren't positioned to an area of the page?

Attached is where I started. I had an image in the head but changed that to

put another div in.

thanks

<head>

<title>index_dropdownNavBar</title>

</head>

<body>

<div id="headerLeft">Header

</div>

<div id="headerRight">Header

</div>

<ul>

<li><a href="#">About Me</a></li>

<li><a href="#">Portfolio</a>

<ul>

<li><a href="#">Print</a></li>

<li><a href="#">Photos</a></li>

</ul>

</li>

<li><a href="#">Contact Me</a></li>

</ul>

</div>

<div>

</div>

</div>

</body>

</html>

@charset "UTF-8";

body {

font-family:Arial, Helvetica, sans-serif;

font-size: 24px;

}

#outer {

width: 1000px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

background-color: #FF0;

}

#headerLeft {

float: left;

width: 600px;

border: 3px solid #009;

height: 100px;

background-color: #000;

margin: 0px;

padding: 0px;

color: #0F0;

}

#headerRight {

float: left;

width: 380px;

border: 3px solid #009;

height: 100px;

background-color: #000;

margin: 0px;

padding: 0px;

color: #0F0;

}

*{ margin:0px; padding: 0px; }

#nav {

font-family: arial, sans-serif;

position: absolute;

width: 1000px;

height: 50px;

font-size:100%;

color:#999;

}

#nav ul {

list-style-type: none;

}

#nav ul li {

position: relative;

float: left;

vertical-align: middle;

text-align: center;

margin-left: 22px;

padding-top: 0px;

padding-right: 20px;

padding-bottom: 0px;

padding-left: 21px;

border: 2px solid #000;

width: 180px;

}

#nav ul li a {

text-align: center;

padding:10px;

display:block;

text-decoration:none;

color:#999;

border: 1px solid #F00;

}

#nav ul li ul {

display: none

}

#nav ul li:hover ul {

display: block;

position: absolute;

}

#nav ul li:hover ul li a {

display:block;

background:#12aeef;

color:#ffffff;

width: 110px;

text-align: center;

border-bottom: 1px solid #f2f2f2;

border-right: none;

}

#nav ul li:hover ul li a:hover {

background:#6dc7ec;

color:#fff;

}

#spaceInsert {

background-color: #900;

float: left;

height: 100px;

width: 1000px;

margin-top: 22px;

margin-right: 22px;

margin-bottom: 22px;

margin-left: 22px;

padding-top: 100px;

padding-right: 20px;

padding-bottom: 100px;

padding-left: 21px;

border: 2px solid #000;

}

#spaceInsert2 {

background-color: #900;

float: left;

height: 100px;

width: 1000px;

margin-top: 22px;

margin-right: 22px;

margin-bottom: 22px;

margin-left: 22px;

padding-top: 100px;

padding-right: 20px;

padding-bottom: 100px;

padding-left: 21px;

border: 2px solid #000;

}

August 2, 2011

thanks Ben that did it.

Now if I can manipulated it, I'll be good for now.

BTW, I used to live in Paradise. My brother owns the Red Lion Pizza Parlor

in Magalia.

Small world.

August 1, 2011

I just can't get the drop down to work.

I've been struggling with these navbars for a while now.

I'm curious what everyone else is doing?

The spry bars are easy but haven't had luck manipulating them

the way I want. I want them to center and separated from each other.

I'm going to work on that today. I loaded a plug-in to help manipulate

spry bars I guess I'll go back to that, unless someone else has a better idea.

July 29, 2011

I got this from the net.

Can anyone tell me why it isn't working?

<ul>

<li><a href=”#”>About Me</a></li>

<li><a href=”#”>Portfolio</a>

<ul>

<li><a href=”#”>Print</a></li>

<li><a href=”#”>Photos</a></li>

</ul>

</li>

<li><a href=”#”>Contact Me</a></li>

</ul>

</div>

*{ margin:0px; padding: 0px; }

#nav {

font-family: arial, sans-serif;

position: relative;

width: 390px;

height:56px;

font-size:14px;

color:#999;

margin: 0px auto;

}

#nav ul {

list-style-type: none;

}

#nav ul li {

float: left;

position: relative;

}

#nav ul li a {

text-align: center;

border-right:1px solid #e9e9e9;

padding:20px;

display:block;

text-decoration:none;

color:#999;

}

#nav ul li ul {

display: none

}

#nav ul li:hover ul {

display: block;

position: absolute;

}

#nav ul li:hover ul li a {

display:block;

background:#12aeef;

color:#ffffff;

width: 110px;

text-align: center;

border-bottom: 1px solid #f2f2f2;

border-right: none;

}

#nav ul li:hover ul li a:hover {

background:#6dc7ec;

color:#fff;

July 29, 2011

thanks

July 29, 2011

I can't find a list of id/class definitions.

I copied some code and it has <li id="active"><a href="#" id="current">.

i'm just wondering what the active and current does.

And I'm looking for a reference for other questions.

Can anyone help?

thanks

July 27, 2011

Thanks LSW,

that what I needed. thats a good site.

still haven't found how to bring my text, but I'll keep reading.

July 27, 2011

Thanks, I read that.

Here's another problem and I'll stop bothering you.

I need the type to move up into the box.

July 27, 2011

Thanks, that worked.

My initial problem was I wanted more space between the words.

How do you do that?

Now my problem is its shifting everything to the upper right and

I can't seem to bring up my type to be in the black box.

thanks

for the response

July 27, 2011

Hi,

I just took some courses and still having problems.

I instructor in my DW cs5 class said not to use tables. But I'm having problems. Can anyone help or direct me somewhere that will explain it.

I've been all over the web for days and can't get this.

thanks, if you can help.

I have other questions at the bottom.

This is what I have and I'll attach, what I'm getting. The "us" is having a problem. If I take out the space it works fine.

<ul>

<li><a href="htmldocs/aboutus.html">About Us</a></li>

<li><a href="htdocs/locations.html">Locations</a></li>

<li><a href="htdocs/products.html">Services</a></li>

<li><a href="htmldocs/contactus.html">ContactUs</a></li>

</ul>

</div>

#navbar {

background-color: #000;

float: left;

width: 1000px;

list-style-type: none;

text-decoration:none;

font-family: Arial, Helvetica, sans-serif;

color: #0CC;

height: 20px;

margin: 0px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

font-size: large;

padding: 0px;

display: inline;

word-spacing: 30px;

text-align: center;

}

#navbar ul {

list-style-type:none;

text-decoration: none;

}

#navbar ul li {

list-style-type:none;

display:inline;

text-align:center;

text-decoration: none;

word-spacing: 100em;

}

#navbar ul li a:link {

color:#0CC;

text-decoration: none;

}

#contents {

float: left;

height: 10px;

width: 1000px;

padding: 5px;

background-color: #0F0;

}

And how many ways are there to make a nav bar?

What is the most popular and/or best way?

I might be missing the initial setup.

The instructor had body id's in some but not others.

What is the right structure?

I missed why we shouldn't use tables. He did use some little ones in

part of it tho.

May 24, 2010

Is there an online source for free custom navagation bars? or anywhere else for that matter?

May 11, 2010

okay. Thanks for all the help by the way.

May 11, 2010

Where do you plug in your key words for search?

Sign In

Profiles

Forums

Events

Downloads

Gallery

Store

Posts posted by rande