homepage Welcome to WebmasterWorld Guest from 54.242.200.172
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
Forum Library, Charter, Moderator: open

WYSIWYG and Text Code Editors Forum

    
Using div tag for sliced images in Dreamweaver 4
Ress




msg:4069903
 4:53 pm on Jan 28, 2010 (gmt 0)

hi all,

I have created a web layout in photoshop and have sliced the image, and i import them into firework to check the slice. And I import it in dreamweaver.

The purpose of me using div tag is to be able to have writable area with background image. Or is there other way to do that?

Problem:
1)Why when I wrote some text over the div tag the background turns white?
2)How can I make the body at a center position? I have make the div tag margin at 0 auto but is not working. How can I import it correctly?

 

CSS_Kidd




msg:4069964
 7:05 pm on Jan 28, 2010 (gmt 0)

Just a few questions:

What are your export settings from Fireworks? Fireworks will not properly export CSS layers (the option to create divs instead of tables).

Where are you entering text when the background becomes white? Is this in Fireworks or Dreamweaver? Again Fireworks is iffy when exporting to css. There is a Fireworks extension that gives you more options when converting your layers and text to html, but it still isn't all that great and is only fun to play with.

Answer to your body center: Give the body tag (or container div) a specific width (other than 100%) then set the margins to 0 auto;

/*CSS*/

body {
width: 800px;
marging: 0 auto;
}

or us a container div:

#main-container {
width: 800px;
marging: 0 auto;
}

Hope that helps some...

Ress




msg:4077711
 4:20 pm on Feb 10, 2010 (gmt 0)

I think my question is confusing. I am a newbie in making website.
I am editing everything in dreamweaver 4. In fireworks I use it to cut. Because i find it hard to input sliced images correctly by inserting the image as I have a complicated layout. If I use photoshop it will be HTML right? But I have to make it works in PHP. Is there any ways that I can just drag the sliced image into dreamweaver and give me a div tag, so that I can input words and link in there.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved