If you take at look at the following page: pages/index.htm you'll see that I have a rectangular shaped graphic in which all my content is located. (I'm referring to the top and bottom red bar plus the left and right black lines that make up this "rectangle." How would an expert go about creating the same thing? I did it in a very complicated way: The top is one graphic, the bottom is a second graphic, and the 2 side lines are also both separate graphics. The result is that I spent hours trying to align all 4 graphics in Dreamweaver and did not succeed. If you look closely you'll notice a space between the bottom bar and the left and right side lines. I found it impossible to align everything perfectly. There must be a simpler way to do this that works! Any ideas? Thank you.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
What's the best way to create a rectangular graphic on page... 1
- Thread starter flasher
- Start date
-
1
- #2
what i do is in fireworks ill make a rectangle the size that I want. Then draw it so it looks like my page. I then slice it up deppeding on where i want the links to go and what not. In the middle ill slice up a square the size of your flash movie so when you export the fireworks html and import in into DW it will look like you want. Then i will delete out the middle square where you want your flash to go and ill make a cell that same size. In CSS ill make a new style for that document and in background ill pick the image that i just deleted and where it says repeat i say no. Then just go back to the cell and insert flash.
rinse
and repeat where necessary
![[afro]](/data/assets/smilies/afro.gif "[afro] [afro]")
"blah blah blah blah blah..."-Dennis Quaid
rinse
and repeat where necessary
"blah blah blah blah blah..."-Dennis Quaid- Thread starter
- #3
Thank you very much! That bit about slicing was a valuable piece of info. I knew about slicing but never really realized how it's so helpful.
One question: Why is it necessary to do that bit with the css style? I just imported the whole sliced layout from fireworks, deleted the center and inserted the flash movie. That seemed to work.
One question: Why is it necessary to do that bit with the css style? I just imported the whole sliced layout from fireworks, deleted the center and inserted the flash movie. That seemed to work.
- Thread starter
- #5
Another question along the same lines:
The next step is to create the rest of the pages. How would you go about doing this? I'd think the best way is to use the same sliced graphic I just created in all the pages so it only has to load once. I always find that impossible though b/c the other pages have various amounts of content. Some need to be longer and some shorter. So it's impossible to use a single graphic. I can't even make use of DW templates b/c of this problem.
What I tried doing is inserting the top and bottom bar in layers over a one-celled table. This way, you only see the sides of the table. ( pages/index.htm) But then I have the same problem as before with aligning the layers exactly over the table so that it's even! Is there a better way to do this? This really applies to most websites I'll ever make so any help will be greatly appreciated.
The next step is to create the rest of the pages. How would you go about doing this? I'd think the best way is to use the same sliced graphic I just created in all the pages so it only has to load once. I always find that impossible though b/c the other pages have various amounts of content. Some need to be longer and some shorter. So it's impossible to use a single graphic. I can't even make use of DW templates b/c of this problem.
What I tried doing is inserting the top and bottom bar in layers over a one-celled table. This way, you only see the sides of the table. ( pages/index.htm) But then I have the same problem as before with aligning the layers exactly over the table so that it's even! Is there a better way to do this? This really applies to most websites I'll ever make so any help will be greatly appreciated.
its real easy if you get rid of the image on the left....
heres why because then you can just use CSS and make a border on the right and left of your middle table to make the line that joins the top with the bottom.....the width doesnt matter so your top and bottom bar are fine its the left and right and that I would use CSS for all you do is have a bit of the line on the top image and the bottom image extend up and down and then make your table where the left adn right edges go up to the point the lines end then just add the border..
or make the left and right line an iamge of about 2 pixels height and draw a cell that the line can go in and once again use css background repeat option....but option one is better i think
"blah blah blah blah blah..."-Dennis Quaid
heres why because then you can just use CSS and make a border on the right and left of your middle table to make the line that joins the top with the bottom.....the width doesnt matter so your top and bottom bar are fine its the left and right and that I would use CSS for all you do is have a bit of the line on the top image and the bottom image extend up and down and then make your table where the left adn right edges go up to the point the lines end then just add the border..
or make the left and right line an iamge of about 2 pixels height and draw a cell that the line can go in and once again use css background repeat option....but option one is better i think
"blah blah blah blah blah..."-Dennis Quaid- Thread starter
- #7
option 1
css>new style and go to border and left and right column put a 1 value and on the right choose the color you want...then at the bottom where it says noe click on that and go to solid...try that and see how it works "blah blah blah blah blah..."-Dennis Quaid
css>new style and go to border and left and right column put a 1 value and on the right choose the color you want...then at the bottom where it says noe click on that and go to solid...try that and see how it works "blah blah blah blah blah..."-Dennis Quaid
- Thread starter
- #9
)- Status
Similar threads
