Please help beginner with CSS positioning fix

Am can't get the items of paragraph to behave the way I want to that they in the header section of the page on the link below. I paragraph address remaining in the position. Paragraph h, however, does not seem to be contained by the header div. He moves to the left as the browser window is resized to be larger. I tried to add a right margin of the paragraph address but paragraph hours does not seem to recognize that. I know I'm doing something wrong, but I can't seem to find out what. The little weather widget has a similar, but not quite the same problem. He moves to the right.

http://www.openrangeimaging.com/test/gravity-test/index-Test01.html

I hope someone knowing good css can help me to get this set up correctly.

Thanks in advance for any help.

Please forgive my newbieness. I have read and studied the html/css a bit, but this is my first attempt at real world if... I am determined to produce a website standards efficiently coded.

We all started exactly where you are right now.  Learn how to work with the code is an excellent first step. Learn how to effectively use code is part skill and part art.  More you do, the easier it gets.

When you have time, look at this article.

How to develop with CSS?
http://phrogz.NET/CSS/HowToDevelopWithCSS.html

I had heard that the styles in the HTML are to be avoided. I guess it's a guideline that can be sometimes broken?

True enough. Do not overdo with inline styles. But to change an element on a page, it won't hurt.

Last question, is there a site you can recommend that I could keep posting my progress to for criticism on how I'm coding? It is appropriate to use this forum for this?

You can ask your comments here.  There are many knowledgeable DW users here to help you.

