Fosseen DW CS6 tutorial page. Help, please!
I get this gap in my page and it started right after I added this < nav > bar. I did this lesson several times from scratch and it still gives me this gap. I don't know if the book is missing something or it's me. The book shows no gaps in the examples. I would appreciate help. I'm a bit new to DW. I have HTML in high school about 16 years ago so I understand the code by hand. Thanks for your time.
<! doctype html >
< html >
< head >
< meta charset = "utf-8" >
< title > Untitled Document < /title >
< style type = "text/css" >
<!--
{body
Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.
background-color: #FFF;
margin: 0;
padding: 0;
Color: #000;
}
/ * ~ ~ Tag of the element selectors ~ ~ *.
UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
}
H1, h2, h3, h4, h5, h6 {p}
margin-top: 0; / * remove the top margin works around a problem where margins can escape its container block. The margin of the low rest it will take away from all of the following items. */
padding-right: 15px;
padding-left: 15px; / * adding padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any mathematical model of box. A block nested with side pads can also be used as an alternative method. */
}
an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}
border: none;
}
/ * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */
a: link {}
color: # 42413.
text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.
}
a: visited {}
color: #6E6C64;
text-decoration: underline;
}
a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}
text-decoration: none;
}
/ * ~ ~ This container fixed-width surrounds all the other blocks ~ ~ * /.
. Container {}
Width: 950px;
background-color: #FFFFFF;
margin: 0 auto; / * set to auto on the sides, coupled with the width, the layout centres * /.
border: 2px solid #060;
}
/ * ~ ~ The header is not given a width. It will extend to the entire width of your layout. ~~ */
{to header
background-color: #090;
background-image: url(Lessons/images/banner.jpg);
background-repeat: no-repeat;
height: 130px;
}
/ * ~ ~ These are the columns for page layout. ~~
(1) padding is only placed on the top and/or bottom block elements. The elements contained in these blocks have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the block itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element in the block element and place a second inner block with no width element and the necessary padding for your design.
(2) no margin was given to the columns, because they all floated. If you need to add the margin, avoid placing on the side you're floating into (for example: a right margin on a block set to float to the right). Many times, padding can be used instead. For blocks where this rule needs to be broken, you need to add a statement of ' display: inline ' to the rule of the block element to tame a bug where some versions of Internet Explorer double the margin.
(3) given that the classes can be used several times in a document (and an element can also have several classes applied), the columns have received the names of classes instead of IDs. For example, two blocks from the sidebar could be stacked if necessary. These can easily be changed to the ID if that's your preference, as long as you don't use them once per document.
(4) If you prefer your nav on the left instead of the right, just float those columns the opposite direction (to the left instead of all rights), and they will return in reverse order. There is no need to move the blocks in the HTML source code.
*/
{.sidebar1}
float: left;
Width: 180px;
background-color: #EADCAE;
padding-bottom: 10px;
}
. Happy {}
padding: 10px 0;
Width: 770px;
float: right;
}
/ * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.
. Content ul, ol {} content
padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */
}
/ * ~ ~ The list of navigation styles (can be removed if you choose to use a contextual menu premade as Spry) ~ ~ * /.
UL. NAV {}
list-style: none; / * This command deletes the list marker * /.
border-top: 1px solid #666; / * This creates the top border for the links - all the others are placed using a bottom border on the LI * /.
margin-bottom: 15px; / * This creates space between the following content browsing * /.
}
{ul li. NAV
border-bottom: 1px solid #666; / * This creates separation button * /.
}
UL. NAV, the ul.nav: visited {/ * these selectors of grouping allows you to ensure that your links to retain their look button even after the ongoing visit * /}
padding: 5px 5px 5px 15px;
display: block; / * Gives the link properties block causing it to fill the whole container LI. This causes the entire area responds to a mouse click. */
Width: 160px; / * This width makes all the clickable button for IE6. If you do not need to support IE6, it can be removed. Calculate the width by subtracting the padding on this link of the width of your sidebar container. */
text-decoration: none;
background-color: #090;
color: #FFC;
}
UL. NAV a: hover, ul.nav one: ul.nav active,: focus {/ * this changes the background and color of text for browsers of the mouse and the keyboard * /}
background-color: #ADB96E;
color: #FFF;
}
/ * ~ ~ Footer ~ ~ * /.
footer {}
padding: 10px 0;
background-color: #CCC49F;
position: relative; / * This gives hasLayout IE6 to well clear * /.
Clear: both; / * This clear property forces the .container to understand where the columns end up and contain them * /.
}
/ * HTML 5 support - new tags of HTML 5 sets to display: block for browsers know how to render the tags correctly. */
section, footer, said by the way, article, header, figure {}
display: block;
}
{#apDiv1}
position: absolute;
Width: 170px;
height: 158px;
z-index: 1;
margin-top: 10px;
margin left: 30px;
}
NAV p {}
do-size: 90%;
color: #FFC;
text-align: right;
make-weight: bold;
background-color: #090;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
border-top-width: 2px;
border-top-style: solid;
border-bottom-color: #060;
}
->
< / style > <!-[if lt IE 9] >
"< script src ="http://html5shiv.googlecode.com/svn/trunk/html5.js "> < / script>"
<! [endif]--> < / head >
< body >
< div class = "container" >
"< div id ="Divap1"> < img src="Lessons/images/butterfly-ovr.png "width ="170"height ="158"alt ="Logo of GreenStart"> < / div >
< header > < / header >
< div class = "sidebar1″" >
< ul class = "nav" >
< li > < a href = "#" > green news < /a > < /li >
< li > < a href = "#" > Products Green < /a > < /li >
< li > < a href = "#" > Green events < /a > < /li >
< li > < a href = "#" > green travel < /a > < /li >
< li > < a href = "#" > Green Tips < /a > < /li >
< /ul >
< side >
< p > the links above demonstrate a basic navigation structure using a style with CSS unordered list. Use it as a starting point and modify properties to produce your own unique look. If you have need of flyouts, create your own by using a Spry menu, a menu widget from Adobe Exchange or a variety of other javascript or CSS solutions. < /p >
< p > if you want the navigation along the top, simply move the ul to the top of the page and recreate the style. < /p >
< / side >
<! - end .sidebar1 - > < / div >
< section class = "content" >
Instructions of < h1 > < / h1 >
< section >
< h2 > how to use this document < / h2 >
< p > note that the CSS for these schemas is strongly commented. If you do most of your work in Design mode, have a look at the code for advice on the use of CSS for the layout fixed. You can delete these comments before you launch your site. "Learn more about the techniques used in these CSS layouts, read this article on Adobe Developer Center - < a href = 'http://www.adobe.com/go/adc_css_layouts. http://www.Adobe.com/go/adc_css_layouts "> http://www.Adobe.com/go/adc_css_layouts < /a >. < /p >
< / section >
< section >
Compensation method < h2 > < / h2 >
< p > because all the columns are launched, this layout uses a clear: both statement in the footer rule. This technique of compensation, the forces of the .container to understand where the columns end in order to show borders or background colors put you on the .container. If your design requires that you remove the footer of the .container, you will need to use a different compensation method. The most reliable is to add a & lt; BR class = & quot; clearfloat & quot; / & gt; or & lt; div class = & quot; clearfloat & quot; & gt; & lt; / div & gt; After your last floating column (but before the closing of the .container). This will have the same effect of compensation. < /p >
< / section >
< section >
Replacement of the Logo < h2 > < / h2 >
< p > an image placeholder was used in this provision in the header where you may want to place a logo. It is recommended that you delete the placeholder and replace it with your own linked logo. < /p >
< p > note that if you use the property inspector to access your image of the logo using the field of the CBC (instead of remove and replace the placeholder), you need to remove inline background and view properties. These inline styles only serve to make the placeholder logo displays in browsers for demonstration purposes. < /p >
< p > to remove the inline styles, make sure that your CSS Styles Panel is updated. Select the image and in the properties of the CSS Styles Panel pane, right-click and delete the display and background properties. (Of course, you can always go directly in the code and remove the image inline styles or placeholder there.) < /p >
< / section >
< section >
Background < h2 > < / h2 >
< p > by nature, will show the background color on any block for the length of the content element. This means that if you use a background color or a border to create the appearance of a sidebar, it will not extend completely to the footer, but stops when the content ends. If the content block contains more content, you can place a border on the block content to divide the column. < /p >
< / section >
<! - end content - > < / item >
<>footer
< p > this footer contains the statement of position: relative; giving hasLayout Internet Explorer 6 for the footer and make clear properly. If you are not required to support IE6, you can remove it. < /p >
< address >
Contents of the address
< / address >
< / footer >
<! - end .container - > < / div >
< / body >
< / html >
Add this to the css from nav p...
margin: 0;
EDIT: for what it's worth,.
tags have a default margin given by browsers, which means that they must be cancelled in certain situations. Without deleting, you will see a space. Because there is nothing in the css separating physically the
margin of the
Tags: Dreamweaver
Similar Questions
-
Hello
Trying to make the tutorial, but have no idea of c#. I tried the code running through a converter but get errors. Anyone can convert this from c# to VB
< script runat = "server" >
Protected Sub Page_Load (ByVal Src, EventArgs E)
{
Don't cache this page.
Response.Expires = - 1;
Response.AddHeader ("Pragma", "no-cache");
Response.AddHeader ("cache-control", "no-store");
If (IsPostBack)
{
Check the user credentials in the page
If ((emailaddr. Value == DS_uidAndPwd.FieldValue ("emailaddr", null)) & & (password. Value is DS_uidAndPwd.FieldValue ("password", null)))
{
The user has been authenticated.
// 1. Create the authentication ticket.
// 2. Redirect to the appropriate page.
// 1. Create the authentication ticket.
Create and use forms authentication ticket.
FormsAuthenticationTicket ticket = new FormsAuthenticationTicket (1,
"" 'Request.Form ["emailaddr'],
DateTime.Now, / / time question
DateTime.Now.AddMinutes (30), / / expires in 30 minutes
false, / / not persistent
'Member'); role assignment is stored in the UserData
Create a new HttpCookie (encrypted) using the ticket comes to create
and name it accordingly to the value specified in the < forms > element
in the web.config file.
HttpCookie cookie = new HttpCookie (FormsAuthentication.FormsCookieName, FormsAuthentication.Encrypt (ticket));
Add the cookie to the outgoing response.
Response.Cookies.Add (cookie);
Redirect as appropriate.
ReturnUrl chain;
If (Request.QueryString ["ReturnURL"] is nothing)
{
returnUrl = "/ members/index.aspx.
}
on the other
{
returnUrl = Request.QueryString ["ReturnURL"];
}
Response.Redirect (returnUrl);
}
on the other
{
Msg.Text = "Invalid Credentials: Please try again ';
}
}
}
< /script >
Thank you very muchHere you go, looks like bad however, the line:
If it is true, then
always evaluate as true, are you saying that this is:
If true = true then
that leaves the else block a pointless exercise because its not always going to
be true--
Kevin Marshall
WebXeL.com Ltd
http://www.webxel.comASP.NET Dreamweaver extensions
http://www.webxel-DW.co.UK
News:e6ron9$6u9$1@forums. Macromedia.com...
> Hi,.
>
> Trying to make the tutorial, but have no idea of c#. I tried to run the
> code via a converter but get errors. Can someone convert this
> of
> C# VB.
>
>
>
>
> Thank you
> -
I can't find a version test adobe first pro cs6 anywhere? Help, please!
I downloaded the trial version and after he was done he said that it is ready to use. I looked in Program Files, and then in the adobe folder and is not there! When I go to uninstall it but it appears there, can you please help me locate it? Thank you! I use a PC.
That would explain why you are unable to locate the Premiere Pro. It requires a 64-bit operating system. You can find more details at http://www.adobe.com/products/premiere/tech-specs.html.
-
InDesign on Mac Lion CS6 - cursor froze on the spot tool. Can not access other tools! Help please!
InDesign on Mac Lion CS6 - cursor froze on the spot tool. Can not access other tools! Help please!
I restarted CS6, and I can not yet anything the page. In the average operating system rush job ;(
[Moved from the living room Forum to forum specific program... MOD]
Thank you Michael. I will remember that if this happens again. In the end, it fixed itself! After an hour or two of hand frozen, I left for a while and when I got back, everything was very good! I think that there is a first time for everything!
-
Hi, I have cs6. I bought a picture on adobe stock to use in a design. I don't know how to remove it from my library and use effectively? Help please
Go to stock.adobe.com and log in with the user ID Adobe that you purchased the image.
Click on the Images link at the top right of the page to go to your history of license
Click on the thumbnail of the image of the image you want to use to access the page of image details
In the center of the details page, you will see a big blue to choose link where you want to save the image to
-
When I scroll a certain Web page, browser reloads the page upward, this happens even if I change the browser... Why? Help, please!
-
Your help please with my problem. Thank you.
Try the settings > Safari > clear the history and data from the Web site. That could help.
Can you identify some pages where this happens? I took a quick glance and the pages I saw seemed reasonable.
-
Hi, I want to get rid of "in search of Babylon" of firefox, I did everything but its always come when I press + for a new page. Please help me...
You are welcome.
-
Can anyone help please? I think of web page has changed all of a sudden. Everything is listed on the left side of the screen and appears to be in a basic format. I run XP and use Firefox 9.0.1.
Thank you...Clear the cache and cookies from sites that cause problems.
"Clear the Cache":
- Tools > Options > advanced > network > storage (Cache) offline: 'clear now '.
'Delete Cookies' sites causing problems:
- Tools > Options > privacy > Cookies: "show the Cookies".
Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/tools > Modules > appearance/themes).
- Makes no changes on the start safe mode window.
- https://support.Mozilla.org/KB/safe+mode
-
In Yahoo Mail, when you compose an email I get a Panel "asking to leave this page. It does not matter that I choose to stay or leave, the Panel will appear again... and again... the only way is to force enough Firefox and start all over... help please...
Some extensions or toolbars can add such a report.
It can also be part of the code on a page to prevent dataloss if you began to type text (composing a new mail) and you try to close this tab.
You should be able to close this report and close the active tab.What I posted above is applicable to all platforms, including Mac.
-
I got an iphone 4 to a friend in the Canada. I want to use it here in the Philippines as a regular iPad reserved for wifi, how can I use it without sim card? It does not pass the activation page. Help please?
You can activate it without a SIM card. If it is locked, it takes a SIM card by the carrier, for it is locked. The SIM card should not be linked to an active line of service, but it must be present to activate it.
-
HP OfficeJet 4650: HELP please... printer will print a page and print is not complete
I'm so frustrated. I bought this printer 10 days ago and he hung up. Worked very well. Print several things and one day in the middle of the printing of the forms out, then it just starts Act up. I have tried several things to fix the problem, but nothing resolved. It will print the first page (1 of 7) but then it gives me just a blank sheet for page 2 and then stops. What is going on? Help, please. I am implemented instant of hp ink and I lost several prints to try to solve this problem.
To all those who have this problem with Windows 10. Ryan at HP helped me to understand that it was the edge browser that was causing problems. I thought that I was using Internet Explorer, but he was on board. Try using Internet Explorer or Chrome. It solved the problem for me. Thank you Ryan at HP!
-
my monitor 17 "is smaller than all my pages. The TPO and low headers are not visible. Once I put the pointer over the edge of the image, and then down the toolbar. Help, please. Also. I get that thin lettering and drop thick as you can see. As if they were a beat on the page re: the ink.
Hi the Minister m annettegraham fast,
What version of Windows you have installed? Follow the steps in this document to set the resolution of the screen.
Let is know if this helps.
-
Help, please! blank page in the list of updates (vista SP2) to install company
Hello, I have a business edition of vista with SP2 and you have a problem to view the updates that must be installed: currently I have a notification of updates 26, but when I click on the link to view this list, I have only a white page!
Please see below for details and I'll appreciate your help on this issue.KR,
-------------------------------------------------2009-12-01 16:59:38:837 1092 918 Agent *.
2009-12-01 16:59:38:838 1092 918 Agent * END * Agent: finding updates [CallerId = AutomaticUpdates]
2009-12-01 16:59:38:838 1092 918 Agent *.
2009-12-01 16:59:38:866 1092 12cc to THE > # RETURN # to THE: research updates [CallId = {E714C492-FBD4-4242-B9AF-23A387873ADA}]
2009-12-01 16:59:38:867 1092 12cc to # 26 updates detected
2009-12-01 16:59:38:881 1092 918 report REPORT EVENT: {A51BA924-F788-4870-AD30-D95DCDA9058D}-2009-12-01 16:59:38:821 - 0000 1 147 101 {00000000-0000-0000-0000-000000000000} 0 0 AutomaticUpdates success software sync Windows Update Client detected successfully 26 updates.
2009-12-01 16:59:38:881 1092 918 CWERReporter finish event management report. (00000000)
2009-12-01 16:59:38:882 1092 918 CWERReporter finish event management report. (00000000)
2009-12-01 16:59:38:957 1092 12cc to THE #.
2009-12-01 16:59:38:957 1092 12cc to # END # in THE: research updates [CallId = {E714C492-FBD4-4242-B9AF-23A387873ADA}]
2009-12-01 16:59:38:957 1092 12cc to THE #.
2009-12-01 16:59:38:981 1092 12cc to THE #.
2009-12-01 16:59:38:981 1092 12cc to THE # START # to THE: updating of information updated featured
2009-12-01 16:59:38:981 1092 12cc to THE #.
2009-12-01 16:59:38:981 1092 12cc to no. feature updates available.
2009-12-01 16:59:38:981 1092 12cc to THE #.
2009-12-01 16:59:38:981 1092 12cc to # END # in THE: updating of information updated featured
2009-12-01 16:59:38:981 1092 12cc to THE #.
2009-12-01 16:59:38:982 1092 12cc to THE timeout parameter next detection at 2009-12-02 13:48:11
2009-12-01 16:59:38:982 1092 12cc setting of to THE pending client directive to 'install approval. "
2009-12-01 16:59:43:835 1092 918 CWERReporter finish event management report. (00000000)
2009-12-01 16:59:54:182 1092 launched CE4 again to THE client for directive 'Install approval', session id = 0x1
2009-12-01 20:00:55:866 1092 16 c 4 putting featured update notifications. fIncludeDismissed = true
2009-12-01 20:00:55:866 1092 16 c to THE star no. 4 updates available.
2009-12-01 20:01:07:235 1092 16 c 4 putting featured update notifications. fIncludeDismissed = true
2009-12-01 20:01:07:235 1092 16 c to THE star no. 4 updates available.Hi Tati70,
Welcome to the Microsoft Answers site!
(1) what is the version of Internet Explorer you are using?
This problem can occur for several reasons. You may experience this problem if one or more of the following conditions are met:
> Internet Explorer settings may be incorrect.
> Some third party such as antivirus programs, firewall and accelerators Web applications adversely affect the ability of your computer to connect to the Windows Update Web site.
> Internet Explorer damaged or incompatible settings can prevent you from accessing Windows Update.
You can reset Internet Explorer and see if that can solve the problem.
Warning: Resetting Internet Explorer settings is not reversible. After a reset, all previous settings are lost and cannot be recovered. Rather than reset, you can reset the settings or delete your webpage history. For more information, see the links at the bottom of this topic.
You can access the links below and use the tool to reset the version of Internet Explorer you are using.
Reset Internet Explorer version 7:
http://Windows.Microsoft.com/en-us/Windows-Vista/reset-Internet-Explorer-7-settings
Reset Internet Explorer version 8:
http://Windows.Microsoft.com/en-us/Windows-Vista/reset-Internet-Explorer-8-settings
Let us know if the problem is solved or for help
Concerning
Varun j: MICROSOFT SUPPORT
Visit our Microsoft answers feedback Forum
http://social.answers.Microsoft.com/forums/en-us/answersfeedback/threads/ and tell us what you think -
I recently formatted my hard drive on my laptop and loaded a full version of Windows 7. (I had been running a version upgrade before formatting.) I downloaded the latest driver of printer on Canon website. My Canon Pixma MG5320 will not be printed. Ink tanks are full, but the pages are blank. This happens if I print from my laptop or my iPhone or IPad. What is the problem? Help, please.
Hi marsha3236,
To try to resolve the problem, you'll want to confirm that the inkjet nozzles are distribute the ink properly by printing a printer nozzle check pattern. If the model does not print correctly, we recommend you to at least cleaning and deep cleanings on the printer to try to get the printing ink. To print the nozzle check pattern and make cleaning, please follow the steps located here.
If you are still experiencing difficulties after cleaning, please call or write us using one of the methods on the page contact us for further assistance.
Maybe you are looking for
-
Cannot turn off automatic updates
Often I got this popup annoying message asking if I want to "enable automatic downloads for this device", the problem is that I can't seem to understand why its appearance. I've disabled all 4 buttons, music, applications, books and podcasts and upda
-
I want to transfer Firefox portable profile to the fixed version.
I don't have to use portable Firefox and want to return to the fixed version. But I need to transfer my settings, folders, the address books, etc. to the fixed version.
-
You have obtained allow to Download Accelerator Plus like you used to.
Firefox 3.6 and lower authorized DAP download AcceleratorPlus. I use it constantly and will remain with them until you get in your last one. Please make it compatible.
-
HP CQ 62: Bios admin password reset cq62
I lost my bios password. the code is disable System 62734247