when i open templates in dreamweaver, they appear all jumbled

Discussion in 'HTML & Website Design' started by jimsmith, Jan 21, 2008.

  1. #1
    How do I edit it? when I open many of the web templates in dreamweaver, the items are all scattered across the screen. Of course the page displays correctly when I view it in a browser, but how am i supposed to edit it?

    thanks for the help
     
    jimsmith, Jan 21, 2008 IP
  2. jimsmith

    jimsmith Peon

    Messages:
    629
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    after a little searching around it seems to be a problem with the way dreamweaver handles CSS.

    how do we get around this?
     
    jimsmith, Jan 22, 2008 IP
  3. Xeter_Design

    Xeter_Design Peon

    Messages:
    55
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thats correct...what you may need to do is edit the image paths that exist in the css files, to what the file name is on your computer.

    For example:

    - The CSS to a particular image on the template with unedited css may be:

    background: url(../thetemplatesite.com/images/img.gif)

    - You will need to change the file path to the image below to something like:

    background: url(.../index_files/images/img.gif)

    The images defined in the CSS document must be relative to where the images are located. And in saying that the CSS file [style.css] should be placed in the same area as the index.html or index.php exists.

    Hope this helps and please feel free to ask anymore questions.

    Kind Regards,
    Nick
    CEO Xeter Design and Development

    P.S Note that background was only used as an example. Just look for CSS tags similar to: background: url(thetemplatesite.com/images/img.gif)
     
    Xeter_Design, Jan 22, 2008 IP
    Xavier_3D likes this.
  4. Xavier_3D

    Xavier_3D Well-Known Member

    Messages:
    1,299
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    140
    #4
    Moreover you should know that Dreamweaver may not display everything as it would be displayed outside it. The Files are created in different Softwares and hence have different ways of delivering content. If the coding is perfect in the Template and you don't change it much, then rest assured, you'll get good results as output.
     
    Xavier_3D, Jan 22, 2008 IP
  5. jimsmith

    jimsmith Peon

    Messages:
    629
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #5
    thanks for the help guys....
    this is a template i downloaded so all the paths in the css file were correct

    here is what it should look like
    [​IMG]

    -----------------------------------------

    here is what i see when i open dreamweaver

    [​IMG]
     
    jimsmith, Jan 22, 2008 IP
  6. St. Anger

    St. Anger Banned

    Messages:
    211
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    probably dreamweaver cant view correctly the site...
    try to rely on viewing on browsers, it is more effective... :D
     
    St. Anger, Jan 22, 2008 IP
  7. Xeter_Design

    Xeter_Design Peon

    Messages:
    55
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Agreed, and if you use this method the best browser to view with is Firefox.
     
    Xeter_Design, Jan 22, 2008 IP