Good luck with your project,

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • Please help beginner with CSS background-image

    I use Dreamweaver CS4. I created a site on my computer. D:Data\Local_sites\Gravity_Works. In this directory using Dreamweaver, I created 3 files - css, images and models. In the pictures folder, I have an image - bg_body_winter.jpg. In the Templates folder, I have Gravity-works - Home01.dwt. I have created a new form of the page the template file and named index - test01.html and saved directly in the folder Gravity_Works

    I have this css code in a css in the css folder file:

    {body
    background: url(/images/bg_body_winter.jpg) top of Center no-repeat scroll #C1CAD6;
    }
    {body
    Police: 100% Verdana, Arial, Helvetica, without serif.
    margin: 0;
    }

    I downloaded the site in a test folder on my server at fatcow.com. You can see the page using the link below.

    http://www.openrangeimaging.com/test/gravity-test/index-Test01.html

    The image appears as it should be in Dreamweaver Live View. It does not appear in Design view. It does not appear in the preview of the local file in a browser. The image does not appear when you look at the index file - test01.html that is located on the server by using the link above. The specified background color appears but not the image.

    I'm confused about how I should name the path to the image. I think it must be relative root of the site so that anywhere, I have download the website, the image can be found. Can someone tell me how I should name the path to the image properly.

    I feel that I should know how doing this and looked around for help online and tutorial books I have, but I just don't get it.

    TIA for any help.

    In your linked css file the path to the background image must be as shown below (note points both in front of the bar oblique leader)

    {body
    Background: url (.. / images/bg_body_winter.jpg) no-repeat scroll top centre #C1CAD6;
    }

    If you have this image, the browser is trying to find a 'pictures' folder in your "css" folder and it appears no one.

    If you include the colon before the first slash the browser search the folder 'images' outside your "css" folder and in the folder root site.

  • Sir please help me with my home page. When I put my Home Page about: welcome it gives an error saying invalid Url... Please tell Me how to fix it!

    Question
    Sir please help me with my home page. When I put my Home Page about: welcome it gives an error saying invalid Url... Please tell Me how to fix it!

    Subject: House = without capital letters

  • CSS position: fixed works on mozilla 21/IE10, but not in chrome?

    Hello guys,.

    I want to post a rectangle or a picture while scrolling browser.

    I use sym.$("Rectangle3").css ({'position':"fixed"});})

    It works fine in Mozilla and IE10 but not in chrome (Version 27.0.1453.116 m)

    Anyone help please?

    Thanks in advance.

    Anthony

    @2adps I think that the question boils down to translateZ (0) which is a known trick to force the GPU acceleration - and uses the same trick as animate

    I asked one of our developers and we have found a workaround.

    Add to the event compositionReady to the scene:

    $("body").append ($("#Stage_rect").css ("position", "fixed"));

    Replace "Stage_rect" what is your name of the element. For example, if your name of the element is "Rectangle3"level step in your items Panel, it becomes '#Stage_Rectangle3'. '. You can also get the name of this ID by the Inspector of your browser tools.

    Sarah

  • The address bar where I can type in the Web addresses does not appear on my Mozilla, please help me with this... How to activate it?

    The address bar where I can type in the Web addresses does not appear on my Mozilla, please help me with this... How to activate it?

    Hi kdwis,

    Going to try view > toolbars and activation of the Bar of Navigation and in the bookmarks toolbar.

    Hope this helps!

  • When you install the 2007 Microsoft Office Suite Service Pack 2 (SP2), I still received the error code 646... I tried to download the RegCure as advised, but the problem still exists... Please help me with this problem... Thank you

    Ideas:

    • When you install the 2007 Microsoft Office Suite Service Pack 2 (SP2), I still received the error code 646... I tried to download the RegCure as advised, but the problem still exists... Please help me with this problem... Thank you

    I tried to download the RegCure as advised, but the problem still exists...

    Who advised you to 'download... '. RegCure? Doing so could only worse issues! If you ever think that your registry database must be cleaned, repaired, boosted or optimized (it isn't), read http://aumha.net/viewtopic.php?t=28099 and draw your own conclusions.

    See http://social.answers.microsoft.com/Forums/en-US/vistawu/thread/6e716883-7af4-4a9f-8665-2f4dd57eee8d ~ Robear Dyer (PA Bear) ~ MS MVP (that is to say, mail, security, Windows & Update Services) since 2002 ~ WARNING: MS MVPs represent or work for Microsoft

  • This question is about programming in C. you please help me with a question that is.

    This question is about programming in c. can you please help me with an issue that is -

    Why do we write - printf ("r = c = %d %d sum = %d\n", sum c, r,);

    What we're trying to accomplish here by writing this.

    I also wanted to know why we write things within double quotes.

    The book programming in C I have, gave no information on this subject.

    The way if statements can be nested, of same whiles and fors can

    also be nested. To understand the nested loops how to work, watch the

    program below:

    / * Demonstration of nested loops * /.

    (main)

    {

    int sum c, r,

    for (r = 1; r<= 3="" ;="" r++="" )="" outer="" loop="">

    {

    for (c = 1; c<= 2="" ;="" c++="" )="" inner="" loop="">

    {

    sum = r + c;

    printf ("r = c = %d %d sum = %d\n", sum c, r,);

    }

    }

    }

    When you run this program, you will get the following result:

    r = 1 c = 1 sum = 2

    r = 1 c = 2 sum = 3

    r = 2 c = 1 sum = 3

    r = 2 c = 2 sum = 4

    r = 3 c = 1 sum = 4

    r = 3 c = 2 sum = 5

    In short, in C, a string enclosed in double quotation marks is replaced by a pointer to character to this string somewhere in memory.  The first parameter of a call to printf() is a pointer to the format string and the following parameters replace the % {(quoi que) the characters that appear in the format string.}  %d represents a whole argument of printing.

    HTH,

    JW

  • BlackBerry smartphones please help me with this indicator on my screen... it has reduced the quality of the voice

    Please help me with the rectangular symbol on the top next to the speaker symbol. It seems that I turned on an option by mistake, and whenever I've make or receive a call, this symbol appears. This was not the case previously.

    For this reason, my voice call quality has declined considerably. Please help quickly.

    Thank you

    itsmits

    Of course, he was told here in the forums of many times.

    It's the Audio Boost indicator call.

    To change, press your green numbering > Menu key > Enhanced Audio Boost.

  • Please help me with the issue of the image

    Hello

    I need to create a report of error log which two same named images overlapped together.

    Screen Shot 2015-12-16 at 1.01.06 PM.png

    The image above shows how is my page indesign file. I need the report as error log:

    With overlapping of images: photo_sample3.jpg

    Logic:

    I don't know what logic I need to use to get there. But with my knowledge, I thought, I can use the image name and the value of geometric image to achieve. I found a script that gives the number duplication, if any of this page in this page of this forum.

    var overlapArray = new Array();  
    var myPages = app.activeDocument.pages.everyItem().getElements();  
      
    for(i=0; i<myPages.length; i++)  
    {  
        var myPgItems = myPages[i].allPageItems;  
        for(k=0; k<myPgItems.length; k++)  
        {  
         var bounds1 = myPgItems[k].geometricBounds;  
                for(j=0; j<myPgItems.length; j++)  
                     {  
                       var bounds2 = myPgItems[j].geometricBounds;  
                         if(k==j)  
                         {  
                             continue;  
                         }  
                        var temp = touches(bounds1, bounds2);                     
                        if(temp == true)  
                        {  
                            overlapArray.push(myPages[i].name)  
                        }  
                 }  
             }  
     }  
    alert("overlap Pages: "+overlapArray);  
      
    function touches(bounds1, bounds2)  
    {  
    if (bounds1[2] < bounds2[0]) return false;  
    if (bounds1[0] > bounds2[2]) return false;  
    if (bounds1[1] > bounds2[3]) return false;  
    if (bounds1[3] < bounds2[1]) return false;  
      return true;  
    }   
    

    Please help me with script or logic.

    Thank you in advance,

    Kitty

    Hi well,.

    all was needed was a line of code

    Array.prototype.intersect = function ( coordinates ) {
        var n = this.length;
        var nY1, nX1, nY2, nX2;
        var y1 = coordinates[0];
        var x1 = coordinates[1];
        var y2 = coordinates[2];
        var x2 = coordinates[3];
    
        while ( n-- ) {
            nY1 = this[n][0];
            nX1 = this[n][1];
            nY2 = this[n][2];
            nX2 = this[n][3];
    
            if (
                (
                    ( y1>=nY1 && y1<=nY2 )
                    &&
                    (x1>=nX1 && x1<=nX2 )
                )
    
                ||
    
                (
                    ( y2>=nY1 && y2<=nY2 )
                    &&
                    (x2>=nX1 && x2<=nX2 )
                )
    
            ){
                return true;
            }
        }
    
        return false;
    }
    function reportOverlaps() {
        var doc,gs, g, n, o = {}, p, pg, pb, lk, lkn, overlaps = [];
    
        if (!app.documents.length) return;
    
        doc = app.activeDocument;
    
        gs = doc.allGraphics;
    
        n = gs.length;
    
        while ( n-- ) {
            g = gs[n];
            p = g.parent;
            pg = p.properties.parentPage;
            if ( pg instanceof Page ) {
                pb = p.visibleBounds;
    
                lk = g.itemLink;
                lkn = lk.name;
    
                if ( !o[pg.name] ) {
                    o[pg.name] = o[pg.name] || {};
                }
    
                if ( !o[pg.name][lkn] ) {
                    o[pg.name][lkn] = o[pg.name][lkn] || [];
                    o[pg.name][lkn][ o[pg.name][lkn].length ] = pb;
                }
                else {
                    var intersect = o[pg.name][lkn].intersect ( pb );
                    intersect && overlaps[ overlaps.length ] = "Pg:"+pg.name+"//"+lkn;
                    o[pg.name][lkn][ o[pg.name][lkn].length ] = pb;
                }
            }
        }
    
        alert( overlaps.length? "Following overlaps where found:\r"+overlaps.join('\r' ) : "No overlaps found" );
    }
    
    reportOverlaps();
    

    Loïc

    www.ozalto.com

  • Hello, I have version Adobe Acrobat 11. I have complete documents and send them to customers. However, when customers open the documents on their side, they are empty. The filled information are missing. Can you please help me with this problem?

    Hello, I have version Adobe Acrobat 11. I have complete documents and send them to customers. However, when customers open the documents on their side, they are empty. The filled information are missing. Can you please help me with this problem?

    Why are publish you again? You must first answer the question I ask in your original thread.

  • Hello! Please help me! How to fix error 205 loading creative cloud, in windows 7?

    Hello! Please help me! How to fix error 205 loading creative cloud, in windows 7?

    Error downloading creative cloud applications

  • Help with element position fixed on the screen, with a difference to follow!

    Hi guys

    While I don't have any examples online, it will be easier for you and I want to help explain my layout.

    I have a single page site, with 4 sections vertically. Each section is a div to 100% width and a height of 1200px to fill screen of the user, and obviously, this div contains a lot of divs for content.

    Now in a section, I want my navigation bar to ADOPT the screen as it scrolls down but does not scroll in the section located below or above it. So I put the item Nav to have this CSS code:

    .hostingBackgroundWrap .nav {}

    Width: 150px;

    height: 100px;

    float: left;

    position: fixed;

    left: 0px;

    background-image: url(images/td_bg3.png)

    It works ALMOST well. It follows the screen down, he won't go in the section below when I scroll down... but it spread in the previous sections if I scroll to the top of the screen.

    Here is the CSS code for the .hostingBackgroundWrap just in case it is necessary, which is be more or less the same coding for each of the sections above and below.

    {.hostingBackgroundWrap}

    height: 1200px;

    Width: 100%;

    background-repeat: repeat;

    border-top-width: 0px;

    border-right-width: 0px;

    border-bottom-width: thick;

    border-left-width: 0px;

    border-bottom-style: solid;

    border-bottom-color: #30312F;

    background-image: url(images/bg_hosting.jpg);

    position: relative;

    Thank you!

    Can you please put to the top of your file online on your server and give us a link?

    What you want to achieve is called a "post-it". There is a pure jQuery plugin that will do just fine for your needs. Take a look here: http://labs.anthonygarand.com/sticky

  • Help please using templates with css files

    Hi, can someone help me with this conundrum?

    I have a site page 5, based on a common model with the BODY tag as an editable for other pages. However these pages require a separate CSS file, but I can't find a way to change the files for different pages.

    The model that I created (Home.dwt) contains its own CSS file, but how then modify this file based on other pages?

    Any help would be appreciated

    ziggler_10 wrote:

    Hi, can someone help me with this conundrum?

    I have a site page 5, based on a common model with the BODY tag as an editable for other pages. However these pages require a separate CSS file, but I can't find a way to change the files for different pages.

    The model that I created (Home.dwt) contains its own CSS file, but how then modify this file based on other pages?

    Any help would be appreciated

    Take a look in your Home.dwt file to the top, between thesection. I think that when a model is saved/created by Dreamweaver inserts an editable 'head '.

    If its in the file Home.dwt, then it should be in all the other pages created from the template. Simply insert your css like below:

    Insert here the CSS

    If it is not in your file already Home.dwt to create an editable region for the specific css of the page:

    Save the Home.dwt file, and this region is expected to propagate to pages from the model

    Also please take into account the fact that any new styles css for a particular page should go in the code AFTER the link to your existing css file. This ensures that the new css styles will too drive css styles in your linked css file.

  • Please, please help me with import my music (duplicate)!

    Hello!

    I had to spend my OS from windows vista to windows 10, so I did.

    Before I did it, I did a backup of my music in one folder and a backup of each single selection in its own folder as well, an external hard drive.

    Now that I'm on the new OS, I reinstalled iTunes and am trying to get my music back to the way I had it when I am running vista.

    First, I dragged all my folder music music in itunes without any problem, it is easily transferable.

    Then I wanted to recreate playlists, so I moved the music of each playlist to itunes then.

    However, I noticed that this has created a TON of duplicates.

    So I deleted everything iTunes to try again.  This time I thought that I would have the option "Copy files to iTunes media folder when adding to library" checked in preferences > Advanced tab.  I was under the impression that this would be so stop creating duplicates, but instead, iTunes when I try to drag my music in itunes with this option checked, I get an error saying "the attempt to copy to the disk operating system failed. the file name is not valid or too long "."

    I have more than 8,000 songs and only 1000 or has been uploaded successfully to itunes before this error message appeared and everything stopped.

    Please help me understand what is happening here, or how I can fix it.  All my music played perfectly on vista.

    Thank you very MUCH for any help!

    Anyone?

  • Please help me with my imac beachballing running El Capitan

    My imac is in trouble and my mental well-being is threatened!

    If you could please help, it would be most appreciated.

    I've included an etrecheck report:

    EtreCheck version: 2.9.12 (265)

    Report generated 2016-06-25 12:37:55

    Download EtreCheck from https://etrecheck.com

    Time 01:45

    Performance: Excellent

    Click the [Support] links to help with non-Apple products.

    Click [details] for more information on this line.

    Problem: Beachballing

    Description:

    Incredibly slow at the same time. Sometimes freezes completely and will not be closed. None of the keyboard shortcuts will help you. I need to use the power button on the back to turn it off.

    And even then, sometimes, after the reboot, the problem persists. And other times, I need to restart several times.

    Hardware Information:

    iMac (27 inch, at the end of 2013)

    [Data sheet] - [User Guide] - [warranty & Service]

    iMac - model: iMac14, 2

    1 3.4 GHz Intel Core i5 CPU: 4 strands

    8 GB of RAM expandable - [Instructions]

    BANK 0/DIMM0

    OK 4 GB DDR3 1600 MHz

    BANK 1/DIMM0

    OK 4 GB DDR3 1600 MHz

    0/DIMM1 BANK

    Vacuum

    BANK 1/DIMM1

    Vacuum

    Bluetooth: Good - transfer/Airdrop2 taken in charge

    Wireless: en1: 802.11 a/b/g/n/ac

    Video information:

    NVIDIA GeForce GTX 775M - VRAM: 2048 MB

    iMac 2560 x 1440

    Software:

    OS X El Capitan 10.11.5 (15F34) - since startup time: less than an hour

    Disc information:

    ST1000DM003 disk HARD APPLE disk0: (1 TB) (rotation)

    EFI (disk0s1) < not mounted >: 210 MB

    Macintosh HD (disk0s2) /: 999,35 go-go (585,40 free) - 3 errors

    Drive failure!

    Recovery HD (disk0s3) < not mounted > [recovery]: 650 MB

    USB information:

    GenesysLogic USB3.0 Hub 2 TB

    Seagate Backup + Desk 2 TB

    EFI (disk1s1) < not mounted >: 315 MB

    Seagate Backup Drive (disk1s2) Volumes/Seagate Backup plus Drive: 2,00 (1.03 free) tuberculosis

    Apple Inc. BRCM20702 hub.

    Apple Inc. Bluetooth USB host controller.

    Apple Inc. FaceTime HD camera (built-in)

    Burr-Brown of TI USB Audio CODEC

    Reader SuperDrive for MacBook Air Apple Inc..

    GenesysLogic USB2.0 hub

    Lightning information:

    Apple Inc. Thunderbolt_bus.

    Guardian:

    Mac App Store and identified developers

    Kernel extensions:

    / System/Library/Extensions

    NG.UDs.netusb.controller [no charge] (1.59-2016-06-06) [Support]

    Launch system officers:

    [loaded] 7 tasks Apple

    [loading] 159 tasks Apple

    [operation] 72 tasks Apple

    Launch system demons:

    [loaded] 47 tasks Apple

    [loading] 156 tasks Apple

    [operation] 87 tasks Apple

    Launch officers:

    [loading] com.citrix.AuthManager_Mac.plist (2015-03-17) [Support]

    [loading] com.citrix.ReceiverHelper.plist (2015-03-17) [Support]

    [operation] com.citrix.ServiceRecords.plist (2015-03-17) [Support]

    User launch officers:

    [loading] com.google.keystone.agent.plist (2016-03-05) [Support]

    Items in user login:

    iTunesHelper Application (/ Applications/iTunes.app/Contents/MacOS/iTunesHelper.app)

    Other applications:

    [ongoing] com.google.Chrome.62432

    [loading] 394 tasks Apple

    [operation] 181 tasks Apple

    Plug-ins Internet:

    Default browser: 601 - SDK 10.11 (2016-05-21)

    QuickTime Plugin: 7.7.3 (2016-05-21)

    CitrixICAClientPlugIn: 11.9.15 - SDK 10.9 (2015-03-17) [Support]

    3rd party preference panes:

    None

    Time Machine:

    Mobile backups: OFF

    Automatic backup: NON - automatic backup disabled

    Volumes to back up:

    Macintosh HD: Disc size: 999,35 GB disc used: 413,94 GB

    Destinations:

    Backup drive Seagate Plus [Local]

    Total size: 2.00 TB

    Total number of backups: 44

    An older backup: 18/10/2014, 17:07

    Last backup: 06 23, 2016, 19:32

    Size of backup drive: adequate

    Size of backup 2.00 TB > (disc 413,94 GB X 3)

    Top of page process CPU:

    3% WindowServer

    2% fontd

    0% kernel_task

    0% cloudpaird

    Top of page process of memory:

    636 MB kernel_task

    270 MB mdworker (15)

    197 MB Google Chrome Helper (2)

    QuickLookSatellite 139 MB

    Chrome Google 139 MB

    Virtual memory information:

    4.46 GB of free RAM

    3.54 GB of used RAM (1.69 GB being cached)

    Used Swap 0 B

    Diagnostic information:

    25 June 2016, 12:20:41 self-test - spent

    June 22, 2016, 20:17 ~/Library/Logs/DiagnosticReports/com.apple.Safari.SafeBrowsing.Service_2016-06-22-201700_ [redacted] .crash

    /System/Library/PrivateFrameworks/SafariSafeBrowsing.Framework/versions/A/com.a people. Safari.SafeBrowsing.Service

    June 22, 2016, 20:10:43 ~/Library/Logs/DiagnosticReports/com.apple.Safari.SafeBrowsing.Service_2016-06-22-201043_ [redacted] .crash

    June 22, 2016, 20:09:37 ~/Library/Logs/DiagnosticReports/com.apple.WebKit.Networking_2016-06-22-200937_ [redacted] .crash

    System/Library/Frameworks/WebKit.Framework/versions/A/XPCServices/com. Apple.We bKit.Networking.xpc/Contents/MacOS/com.apple.WebKit.Networking

    June 22, 2016, 20:07:30 [redacted] ~/Library/Logs/DiagnosticReports/com.apple.Safari.SafeBrowsing.Service_2016-06-22-200730_ .crash

    June 22, 2016, 19:53:59 ~/Library/Logs/DiagnosticReports/com.apple.Safari.SafeBrowsing.Service_2016-06-22-195359_ [redacted] .crash

    June 22, 2016, 19:45:57 [redacted] ~/Library/Logs/DiagnosticReports/com.apple.Safari.SafeBrowsing.Service_2016-06-22-194557_ .crash

    Hard drive appears to be faulty.

    It seems that you have current backups, so you should be able to recover if the drive completely fails.

    Run disk utility to repair the disk and also check the SMART State.

    When a player starts to falter, it is almost certain, it will fail. There is really no cover failures of IO because it indicates that the player no longer has the ability to remap bad blocks.

    If you have AppleCare, you can probably still get it replaced. However, they are fairly cheap these days and quite easy to replace yourself.

Maybe you are looking for

  • Low volume of bike G microphone

    Hi all bought a G bike for my wife a month ago. All good, but a week ago she noticed, in an appeal, that the receiver has not been heard. After that, same happened to each call. In fact, she's heard, but very weak. She can hear the other person well.

  • Map its HP Touchsmart 610

    For a week, I get no sound on my HP Touchsmart pc (Windows7). Spotify told me that there is a problem with my sound card. Could you be so kind to help me solve this problem. Thanks in advance.

  • Temporary user profile

    Be connected with a profile temporary user, most of my stuff, files, music, pictures disappeared, cannot restore my system beyond today? Not an IT expertise and detailed explanation as such and the procedure for resolution of the problems would be mo

  • Windows Update re-offer KB2538242 after I installed it successfully

    I installed this update even 4 different times successfully and still it keeps giving. I have a problem with 5 other updates.

  • How to retrieve my password for Windows Vista.

    Unable to remember the password for Windows Vista. I am the administrator of the account.