Image doesn't repeat
in [Dreamweaver]
|
Prev: Looking for help
Next: Dreamweaver 8 Web Pages
From: pixelchick80 on 5 May 2008 15:27 My co-worker is doing this site and is having a weird issue with some of the graphics not repeating even thought he has them set to do so with CSS. In Safari, everything works properly. In Internet Explorer, the silver bar on the right and the blue area on the left will not repeat (and the text is all screwed up). In Firefox, the blue area on the left will not repeat. Neither one of us can figure out why this is happening. I've never had this problem before. Please help! Of course I am on a Mac and only have IE 5. But it was still doing this in IE 7 on a PC. Here's the link: http://parkatdavidson.com/ncmf/create_opportunities.html
From: Walt F. Schaefer on 5 May 2008 15:40 You might start by giving the page a valid DOCTYPE. Then, we could at least see what code errors might be lurking. -- Walt "pixelchick80" <webforumsuser(a)macromedia.com> wrote in message news:fvnn39$7ma$1(a)forums.macromedia.com... > My co-worker is doing this site and is having a weird issue with some of > the > graphics not repeating even thought he has them set to do so with CSS. In > Safari, everything works properly. In Internet Explorer, the silver bar on > the > right and the blue area on the left will not repeat (and the text is all > screwed up). In Firefox, the blue area on the left will not repeat. > Neither one > of us can figure out why this is happening. I've never had this problem > before. > Please help! > > Of course I am on a Mac and only have IE 5. But it was still doing this in > IE > 7 on a PC. > > Here's the link: > > http://parkatdavidson.com/ncmf/create_opportunities.html > >
From: pixelchick80 on 5 May 2008 16:15 Sorry about that. I haven't been involved with this website. Here's a new link: http://parkatdavidson.com/ncmf/create_opportunities.html Now, there are even more issue in Firefox with the doctype set.
From: TC2112 on 5 May 2008 22:13 Hello, Part of the trouble is all the colspans and rowspans (merged table cells) in the page structure. There are also table cells of many different sizes containing spacer gifs. Unfortunately, when you use a graphics application to build the HTML for you this often happens. The more complex the design, the worse usually. When you add some content to some cells in DW, the page breaks apart. Imagine 100 playing cards laid out on a table. 10 rows by 10 columns, with the edges of the cards touching. You have a nice, tight rectangle shape. Now pull a card out of the middle somewhere and replace it with a card that is twice as big. You have to move the cards around it to make room for it. Nothing lines up anymore. It changes the position of everything. Making just one area bigger has a ripple effect through the whole area. Similarly, the code created in a graphics application has everything in boxes (cells) of all different sizes, all with the edges touching. The numerous cells with spacer gifs were inserted to fill up empty space between other cells and keep everything aligned and "connected". It looks great in the graphics application (Photoshop) where things are static. Now you bring it into Dreamweaver, and add content to one or more of these squares. Now the squares you added content to are larger. Suddenly, everything shifts and nothing fits together anymore. You should rebuild the table structure in Dreamweaver, in standard mode, using tables and nested tables (stay away from merging cells) and then apply your images. Unlike an image in Photoshop, the webpage is not static. Text size in people's browsers are different sizes, and so on. You need to take that into account, by having parts of your layout flexible enough to handle this. A large number of colspans, rowspans and cells containing spacer gifs makes it hard to have that flexibility. Using a graphics application to write the HTML for you will often produce this kind of very fragile layout. Write the HTML in Dreamweaver, and slice up the images in Photoshop. See this for some more info: http://apptools.com/rants/spans.php Take care, Tim "pixelchick80" <webforumsuser(a)macromedia.com> wrote in message news:fvnptg$ao2$1(a)forums.macromedia.com... > Sorry about that. I haven't been involved with this website. Here's a new > link: > > http://parkatdavidson.com/ncmf/create_opportunities.html > > Now, there are even more issue in Firefox with the doctype set. >
From: Walt F. Schaefer on 6 May 2008 01:09
> Imagine 100 playing cards laid out on a table. > 10 rows by 10 columns, with the edges of the cards touching. Excellent metaphor. Congrats! -- Walt "TC2112" <nospam(a)nospam.com> wrote in message news:fvoern$1og$1(a)forums.macromedia.com... > Hello, > > Part of the trouble is all the colspans and rowspans (merged table cells) > in the page structure. > There are also table cells of many different sizes containing spacer gifs. > Unfortunately, when you use a graphics application to build the HTML for > you this often happens. > The more complex the design, the worse usually. > When you add some content to some cells in DW, the page breaks apart. > > Imagine 100 playing cards laid out on a table. > 10 rows by 10 columns, with the edges of the cards touching. > You have a nice, tight rectangle shape. > Now pull a card out of the middle somewhere and replace it with a card > that is twice as big. > You have to move the cards around it to make room for it. > Nothing lines up anymore. It changes the position of everything. > Making just one area bigger has a ripple effect through the whole area. > > Similarly, the code created in a graphics application has everything in > boxes (cells) of all different sizes, all with the edges touching. > The numerous cells with spacer gifs were inserted to fill up empty space > between other cells and keep everything aligned and "connected". > It looks great in the graphics application (Photoshop) where things are > static. > Now you bring it into Dreamweaver, and add content to one or more of these > squares. > Now the squares you added content to are larger. > Suddenly, everything shifts and nothing fits together anymore. > > > You should rebuild the table structure in Dreamweaver, in standard mode, > using tables and nested tables (stay away from merging cells) and then > apply your images. > Unlike an image in Photoshop, the webpage is not static. Text size in > people's browsers are different sizes, and so on. > You need to take that into account, by having parts of your layout > flexible enough to handle this. > A large number of colspans, rowspans and cells containing spacer gifs > makes it hard to have that flexibility. > Using a graphics application to write the HTML for you will often produce > this kind of very fragile layout. > > Write the HTML in Dreamweaver, and slice up the images in Photoshop. > > See this for some more info: > http://apptools.com/rants/spans.php > > Take care, > Tim > > > > > "pixelchick80" <webforumsuser(a)macromedia.com> wrote in message > news:fvnptg$ao2$1(a)forums.macromedia.com... >> Sorry about that. I haven't been involved with this website. Here's a new >> link: >> >> http://parkatdavidson.com/ncmf/create_opportunities.html >> >> Now, there are even more issue in Firefox with the doctype set. >> > > |