newseed

Although I do not know exactly why browsers do not render it the same, the correct way to achieve this make the following changes in bold: #center { border: 1px solid #FFFFFF; border-radius: 10px; height: 200px; left: 50%; margin: -100px 0 0 -250px; position: absolute; top: 50%; width: 500px;}

I could not see anything that might be the cause but you might want to backtrack to the point to when it was working and see if you have added/deleted or modified any changes. Sometimes js conflicts will render the slider inactive.

Hard to say without see that page you are having problems with. Have you run your pages thru the html and css validators?

Typically, you would just get the code snippet from YouTube to embed onto your page. I know of no security issue with that method. However, if you problem persist then maybe you can share a url of the page in question.

Keep in mind that not all HTML5/CSS3 tags/elements are supported by all (especially the older ones) browsers. If you want to use them and yet satisfy the audience using browsers that lack support then you should check out modernizer.

When it comes to pdf, typically it's best to use a link that opens up to a new tab/window. I never use object tags. However, you might this: apply a css like this: pdf {width:100%;} I never tried it and I certainly do not know if it works at all. You can also try iframe instead of object.

Be sure to update your code changes to the link you've provided so we can see the progress you have made. As for ul, yes it will work. the li will be contained within. Right now, I see that the ul is commented out.

Same concept as before whether you want to position the entire ul, or each li or whatever, positioning will work.

I don't see any ul or li tags. But what you seems to be asking is to position those 3 links you have within the circle area. Once way is to using position I set the style for the first link tag for you: <a href="#" class="st" style="color: #fff; position:absolute; top:100px; left:150px">Home</a> Each one should have it's own positioning so you can place exactly where you want them.

By default, the ul have margins and paddings. You will need to add padding: 0; and margin: 0; to #carousel ul

I don't have any one particular thing I use to learn HMTL/CSS but w3school is a good start. You can google specific 'How to..' topics and you will find all sorts of resource. No matter how much you learn, trial and error will help you push forward to understand how it all works. After 10 years, I am still learning some stuff.

Instead of using display: none; and you want to style it then just style it as you see fit. A border will be border: 1px solid #ff0000; Adjust to suit

I only worked with Squarespace once before but I think you can easily hide that button via css. Check for a custom CSS editor. It will allow you to add css to override the defaults. Look for this: .collection-type-blog article footer .squarespace-social-buttons.inline-style { cursor: pointer;} Add display:none; You should review the change and make sure it's not affecting buttons elsewhere. If so, then you need to find the html for that 'Share' button and apply it via inline style or add a secondary class to it.

A couple of ways to do that. I assume that you want spacing below each link. ul li {margin-bottom: 1px;} or ul li a {margin-bottom: 1px;} You can also use border-bottom and define whatever color you like.

Divs require some kind of identification so you can tell what each one does. In your case, id="container" is commonly used as a way to set the overall width of the site's design. So anything within that 'container' div will be contained to whatever width you set it for. Some people would use id="wrapper" instead but you can call it whatever you like but it's ideal to call it something that is easily identifiable. id="header" is another example. This is commonly used for logos, top navigation, etc. Again, you don't have to use that identifier...you could call it 'masthead' or 'pageheader'. id's names should only be used once. Classes can be used more than once. Again, it's not really important what you call it so long as you understand what it means to you but it would be a good practice to keep them consistence. <div id="container"> <div id="header">logo, background header image, etc </div> <div id="leftcol">left column for left navigation</div> <div id="content">page content</div> <div id="footer">bottom footer for links, copyright info, etc.</div> </div><!-- end 'container' div--> The above is just a small example and can be defined any way you like. The idea to use id's (and classes) is so that you can use CSS to style them. More importantly you can define them using a css stylesheet file linked to your page file. Here's what you have: <div id="container" style="width: 500px;"> Using a css file linked via within your page's <head></head> section you will have something like this: <div id="container"> ...and your css file will look like this: #container {width: 500px;}

The 'display: block' that is assigned to your <a> tag will tell it to expand the full with in whatever it's contained in. Since the <li> is also a block element by default it too will expand the width of whatever it's contained in. Your solution is to add float: left; to the <li> li { float: left;}

You have this: ul li { background: url("../images/points.jpg") no-repeat scroll 0 8px rgba(0, 0, 0, 0); line-height: 2; padding: 4px;} ...which tells it to hit every one of those <li> tags to have the above rules. You can either give the above a specific class for only the unordered list you want the background to show up at or apply background: none to sf-menu li

I was able to solved the link problem just by correcting that div to be a closed tag.

You have a div tag that is open but suppose to be closed. </div> <!--end of cornerDiv --> <div> <!--end of wrapDiv1 -->

The new Firefox 30.0 has been released along with Firebug 2.0. Unfortunately, some of you may experience Firebug tool not working. The issue is caused by 'lazy oval optimization' via in Firefox.The solution is do one of the 3 following options:1. Revert Firefox back to previous version.2. Upgrade Firefox to 31.0 ALPHAor3. (my preferred choice) Uninstall Firebug 2.0; close and restart Firefox. Go here https://getfirebug.com/releases/firebug/1.12/ to download the previous version of Firebug (1.12.8 - down near the bottom of the page). Install it via using Firefox add-on installer.If you have auto updates turned on, you may want to disable that temporarily until the new Firefox 31.0 comes out or else Firebug may update the 1.12.8 version to 2.0

If you force all your divs to have a fixed height then it will naturally clear. Reason why doesn't clear now is that 1 of your 6 divs may be taller than the other divs.Again, depends on what's contained in the 6 previous divs. That 7th div probably needs to clear floats using clear:left so that it clears everything to the left.

It depends what's contained inside those 7 divs. If you set the container div to be let's say 1000px and your 7 divs within that container do not have any fixed widths then nothing is telling any of those divs to be equally spaced thus the width will be as wide as whatever it is inside of it. However, if you set your 7 divs to be equally spaced then it would amount roughly about 142px each. You will also need to factor in borders, padding, margins, etc if they are being used.So your last div is dropping down because it doesn't have enough room to fit on the same line as the other divs.

One way is to add a span tag into the paragraph tag something like this:<p style="text-align:center;"><span style="background: yellow; padding: 40px;">I will give it a go.</span></p>

You might unzip the bootstrap to a local folder and test to make sure it works out of the box before moving it. Sometime file paths are not edited to match the location where you want to put your files. Version 3 had a customize bug so you might want to read up on this . I don't know if this has been resolved since the 3.1 release. Might check with bootstrap for more information and check the ###### for common problems.

Is the image embedded in the html? If so, set the image size to be width: 100%; It will fit in whatever the containing div is.