Jump to content

Baffled Again


NuCoder

Recommended Posts

Good Afternoon everyone,

Baffled again and not sure what is happening - as always I come to my support at KS. I am trying to bring the "click here to find out how" link on the sticky note for the promotions. I am not able to get it onto the sticky note and I do not know what is happening. Also if you notice the CSS for promo is lower case. The

is Uppercase. However when I change the
to lowercase (and vice versa) - the element shifts? I have looked up and down and can not figure it out for the life of me. Any suggestions?

 

Thank you in Advance

Brian

 

The CSS

 

/**

Title: Anclote Harbors Marina - Tarpon Springs

Date: January 12, 2010

Author: Brian Jones

CSS / XHTML / jQuery

**/

 

/** Color Scheme

h1...........ACAC81

h2...........ACAC81

h3...........ACAC81

h4...........434343

links........5C8AC5

span.........203044

**/

 

* {

margin: 0;

padding: 0;

}

 

h1, h2 {

color: #acac81;

font-family: "goudy bookletter", serif,;

}

 

body {

width: 100%;

margin: 0 auto;

text-align: left;

}

 

#container {

width: 800px;

margin: 0 auto;

text-align: left;

}

 

#header {

position: relative;

width: 800px;

height: 150px;

margin: 0;

padding: 0;

}

 

.logo {

position: absolute;

left: 0;

bottom: 10px;

margin: 0;

}

 

#mainNav {

margin-bottom: 15px;

}

 

#slideShow {

width: 790px;

border: 5px solid #c9c9c9;

margin: 0 0 60px;

}

 

#sideBar {

float: left;

width: 200px;

margin: 0 50px 100px 0;

}

 

#sideBar .sbStatement {

padding: 5px 0 10px 48px;

margin-top: 7px;

}

 

#sideBar a {

text-decoration: none;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: .75em;

color: #5c8ac5;

padding-left: 5px;

}

 

#sideBar a:hover {

text-decoration: underline;

color: #acac81;

}

 

#sideBar .googleEarth {

padding-top: 12px;

}

 

#mainContent {

float: left;

width: 550px;

margin: 0 0 120px;

}

 

#mainContent #Statement {

float: left;

width: 550px;

margin: 0 0 75px 0;

}

 

#checkList {

float: left;

width: 150px;

font-size: .8em;

color: #434343;

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

padding-top: -2px;

margin-right: 20px;

}

 

#checkList img {

padding-top: 10px;

padding-left: 2px;

}

 

#tips {

float: left;

margin-right: 20px;

width: 170px;

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

font-size: .8em;

color: #434343;

line-height: 1.2em;

padding-left: 8px;

}

 

#promo {

float: left;

}

 

#promo a {

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

color: #434343;

font-size: .6em;

padding-left: 3px;

float: right;

text-decoration: none;

}

 

#promo a:hover {

text-decoration: underline;}

 

p {

font-family: centabel;

font-size: 1em;

color: #203044;

line-height: 1.5em;

padding-left: 2px;

}

 

h1 {

font-size:1.7em;

margin-top: -10px;

padding-left: 2px;

}

 

h2 {

font-size: 1.2em;

padding-top: -10px;

padding-left: 2px;

padding-bottom: 3px;

}

 

h3 {

font-size: 1.1em;

font-family: Georgia, "Times New Roman", Times, serif;

color: #acac81;

padding-left: 3px;

}

 

h4 {

font-size: 1.1em;

font-family: Georgia, "Times New Roman", Times, serif;

color: #acac81;

padding-bottom: 10px;

}

 

h5 {

font-size: .9em;

font-family: Georgia, "Times New Roman", Times, serif;

color: #434343;

padding-top: 2px;

}

 

li {

list-style-type: none;

padding-top: 10px;

}

 

 

#footer {

clear: both;

width: 800px;

height: 100px;

margin: 0;

}

#footer .address {

float: left;

padding-left: 5px;

padding-top: 7px;

font-family: centabel, georgia, serif;

font-size: .6em;

color: #acac81;

}

 

#footer a {

color: #5C8AC5;

text-decoration: none;

}

 

#footer a:hover {

text-decoration: underline;

}

 

 

 

 

The XHTML

 

 

Anclote Logo

 

 

 

 

mission logo

Welcome to Anclote Harbors Marina

"We are dedicated to providing great service at competitive rates!"

Anclote Harbors has been in the marine industry 20 plus years. We are now an All New High and Dry facility offering the boating community a new look and great services! Looking to boat longer and not rush to come in? We have wet slips available! With a guaranteed depth of 5.5 ft., our slips come with cable tv as well as high speed internet access. Come visit us at Anclote Harbors Marina - Where boating is a pleasure!

 

Boaters Checklist

checkmark Life Preservers

checkmark Full Tank

checkmark Water

checkmark Fire Extinguisher

checkmark Visual Distress Signal

checkmark Navigation Lights &        Shapes

 

 

News & Tips

Anchoring Tips

When purchasing a new anchor, make sure you get the corect type for the bottom conditions where you go boating. Most stores can help you decide on the type, but do not go cheap. Buy atleast 1 good heavy anchor for each bottom which you expect to have to anchor on.

 

 

 

 

footer top border

Anclote Harbors Marina

523 Anclote Rd.

Tarpon Springs, Fl 34689

(727) 934-7616

www.ancloteharbors.com

 

 

 

Link to comment
Share on other sites

Can you provide a link to this page? It is much easier to troubleshoot.

 

In any case, css is case sensitive, so you need to be careful how you name your div in the html. The css is looking for #promo and will ignore #Promo, so the browser will revert back to default. Once you change the html to #promo you may have to position it in some way, but as I cannot see the images I have no idea where it is supposed to be.

Link to comment
Share on other sites

Can you provide a link to this page? It is much easier to troubleshoot.

 

In any case, css is case sensitive, so you need to be careful how you name your div in the html. The css is looking for #promo and will ignore #Promo, so the browser will revert back to default. Once you change the html to #promo you may have to position it in some way, but as I cannot see the images I have no idea where it is supposed to be.

 

 

The url is not set yet as this is my 1st project and I just began coding it yesterday (is there a way I can send a copy of it without providing the url?)

 

I got the promo to stay put (do not know what I was doing - went to show my fiance what was going on - and everything wa sok - now just having an issue with placing the click here link onto the sticky note....

Link to comment
Share on other sites

If you have your own site you can put the site on there in a separate folder, or else you could put a test folder on the clients site, if you have access. Then you just need to give us the exact address.

 

 

Oiy - in time Virtual..lol

 

thank you again

Edited by NuCoder
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...