I'm new with HTML and CSS, need help

I'm creating a static html webpage for an assignment. Someone suggested to me that I could manually create my webpage using dreamweaver instead of creating it from scratch, which has turned out much easier. However one of the tasks require me to Create a CSS stylesheet to work with my structural HTML. So my question is where is the CSS code inspector (if there is one). Is it possible for me to somehow add this and link it to my HTML?
Sorry if my question isn't clear, I'm quite new to this and have only a general idea of what I am doing.

Because the assignment requires me to submit the css and html separately. It means both have to be done is separate Notepad files (this is where I will paste the code from dreamweaker to submit).
I'll save the html as hompage.html and the CSS as homepage.css
So I don't know if I can use option 2.
My teacher wants to be able to open my css and amend it so that all her amendments actually work with my html.
So lets say this is my html that I copy from dreaweavers inspector:
<html>
<head>
<title>Search Engine Title Goes Here</title>
<link rel="stylesheet" type="text/css" href="hompage.css">
</head>
<body>
<div id="container"> </div>
<div id="header"> Header Goes Here</div>
<div id="sidebar"> Left Navigation Goes Here</div>
<div id="content"> <p>Content Goes Here</p></div>
<div id="footer"> Footer Goes Here </div>
</body>
</html>
How would I write my css, would it be like this? (assume this is my homepage.css file):
body {background: #ffffff; margin: 0; padding: 0;}
a {color: #2b2bf6;}
#container {width: 900px; margin: 0; padding: 0; background: #dddddd;}
#header {width: 900px; height: 150px; margin: 0; padding: 0; border: 0; background: #f346e1;}
#sidebar {width: 200px; height: 400px; margin: 0; padding: 0; border: 0; float: left; background: #f0e811;}
#content {width: 700px; height: 400px; margin: 0; padding: 0; border: 0; float: left; background: #8be0ef;}
#footer {width: 900px; height: 70px; margin: 0; padding: 0; border: 0; float: left; background: #000000; clear:both;}
I saw this example on the internet, would this work?

Similar Messages

I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. How do I resolve this issue?

I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. I did not have this issue in the older version. I use an iMAC running OS10.6.8. How do I resolve this issue?

Starting with this, you have errors in your CSS code.
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: 151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: EFF5F8;
body {
margin:0;
color: #151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: #EFF5F8;
font-size: 100%;
Related links:
Windows Chrome, why do my fonts look so bad? - Lee Green
css3 - Bad font rendering Chrome - Stack Overflow
Nancy O.

My grandma is a new apple user and she needs help making an apple account.

my grandma is a new apple user and she needs help making an apple account.

She should call Apple support or visit the Genius Bar at an Apple store (make an appointment first at http://apple.com/retail). They will walk her through the process.

JEditorPane with HTML and css

Hi
I am trying to display a html file with css (css file is external) in jeditorpane. I managed to display html but css effect is lost. Can anyone help please?

I do not believe there is currently an html renderer in java that can handle style sheets. Your best bet if you need this is to try to contact a professional java web browser producer like ICESoft

New To CC and DPS, Need Help

Recently I started using Creative Cloud and I am loving it. One of the main reasons I joined was to take my small magazine (circ in the hundreds not thousands) into interactive app form. I have paid my Apple fees, created all my certificates and have started the fun part of actually creating the app. But it has come to my attention that I may not be able to do what I want with Creative Cloud; creating an app for my mag and sell new issues from within that app as they publish. From what I can tell I can publish as many SINGLE apps as I want but cannot publish one app for my mag that has new issues added for sale? From what I gather I would need one of the high end versions of DPS which are way, WAY out of my budget.
Can anyone correct me if I am (hopefully) wrong or give some advice how I can still make this work. The mag only publishes about 4 times a year, so would it be unheard of to work around this with four different apps and would Apple be OK with that?
Thanks for any help or advice.
- Jason

Subscription apps require a pro or enterprise level account. Adobe is quite clear in stating that only Single Edition apps are included in CC.
If you're confused about the difference you're not alone. That's why I wrote this blog post a little while back:
http://boblevine.us/digital-publishing-suite-101-single-edition-vs-multi-folio-apps/
Bob

Frequency counter with start and stop - Need help

When No load, 200VA Unity , 400VA Unity, 600VA Unity, 400VA LAG, 400VA LEAD or Short is active Frequency Counter starts.
When OFF and BENCH PWR is active Frequency Counter stops and is grayed out.
Frequency Counter is grayed out when BENCH PWR is inactive
Any one know ho to do this?
Attachments:
Buttons.vi ‏77 KB

In order to enable or disable a control you need to write a U8 value to the Disabled property of the property node for that control.
The values are:
0 = Enabled
1 = Disabled
2 = Disabled and Grayed Out
Kelly Bersch
Certified LabVIEW Developer
Kudos are always welcome

Hate working with code? Zeldman says authoring good HTML and CSS is an art

Visual designers often complain about the need to get their hands dirty with HTML and CSS, and long for a program that will do it all for them. According to web standards guru, Jeffrey Zeldman, they'll have a very long wait: http://www.zeldman.com/2010/07/05/an-indesign-for-html-and-css/.
Well worth reading.

Thank you David.
I was reading the article a few minutes before you posted, and I just hope more people would take note of what it says, especially this part -
Adobe could also stop ignoring Fireworks, as Fireworks is a better
starting place for web design. They might even interview serious,
standards-oriented web designers and start from scratch, as a new tool
will suffer from fewer political constraints and user expectations than a
beloved existing product with deep features and multiple audiences.
Paula Z

Slices - HTML and CSS??

Hello,
I was wondering if someone with extensive experience with HTML and CSS AND PS could help me with my question:
I have been marking up HTML and CSS for some time now using a basic text editor. As my designs have advanced, so has my ability in Photoshop and Illustrator. I came across a tutorial where someone is using PS to convert slices into HTML and CSS. Now, I have always used a text editor for HTML and CSS so this is all VERY new to me. Why would someone want to do this (wouldn't you have MUCH less control if you let PS write out your HTML and CSS for you)? What are the PROS and CONS to using Photoshop in this way over designing using text editors? Is this method of converting slices for people who don't want to learn HTML and CSS or is this a very valuable tool even for people who know HTML and CSS thoroughly?
Thank you in advance....

Frigglesworth wrote:
Why would someone want to do this (wouldn't you have MUCH less control if you let PS write out your HTML and CSS for you)? What are the PROS and CONS to using Photoshop in this way over designing using text editors? Is this method of converting slices for people who don't want to learn HTML and CSS or is this a very valuable tool even for people who know HTML and CSS thoroughly?
Thank you in advance....
The output is plain HTML/CSS so you have the same control to go back and edit it by hand.
This all goes back to the concept of prototyping. When you are working up designs for a client you probably don't jump straight to typing HTML/CSS. You either present hand sketches or mocks from Photoshop. The idea is that if you have created a decent mock-up in Photoshop, you can proceed to slice it up to become the actual design.
For a path to thousands of pages discussing the pros and cons of this concept, go here:
http://www.google.com/search?q=web+prototyping+photoshop
Photoshop web prototyping is evolving. ImageReady was dropped and with the acquisition of Fireworks from Macromedia (which does the same thing as Photoshop - - but many web designers claim it does it better), the future is uncertain regarding where Adobe will go. Good luck on finding an ideal workflow. I'm still looking too.

Design Region using HTML and CSS

Hi,
I need to design a region with HTML and CSS tags. Is there any tools available so that auto generated code gets that can be used inside the region. Please suggest.
Thanks
Sudhir

See if this works;
'''[https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/ NewScrollbars (aka NoiaScrollbars)]''' {web link}
The "NewScrollbars"-extension replaces the default
scrollbars of Firefox and Thunderbird with
colorized ones (partly) known from "Noia themes".

Can someone provide HTML and CSS compatibility issues list in IE 12?

Hi There,
We recently come to know from our team members that Microsoft going to release Internet Explorer (IE) 12. But there are some compatibility issues with HTML and CSS which can break our web sites. Can someone provide us list of issues that we can face in IE
12, so that we can work on their resolution.
Regards,
Ankush

Hi,
http://status.modern.ie
or
f12>Console tab>
document.body.style
Rob^_^

I just purchase a brand new mac computer and I need to purchase new adobe CS software. Do you know if Adobe CS5 Design Premium-MAc is compatible with new mac computers with the updated software?

I just purchase a brand new mac computer and I need to purchase new adobe CS software for work. Do you know if Adobe CS5 Design Premium-Mac is compatible with new mac computers with the updated Yosemite software? *No previous adobe CS software versions are on this computer

There are known technical issues with any older version on Yosemite, even CS6. Some can be worked out, others may not be relevant to you, some will remain unsolved.
Mylenium

Day one of my new MacBook Pro & I desparately need help with calendar and email

It's day one of my new relationship with a Mac, and I need help! I'd like to use microsoft exchange to sync my calendars to iCal & my emails the way I currently do with my iPhone 4 and iPad 2. The problem is that all I get are error messages. They either say that communication with the server cannot be established or communication to ports 80 & 440 cannot be established. One account I'd an ssl and the others are gmail. Please advise!

anyone? please? i would appreciate any information.

I am new with iMac and I am trying to copy some file from my external HDD but it does not let me also I can't delete anything from this HDD using the finder. Can somebody help me , please?

I am new with iMac and I am trying to copy some file from my external HDD that a used with my PC but it does not let me also I can't delete anything from this HDD using the finder. Can somebody help me , please?

No, unfortunately, when you format a drive, it will erase all the contents. So you will need to find a temporary "storage" place to put the stuff using a PC so you have access to it. Then reformat using Disk Utility (Applications > Utilities). If only using with mac, format Mac OS Extended (Journaled) and use GUID Partition scheme under Partitions/Options. After formatting, you can drag the files back.

I'm new to SQL Server Integration Services and I need help on how to begin learning SSIS. Is there any training for it besides msdn?

I'm new to SQL Server Integration Services and I need help on how to begin learning SSIS. Is there any training for it besides msdn?

Check this thread where people have already given their suggestion on learning SSIS
http://social.msdn.microsoft.com/Forums/sqlserver/en-US/f2cc1cf3-204d-454a-a189-47df87a3aa23/i-want-to-learn-ssis?forum=sqlintegrationservices
I would suggest to go for You tube videos (type learn SSIS or begin SSIS step by step) you will get lot of good tutorials to start with.
Happy Learning!!
If this post answers your query, please click "Mark As Answer" or "Vote as Helpful".

HTML and CSS Best Practices for Eloqua?

Hello Topliners Community,
My name is Ben and I am a Web Designer. I am currently looking for any guidance on HTML and CSS best practices when working with Eloqua. I am interested in the best practices for e-mail and landing pages.
Thank you,
Ben

Personally I like to upload my custom created html/css into Eloqua instead of using the WYSIWYG.
But if you must then right clicking on text boxes and click edit source is the way to go.
There was a good discussion on editing your forms with CSS:
Energize Your Eloqua10 Forms with CSS
created by Ryan Wheler on Nov 2, 2012 8:44 AM, last modified by Greg Stotler on Sep 19, 2013 2:00 PM
Version 2
CSS can be used to heavily customize the layout of forms in Eloqua10. In this article we will provide sample cover some common formatting use cases on Eloqua10 Landing Pages. Further details about uses of CSS in Eloqua10 form templates can be found here: EE12 - Do It - Eloqua - Energize E10 Forms
Eloqua10 Forms HTML Structure
Below is an outline of the structure of the HTML generated by Eloqua when a form is added to a landing page. By targeting the HTML classes highlighted below, we can control the layout of any form on your landing page.
For the rest of page: http://topliners.eloqua.com/docs/DOC-3015

I'm new with HTML and CSS, need help

Similar Messages

Maybe you are looking for