Live view & all mode browser views are different from my creation mode

Hi all

I just started using dreamweaver CS5.

Yesterday I did a small site with the help of a tutorial, and everything went well.

Today I am back scratches and everything seemed fine, until I hit the display live from the any of the browsers.

It seems that there is no CSS mu!

Can someone help me please? I have also some print screens and please see below my source code.

Source coding

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

" < html xmlns =" http://www.w3.org/1999/xhtml ">

< head >

< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

< title > VINDDIT < / title >

< link href = "style.css" rel = "stylesheet" type = "text/css" / > "

< / head >

< body >

< div id = "container" >

< div id = "banner" > < img src = "images/logo.png" width = "145" height = "81" alt = "logo" / > HOME | "          VINDDIT NU!          |          OVER ONS |          CONTACT < / div >

< div id = "leftcollum" >

< p > < img src = "images/84ff9662bc612d651195fd73b5920552 - 33E08B027BEA49D09071EA4F9F7B9770.jpg" width = "200" height = "200" alt = "pic1" / > < / p >

< h1 > VINDDIT NU! < / h1 >

< h2 > Vertel ons wat I zoekt en wij gaan voor adept I opzoek! < a href = "Vinddit nu.html" > Doe een request... old < /a > < / h2 >

< / div >

< div id = "centercollum" >

< p > < img src = "images/84ff9662bc612d651195fd73b5920552 - 118F85251EC0EBEC2E46EA559D6C6FF8.jpg" width = "200" height = "200" alt = "pic2" / > < / p >

< h1 > machine production VIND < / h1 >

< h2 > Wij zijn geen search machine, wij VINDEN! Eleven special zoekers staff jouw zullen vinden naar aanleiding jouw specific wensen van artikel. < a href = "Overons.html" > Lees meer... < /a > < / h2 >

< / div >

< div id = "rightcollum" >

< p > < img src = "images/84ff9662bc612d651195fd73b5920552 - 3E7816F1A4271667AA6EEA3DF85033F7.jpeg" width = "200" height = "200" alt = "pic3" / > < / p >

< h1 > puts gemak SERVICE < / h1 >

< h2 > Ontvang een space selection van 1 tot 5 opties en besluit then zelf welke keuze I wil maken! < a href = "Vinddit nu.html" > Lees meer... < /a > < / h2 >

< / div >

< div id = "mainimage" >

< p > Jouw eigen personal VINDER.

< /p >

< p > eleven personal vinders bieden een Marchand service en het werk ITU handen played along. < /p >

< h2 > < / h2 >

< / div >

< div id = "mainbox" > < p > < / p >

< div id = "insideleft" >

< p > < img src = "images/studio_white.jpg" width = "250" height = "250" alt = "pic4" / > < / p > "

< / div >

< div id = "insideright" >

< p > Hoe VINDEN wij voor jou? < /p >

< p > Geef ons zo veel mogelijk information on het point wat I zoekt, hoe meer wij van I principled, hoe beter we I good helpen bij het vinden van het perfecte point! < /p >

< p > < a href = "Vinddit nu.html" > question yesterday old aan... < /a > < /p >

< / div >

< / div >

< div id = "leftcollum2" >

< p > < img src = "images/10123_1365687879_Fashion-Swap-event - Amsterdam.jpg" width = "200" height = "200" alt = "pic1" / > < / p >

VERTEL < h1 >. < / h1 >

< / div >

< div id = "centercollum2" >

< p > < img src = "images/x200.jpg" width = "200" height = "200" alt = "pic2" / > < / p > "

< h1 > RELAX! < / h1 >

< h2 > < / h2 >

< / div >

< div id = "rightcollum2" >

< p > < img src = "images/stoel-laura - interieur.jpg" width = "200" height = "200" alt = "pic3" / > < / p >

< h1 > KIES IN KOOP! < / h1 >

< h2 > < / h2 >

< / div >

< / div >

< / body >

< / html >

Design view

Schermafbeelding 2014-02-12 om 22.49.47.png

browser & mode live view

Schermafbeelding 2014-02-12 om 22.47.19.png

I saw a question immediately. You are missing an end} to the top of your css, in bold here...

#container {}

Width: 968px;

overflow: hidden;

Background: #FFF;

padding-right: 10px;

padding-left: 10px;

margin: 0 auto;

}<-- that="" one="" is="" missing="" in="" your="">

#main image {}

background-image: url (images/84ff9662bc612d651195fd73b5920552-0B6C3B7FC804D1CAF61CEA2FA 471E5AE.jpg);

background-repeat: no-repeat;

height: 968px;

Width: 376px;

}

Tags: Dreamweaver

Similar Questions

  • Should images in Bridge are different from each other? sRGB vs ARGB vs ProPhoto?

    I am looking for some clarification on this because I'm at a standstill and going bonkers.  First of all, it's a long story how I got here, but to shorten, I had to buy a new screen, my old one crapped out.  I bought a screen wide range NEC and then need a new graphics card so bought a new HP workstation and then because of the external drive connection problems had to reluctantly upgrade to windows 8.1.  So I'm not sure where the conflict lies from the new to the foregoing.


    My old set up worked fine, I managed ARGB color.  Prints from my printer and laboratories corresponding Photo on my monitor calibrated.  I sold a lot of pictures and everything was good.   I've always used Bridge and PS, I found import into Lightroom bulky... .so it has not been used much.


    Now, I love Lightroom, but all my images are not importing, so I always use with bridge for display. I like to see images in Bridge for comparison and approval.


    My dilemma is here... Many of my images look different in Bridge and change before my eyes, never had that happen before.  Sometimes images differently Tags are sometimes similar, they are different and they change.   Why not compatible?  and what if they look like?  For example, to be clear.  I have 2 different images and each of them is duplicated and labeled in each color space.  sRGb, ProPhoto and ARGB.  A single image they all look the same, the other images, they all look different.   Why?

    If I change the settings of ARGB color for general use they will not always vary all over and over again.  I have conflicts somewhere... but it cannot narrow down.


    My goal would be to bridge to show me pictures sRGB as tagged tagged ARGB and sRGB images to resemble ARGB and Pro Photo images to look like pictures of ProP.  It is naïve to me who?

    The first thing you need to know about the bridge, it is that it stores all the previews JPEG sRGB, regardless of the original color of the file space. IOW they should all be the same under any circumstances.

    However, the preview properly on screen rendering often takes a bit of time. Usually there is a brief initial moment where you see the file without color management, before bridge has the time to convert the preview in the monitor profile.

    It should quickly snap into the correct view. But sometimes it hangs and stays in the State 'without color managed", on the one hand, several or all the previews. When this happens, the quick solution is to right-click and 'Purging the Cache for Selection'. It will then refresh correctly.

    You haven't noticed this with the standard range, old screen - it would have been anyway sRGB to sRGB (ish). But with a range wide screen, it becomes obviously oversaturated.

    Changing the color settings makes no difference. Profile embedded which - replace and like I said the bridge previews are sRGB in all cases.

  • When I save my photos (once published) they are different from what I edited them as, why is this?

    Hello, as seen here, I have my ready edited export the photo to the left and to the right is the picture saved in JPEG format, but they are different and this happens whenever I have save a photo could someone give me some ideas about why this is happening?

    Thank you very much

    When you export pictures, color space must be set to sRGB.

    The other possibility is that your monitor is properly calibrated.

  • Help please, my live mode view seems different from Safari...

    Hello

    I have not finished my site, I just started, but a problem that I can not understand is my live mode view is very different to what it looks like on Safari.

    This is my code:

    ! DOCTYPE html >

    " < html xmlns =" http://www.w3.org/1999/xhtml ">

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

    < name meta = "viewport" content = "width = 960, scalable user = yes" / > < title > Elite TV | " Celeb Culture Mzanzi Style < /title >

    < link rel = "stylesheet" href = "file:///Macintosh HD/users/Sheena/Desktop/Elite Tv/common.css? version = 6" type = "text/css" / >

    < link rel = "stylesheet" href = "file:///Macintosh HD/users/Sheena/Desktop/Elite Tv/Index.css? version = 6" type = "text/css" / >

    < style type = "text/css" >

    {body

    < body text = "#274ce0" vlink = "#999966" >;

    {background-color: #ffffff}

    < / style >

    < / head >

    < div id = "div_1" >

    < img src = "Images/Elite TV thanks" width = "720" height = "480" id = "Image_2" / >

    < id p = "textheader_3" > < strong > < behavior of renowned = "slide" direction = "left" > Celeb Culture, Mzanzi Style... < / marquee > < / strong > < / p >

    < / div >

    "< a href =" "> < img id ="Image_14"src =" Images/YouTube-logo - full_color.png "/ >"

    "< a href =" "> < img id ="Image_13"src =" Images/900394-twitter - thanks "/ >".

    "< a href =" "> < img id ="Image_11"src =" Images/Instagram-Logo - 1.jpg"/ >".

    "< a href =" "> < img id ="Image_6"src = Pictures/facebook_logo_detail.gif" "/ >

    < img id = "Image_16" src = "file:///Macintosh HD/users/Sheena/Desktop/Elite Tv/bgimg.gif" / >

    < ul id = "navbar_18" >

    < li > < a href = "#" > home < /a > < /li >

    < li > < a href = "#" > on < /a > < /li >

    < li > < a href = "#" > videos < /a > < /li >

    < li > < a href = "#" > Blog < /a > < /li >

    < li > < a href = "#" > Gallery < /a > < /li >

    < li > < a href = "#" > music < /a > < /li >

    < li > < a href = "#" > Contact < /a > < /li >

    < /ul >

    < div id = "div_19" >

    < id p = "textheader_20" > < /p > videos

    < div id = "Video_21" >

    < / div >

    < div id = "div_24" >

    < id p = "textheader_25" > Blog < /p >

    < id p = "textarea_26" > Lorem ipsum dolor sit amet, 195kgs adipisicing elit, sed eiusmod tempor storage developed and pain ut magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo computer practice. DUIs dolor gibbed IGH in SMF in voluptate total esse pain have had price nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa which served deserunt weakens anim id is laborum. < br > < br > Lorem ipsum dolor sit amet, 195kgs adipisicing elit, sed eiusmod tempor storage developed and pain ut magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo computer practice. DUIs dolor gibbed IGH in SMF in voluptate total esse pain have had price nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa which served deserunt weakens anim id is laborum. < br > < br > < / p >

    < / div >

    < img id = "Image_27" src = "file:///Macintosh HD/users/Sheena/Desktop/Elite Tv/bgimg.gif" / >

    < div id = "div_29" >

    < id p = "textheader_30" > Gallery < /p >

    < img id = "Image_31" src = "file:///Macintosh HD/users/Sheena/Desktop/Elite Tv/bgimg.gif" / >

    < / div >

    < div id = "div_37" >

    < / div >

    < id p = "textheader_39" > News < /p >

    < div id = "div_38" >

    < / div >

    < div id = "div_45" >

    < / div >

    < div id = "div_40" >

    < id p = "textheader_41" > events < /p >

    < / div >

    < id p = "textheader_36" > Lorem ipsum < /p >

    < div id = "div_46" >

    < id p = "textheader_48" > < /p > Twitter feed

    < / div >

    < / body >

    < / html >

    Help will be greatly appreciated, thanks in advance.

    As Ken said, you must define a Local Site folder in DW.

    Currently, your links to external style sheets point to files on your local hard drive, that no one can see it but you.

    "file:///Macintosh HD/users/Sheena/Desktop/Elite Tv/common.css? version = 6" type = "text/css" / >

    "file:///Macintosh HD/users/Sheena/Desktop/Elite Tv/Index.css? version = 6" type = "text/css" / >

    In addition, the servers are case sensitive.  If Index.css isn't the same as index.css.  For best results on the web, use all file names to lower case letters without spaces or special characters.

    Nancy O.

  • Why I see in Design view is different from that in preview mode

    I read a few posts about the formatting issues, but I found the exact answer. It's annoying that I create text boxes with images that I place, but what I see in the design, it's not what I see in the preview. In Design view, all the air very well, but in the preview, the pictures are not located where I placed the. The text boxes are sometimes superimposed, etc.. I have to move photos or text boxes in different places in the design, to "accommodate" preview mode. Consolidation of all the elements of a page seems to work a little better, but still, some elements will be properly located. Is there a trick to freeze the page because it is in the design and read properly in the preview? Thank you.

    The preview mode is a more precise description of how your page will look like in a browser. Have you tried the preview of your Web site in a browser to see what it looks like?

    You can make settings on your creation mode to make sure it appears correctly in the preview.

  • Brightness and saturation modes in FW CS4 to merge are different from their equivalents in PSE 7

    Example:

    Superior bitmap is full color RGB (232,168,89) and the bottom with RGB (61,114,158).

    Mixture of results are as follows:

    Brightness in FW CS4: RGB (67,121,175)

    Brightness in PSE 7: RGB (137,190,234)

    Saturation in FW CS4: RGB (60,109,158)

    Saturation in PSE 7: RGB (41,119,184)

    I think that PSE uses the saturation saturation and luminance Y' 601 with compression gamma (2.2 or 1.8) like the brightness.

    It is compatible with the PS. And what about the FW. Anyone know how the FW. I was experimenting with

    HLS and HSV and was not able to know it. Perhaps FW modes are better in some cases of web, I don't know.

    What happens to your colors mixed in PSE if you disable color profiles?

    Fireworks is intended to produce graphics for display in Web applications that have recently begun to support color profiles. Even in this case, you don't want to use them on your page (like the nav buttons) graphics, because profiles does not apply to HTML/CSS colors and you will get the match.

    PS is mainly photographs and for printing and so the standard workflow in PS (and I suspect also that PSE) is to apply at least a default color profile. Use of color profiles is to correct the colors for printers, but profiles will also change the colors in the images.

    Good reading:

    http://www.viget.com/inspire/save-for-Web-simply

    http://www.rumblingskies.com/blog/?p=46

  • Can XPS 410 - we have a list of all THE processors that are compatible from the Bios DXP061-020501

    I know I know, this has been asked several times on the forums. The problem is that is scattered between so many threads and I'd like to see in one place a list of all CPU that work on the XPS 410 from the current version of Bios DXP061-020501 compatable. It would be nice for a forum mod to publish a complete list of processors supported and then perhaps same sticky it.
     
    Thanks in advance
    Dave

    Message edited by dcgtls on 05/09/2007 22:55


  • Spacing are different from the box in the menus similar spry

    I have some menus horizontal spry on two different pages in my site.  A menu has four items, the other has two elements.  Given that the SpryMenuBar.css file defines the TWO menus, I created a box with an absolute positioning to organize my menus spry (which are relatively positioned).  Who gets the menus that I would like on the page, but...

    The colon menu items are not properly under the images they need to be under.  Is there some kind of space I can add between boxes in the menu of two points that will not affect the menu of four-point on the other page?

    Thank you

    Can you provide a link so that we can see what you've done?

  • The CMYK values are different from PhotoShop

    Why are the CMYK values for a color given RGB differs in kuler to those generated by PhotoShop? What color profiles Kuler is SEO?

    Note: I use the North America General Purpose 2 default settings in PhotoShop CS3, which refers to sRGB IEC61966 - 2.1 and U.S. Web Coated (SWOP) v2.

    example: r19 g61 b141 = c87 m57 y0 k45 in kuler and c100 m89 y13 k1 in PhotoShop.

    HI, I see if this discussion on Kuler and color management answers your question.

  • Hello! What will happen to the bookmarks that are different from one computer to another? the Sync feature will be mixed together, or those on the 1st computer prevail?...

    Add the sync - mixed after its done?

    Hello!

    If you choose to synchronize the bookmarks that all of them will be put together and pushed across devices.

    Let me know if you need further clarification.

  • ' Export As.. ' &amp; 'Quick export in PNG' output images are different from what I see in Photoshop.

    Export a large number of images, and some of them come looking very different to what I see in photoshop...

    It is nothing complicated, just an image with a mask and a Hue/Saturation adjustment layer applied. Some do well, some strange - see image attached.

    Can anyone tell why this is happening? This has messed up my entire workflow now...

    photoshop.jpg

    Use inheritance save for Web. If I understand correctly, the fast export is not a finished work.

    I have an extension called "Export Helper" and it presents a small panel with buttons to activate the features for exporting CC in 2015.

    Download here: https://creative.adobe.com/addons/products/12270 and save it as a workspace, so you never have to keep it open.

  • If I forgot my iCloud email address and password, which are different from my Apple ID, is it possible to get it back?  I have looked everywhere thoughout Speakup and impossible to find an answer.  My phone has scratch and asks me to use the

    My phone has been reset and it asks my icloud id and I forgot my ID and password what to do please help me!

    Welcome to the Apple community.

    Even if you address iCloud is not your address main is as good as your Apple, ID

    If you don't remember the password, reset it to...

    iForgot.com

  • Introduction video for the beginner classes are different from what I have on my trial version of creative cloud.

    I use the trial version for 30 days.

    Tutorials on Adobe Photoshop for beginners is distinguished on the layout and many of the features introduced in the video.

    That will change once I sign up? Or do I have the wrong video to Creative Cloud.

    I was advised to use the fundamentals of Photoshop's InfiniteSkills.com called beginners - adobe-photoshop.

    Please check: creative learning Cloud | Adobe TV

    CC tutorials | How | Adobe TV

    Cloud creative tutorials | How to get started with creative cloud applications

    Here's how CC would work.

    Concerning

    Stéphane

  • The first name on the view differs from passport

    Hello everyone!

    I'm going to shedule an appointment for test 047. All the problems will appear if the name indicated on the site Web of VIEW (Elena) differs from the name in the passport and credit card account (Olena) in a letter? My name is Elena and I would not change this Web VIEW site information. Thank you.

    Kind regards
    Elena

    Hello
    I apologize for the delay in responding. I checked with no VIEW on this and confirmed: If you want to show your Passport as your identification on the test center, the name on your passport must be the same as the name that you used to register for your exam. Please do not forget that you will need to show two pieces of identification - it must be a Government-issued photo ID. The two forms of identification must include your signature. The two names on these forms must match the name underwhich that you registered for the exam.

    In order to change your name on your certificate in the future, you must contact Pearson VIEW and produce documents of name change, providing evidence that your name is legally changed. They will then update your profile and you can request a new certificate.

    These restrictions are for security reasons.

    Kind regards
    Brandye Barrington
    Certification Forum Moderator

  • After I restarted the 2003 server, I get a message on two of my workstations the present on this computer and the network are different

    After you restart the Server 2003 due to a storm, I now get a message on two of my workstations that are different from the current time on this computer and the network

    Hello

    This question would fit better in Windows Server Instances.

Maybe you are looking for