Newbie question – frame and cells resizing issues

I am a newbie to ‘efficient web designing’. I
have done previously simpler works.
This is what I am trying to do this time. I am creating a
modular web site where I will be using only one design layout(800 x
600) and repeating that 3-4 times along the length of a single page
and also in all the other pages on the website ( using same layout
but different contents). The way I started is
1) Created a design layout in Photoshop
2) Created slices
3) Saved all sliced images in image folder
4) Created one large table 800x600 (size of a single layout
module) in dreamweaver
5) Created nested tables inside the main table, (based upon
different cell divisions)
6) Created cells in the tables corresponding to slice layout
in the photoshop
7) Inserted the sliced images in the corresponding cells to
recreate my photosop layout in dreamweaver.
8) The issue that I am having is that the cells are not
getting to be the size of the images.
SO HOW DO I MAKE MY CELLS FIT MY IMAGES. I tried putting the
size of my sliced images in the property box of the cells but the
cells just won’t become of that size. What is stopping them?
What could I be doing wrong? Is my working method appropriate for
what I want to achieve?
Any help would be appreciated.

Not really sure what you are trying to achieve... but
creating an 800x600
web page with Photoshop sliced images is not "efficient we
designing"
Everyone sets the size of their web browsers to a differant
size depending
on taste, visual accuity and the task at hand. Table cells
are simply
elastic containers. Think of them like a baloon. Small when
you take it
out of the bag but potentially really big with enough hot
air.
A cell will expand to fit whatever you put into it, but it
starts out small.
If you put a 200x200 slice of image as a background, you need
to somehow set
the size of the cell to 200x200, but if you put too much text
in the cell,
it will grow larger than 200x200 and leave your background
either stranded
with gaps around it or tiled and repeating itself.
If you put the slices directly into the cells, make sure you
have all
padding, cell spacing, and margins set to 0. Now, you won't
be able you put
text over the image but you could use hot spots or just
direct links from
the image.
Photoshop is an image editing program originally created for
print
applications. What you need to
consider is creating you web site in a flexible format and
augmenting your
design with images editied in Photoshop.
Best idea is get some books on html and css and learn what
you can about web
design, then add your graphics.
"yamirb" <[email protected]> wrote in
message
news:[email protected]...
>I am a newbie to ?efficient web designing?. I have done
previously simpler
> works.
> This is what I am trying to do this time. I am creating
a modular web site
> where I will be using only one design layout(800 x 600)
and repeating that
> 3-4
> times along the length of a single page and also in all
the other pages on
> the
> website ( using same layout but different contents). The
way I started is
> 1) Created a design layout in Photoshop
> 2) Created slices
> 3) Saved all sliced images in image folder
> 4) Created one large table 800x600 (size of a single
layout module) in
> dreamweaver
> 5) Created nested tables inside the main table, (based
upon different cell
> divisions)
> 6) Created cells in the tables corresponding to slice
layout in the
> photoshop
> 7) Inserted the sliced images in the corresponding cells
to recreate my
> photosop layout in dreamweaver.
> 8) The issue that I am having is that the cells are not
getting to be the
> size
> of the images.
>
> SO HOW DO I MAKE MY CELLS FIT MY IMAGES. I tried putting
the size of my
> sliced
> images in the property box of the cells but the cells
just won?t become of
> that
> size. What is stopping them? What could I be doing
wrong? Is my working
> method
> appropriate for what I want to achieve?
>
> Any help would be appreciated.
>
>

Similar Messages

  • Header and Footer Resize Issues

    When I create a Header and Footer look in adobe edge I go to resize the width of the page and the header images and texts resize fine but the images and text in the Footer area do not resize and they end up moving all around the screen.

    Hi Siclaria,
    Can you let us know if negative margins are in effect for the footer elements? (Do you -ve value in the margin field?)
    If something has a negative margin, as you resize your canvas, the element will move to the right instead of the left. In your case, it looks like some elements have negative margin values and some are fine.
    An easy solution is to "Edit -> Add Parent" around those elements. For example: Select "Industries", "Education", "Healthcare", etc. and do an Edit -> Add Parent.
    This makes the "set of elements" move to the left (because they are contained within a parent) and will be closer to the behavior you expect.
    Cheers,
    Anirudh

  • Help on font sizes and browser resizing issues

    When browsers resize the text, they can have a significant impact on the my designs. I am using CSS positioning, and not tables. I am also using relative font sizes, usually ems. I can get everthing to look right on my pages when the browsers are set at the normal or medium text size. But, i run into problems when the browser is set at the large or largest text size. I need help dealing with this issue in general. But, here's an example that best illustrates the problem:
    I set some white-colored text on a dark background in a  banner at set at 800px x 50px. The font size is set at 1 ems. The background color for the rest of the page is white. So, when the white-colored text fits easily within the banner, everything works okay. But, when the browser resizes the text, the white text flows beyond the dark background color of the banner and becomes invisible on the white background of the page. Is there some way to use margins, padding, or line size to manage this type of situation?
    What are the best tactics to use regarding font size when using CSS positioning ?
    Thanks for any help on this question.

    Thank you for your prompt response. I will put my page on a test server when I can. But, for now, here is my code below.
    I get your point about flexibility.The question is how? What are the best approaches to use?  I have the sense that more experienced designers have some conventional tactics for ensuring the pages read reasonably well even when the text size is enlarged in the browsers, but I am not sure what approach might work in general.
    Part of the issue with this particular design is that I am actually using a background image in the header/banner. And it has a set height:51 px. I don't want it to repeat it vertically whenever someone enlarges the text size in their browser.
    Again, I would appreciate any help offered.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body,td,th {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 1em;
    body {
         margin-left: 0px;
         margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 0px;
         background-color: #000000;
    #Container {
         height: 600px;
         width: 800px;
         margin-right: auto;
         margin-left: auto;
         background-color: #FFFFFF;
    #Banner {
         width: 800px;
         background-image: url(images/800x51bluebackgroundbanner.jpg);
         background-repeat: repeat-x;
         background-position: left top;
         height: 51px;
    #astandardlink {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 1em;
         color: #333399;
         text-align: left;
    #FlashArea {
         float: left;
         height: 400px;
         width: 800px;
    #leftBlock {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 0.8em;
         color: #000000;
         text-align: justify;
         float: left;
         width: 58%;
         margin-right: 1%;
         margin-left: 1%;
         line-height: 1.5;
    #rightBlock {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 0.8em;
         color: #000000;
         text-align: justify;
         float: right;
         margin-right: 1%;
         margin-left: 1%;
         width: 32%;
         clear: right;
         line-height: 1.5;
    #Logo {
         text-align: left;
         vertical-align: middle;
         float: left;
         margin-right: 1em;
    #Bannertext {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 0.8em;
         color: #FFFFFF;
         text-align: center;
         float: left;
         width: 30%;
         line-height: 3;
         white-space: normal;
         display: block;
    #Email {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 0.8em;
         color: #FFFFFF;
         text-align: right;
         margin-right: 0.3em;
         line-height: 1.5;
         background-repeat: no-repeat;
         background-position: left top;
         margin-bottom: 1%;
         padding-bottom: 1%;
    .imageleft {
         vertical-align: middle;
         float: left;
         clear: left;
         margin-right: 1em;
    a:link {
         color: #FFFFFF;
         text-decoration: none;
    a:visited {
         text-decoration: none;
         color: #FFFFFF;
    a:hover {
         text-decoration: underline;
         color: #CC0000;
    a:active {
         text-decoration: none;
         color: #FFFFFF;
    -->
    </style>
    </head>
    <body>
    <div id="Container">
       <div id="Banner">
         <div class="imageleft" id="Logo"><a href="pricinginfo.html"><img src="images/Logo177x51.jpg" alt="Darragh Logo" width="177" height="51" border="0" usemap="#Map" /></a>
    <map name="Map" id="Map"><area shape="rect" coords="8,7,166,41" href="pricinginfo.html" alt="Darragh Logo" />
    <area shape="rect" coords="167,39,168,53" href="#" /></map></div>
         <div id="Bannertext">wines to savor with family and friends </div>
         <div id="Email"><a href="mailto:Darragh Cellars, Proprietor, Andrew Aitken [email protected]">Darragh Cellars, Proprietor, Andrew Aitken [email protected]</a></div>
       </div>
       <div id="FlashArea"><img src="" alt="" name="FlashArea" width="800" height="400" id="FlashArea" style="background-color: #CCCCCC" /></div>
       <div id="leftBlock">Darragh Cellars produces boutique wines that express a balance between earth and fruit. Our wines are crafted to provide a rich wine experience for all palates.- Proprietor, Andrew Aitken Produced &amp; Bottled ByCRUSHPAD San Francisco, CA www.crushpadwine.com </div>
       <div id="rightBlock"><a href="pricinginfo.html" id="astandardlink">Reservations & Contact Information</a>: Darragh Cellars offers an extremely limited supply of Pinot Noir and Chardonnay vintage wines. Reservations may be placed directly with Proprietor Andrew Aitken. </div>
    </div>
    </body>
    </html>

  • Some "newb" questions - Network and BBM

    Morning -
    I have some questions, I'm hoping someone can answer.  
    Q1 - Presently the device (Curve 9300) is connecting to the router successfully but not connecting to the internet even though other devices are (the WiFi indicator is dim). Is there anything different you need to do on BB to get it to connect?  If it makes a difference, I'd to state that I am currently using the handset without a BB data plan, but I thought connection to WiFi would still have been possible.  Any assistance will be greatly appreciated.
    Q2 - I will be getting a BB data plan activated shortly, and I have a BBM question.  Providers all state that BBM and email are free once you have the BB data plan.  Would this usually include when you are roaming as well?  

    Check the below links -
    How to connect to a Wi-Fi network using a BlackBerry smartphone
    KB13299 How to use the Wi-Fi Diagnostics tool to troubleshoot Wi-Fi issues
    KB29087 Unable to browse the Internet over a Wi-Fi connection on the BlackBerry smartphone
    tanzim                                                                                  
    If your query is resolved then please click on “Accept as Solution”
    Click on the LIKE on the bottom right if the post deserves credit

  • Newbie question J2EE and Windows ME

    hi i am a young student trying to learn about j2ee.
    i have installed the j2ee package and set the environment variable JAVA_HOME, J2EE_HOME and ANT_HOME and PATH and CLASSPATH as the documentation says.
    If I type on the command line j2ee -verbose to make a test, i got this message:
    invalid command or file name
    no more environment space
    no more environment space
    no more environment space
    no more environment space
    syntax error
    syntax error
    invalid command or file name
    (sorry for bad translation...i am not using an english operative system)
    i am using windows Millennium Edition and i have tried to give the j2ee.bat the more environment memory as possible..but it doesn't work.
    Is it possible using and working with the j2ee package under Millenium Edition or i must strongly install e.g. Windows 2000 Professional? What about Windows 98?
    I need help. please.
    Thank you in advance.
    Fede

    how about j2ee.bat?

  • Newbie question about saving files

    Hi all,
    A newbie question here, and maybe it is a dumb question, but I can't get my head around this and sofar found no answer in the forums here.
    When I save a file on my macbook, I can only save it to "top" folders.
    What I mean is I try to save a file for instance to documents/worddocs/lyrics just to say something, then I have to save the file first to documents, and the move it to the lyrics folder via finder or move it to :worddocs folder and then move it again to the lyrics folder. Hope you still get my drift here
    Is there a way to just save it to the subfolders without going through all this moving around?
    Thanks in advance for any advice
    Peter

    When you click File>Save As, you will see the Save As window pop up. At the top, you will see a box entitled Save As, which has a space for your to enter the file name. To the right of this box is an arrow pointing down. Click it. The full file hierarchy will be seen. Then you can save directly to the file you want.
    Hope this helps.
    Don

  • Newbie Question about FM 8 and Acrobat Pro 9

    Hello:
    I have some dcouments that I've written in FM v8.0p277. I print them to PDF so that I can have a copy to include on a CD and I also print some hard copies.
    My newbie question is whether there is a way to create a  PDF for hard copy where I mainitain the colors in photos and figures but that the text that is hyperlinked doesn't appear as blue. I want to keep the links live within the soft copy. Is there something I can change within Frame or with Acrobat?
    TIA,
    Kimberly

    Kimberly,
    How comes the text is blue in the first place? I guess the cross-reference formats use some character format which makes them blue? There are many options:
    Temporarily change the color definition for the color used in the cross-reference format to black.
    Temporarily change the character format to not use that color.
    Temporarily change the cross-reference definition to not used that character format.
    Whichever method you choose, I would create a separate document with the changed format setting and import those format into your book, create the PDF and then import the same format from the official template.
    - Michael

  • Repeating Frames Resizing Issue

    Hello,
    I've been using Reports 6 recently having been using Reports 10 up until now, and I've got an issue in the Report I'm currently working on.
    When I try to resize any of the repeating frames on the report, they appear to default to a much large size...example...
    If I have a repeating frame containing 1 field and I try to reduce the size of the frame so it fits snugly around the field, as soon as I click on one of the draghandles on the frame, it immediately resizes the frame horizontal or vertical (depending on what draghandle is used). So far, this has just been annoying more than anything else and I've generally been able to avoid any problems by simply undoing the change, or redrawing the frame.
    Has anyone else experienced this? Is there a setting off in my version of Reports? Or is this a general problem?
    Thanks

    Thanks for your feedback.
    The reason I have 4 repeating frames is because each frame belong to a different group.
    <SOME TEXT> is infact set to vertical expand.
    I came up with a solution by using a 5 lines that stretches with FRAME 2 and set no lines
    property for FRAME 3. That way FRAME 3 repeats 7 times horizontally, one in each box created by the lines with FRAME 2. Thus when FRAME 2 expands, the expanding lines creates the 7 horizontal boxes.

  • Newbie questions on fms and actionscript 3

    Ok, like I said I'm a newbie, but I do understand the differance between ssas and as3. Not all, but all most everything I see written in SSAS can be writen into a external AS3 file. This leads me to quite a few questions I'm hoping you kind people can shed some light on for me.
    1)  What is the advantage of writing a SSAS file over an external AS3 file?
    2) Can I write an .asc file in AS3 or do I have to use AS1? Please understand I'm using tuts from fmsguru.com and the books "Learning Flash Media Server" (pdf) and "Programming Flash Communication Server". I'm not a javascript programmer so nothing I do in AS1 seems to make any sence while everything I do in AS3 does. It may not seem like it to you people that are programmers, but to those of us that aren't, AS1 and AS3 are miles apart.
    3) kind of off topic, but a security question. I'm not a "hacker" and don't like the jerks that are. My question is on external AS / SSAS files and swf files. When my fla is compiled into a swf does my external AS files remain external? I assume they do, but then what is the threat of the swf being decompiled? In most projects I would do I could care less if somebody had access to my fla as long as they don't have my actionscript files.
    I don't know. Maybe on questions one and two I'm getting confused becasue I'm using out dated material. Again I assume that even though fms was built off of the javascript engine it should be able to read and execute my AS3 file. Other wise what was the point of the evolution of actionscript into a fully functional programming language?
    Thanks for any help you might have...

    1) I did not get this question correcly - for that matter SSAS can only be in AS1 - so i dont see reason comparing them
    2) It has to be AS1
    3) if you doing "include" stuff - i think code would go into compiled swf and proper decompiler would give you the code.
    Last para - Server-side engine understands only AS1 so it wont be able to read and understand your AS3 file.

  • HT1222 Ipad2 losses cell connection now that iOS 8 was installed.  Ios 8.0.2 did NOT correct the issue. Come on and fix this issue!

    Ipad2 losses cell connection now that iOS 8 was installed.  Ios 8.0.2 did NOT correct the issue. Come on and fix this issue!

    Hey everyone-
    Im in the same boat, started a thread . My hands free system worked fine with iOS 8 out of the box new iphone 6. Did the update this morning and i can stream music perfectly fine however i cannot make or receive calls through hands free system.
    I have not tried resetting the settings like most people indicate is working. I feel like I shouldn't have to reset anything, even less mess with settings with an update coming from apple. it should "Just Work"
    Some people who reset said it works for a few hours, other say it don't work, and I don't know what I should do.
    Car: Hyundai Sonata 2014
    NOTE: I was able to replicate the issue in my wifes Hyunday Elentra 2013.
    This is how I know its not a defect with the BT in my car.

  • CS4 - Resizing both frame and content in "width" transform palete...

    We need to resize placed picture, but both frame and content at same time with writing exact dimension in "width" transform palete. Problem is that only frame is resized. If we select picture with direct selection tool, only content is resized.

    Wrong field. Select the frame and use the scale fields to change the size of frames together with the content. This behavior was introduced in CS3.
    Plain numbers in those fields are interpreted by default as percentages, but you can enter exact dimensions of your choice by specifying the measurement unit after the number.

  • I am having issues with adjusting the duration of time for each still frame and transition in imovie 11.  Each time that I adjust these times, the app does not accept the change, and automatically enters its own time. Am I doing something wrong?

    I am having issues with adjusting the duration of time for each still frame and transition in imovie 11.  Each time that I adjust these times, the application does not accept the change, and instead automatically enters its own time. Is there a work around this? Or am I doing something wrong? Please Help!
    Thank you,
    lagrl

    Have you tried turning off automatic transitions ? Choose file - project properties and follow the dialogue box to change duration with a slider.  iMovie also doesn't allow a transition to be more than 50% duration of the clip its attached to. In other words if the clip is 4 seconds the transition cannot be more than 2 seconds and remember that relates to the first clip as the following clip (right side) is pulled back to overlay it.
    Does this help.  Perhaps you already know this ?

  • Time-lapse and Image Sequence issue (Possibly also Frame-Rate)

    So I'm in the process of making a time-lapse, and have batch edited and exported (in jpeg) 627 images.  My sequence settings are 23.976fps 1920x1080 (1080p).  Doing some quick math, 627 images at 24 frames a second should give me a little over 26 seconds.  However, I'm only getting a 20 second clip.  The settings on the clip are 29.97fps and 5184x3456 (I scale it down and use some keyframes to add some motion.)  So my question is is there a way to import an image sequence as 24 fps, rather than the default 30 that the clip is imported in?  Even when I put it the clip on the timeline and click "Keep sequence settings" it cuts it down to 501 frames, and I still only get 20 seconds worth of clip.   Thank you for your answers!

    I am in PAL land so I not that familiar with ntsc but I think the difference has to do with the 23.97.
    If you make a custom sequence you can set that to 24 fps exact.
    Import the jpegs as an image sequence. this means select the first image, check image sequence at the bottom of the window and hit OK.
    Also in the preferences under Media set the Indeterminate Media Timebase to 24.

  • Resize frame and contents at the same time

    Is there a keyboard shortcut that can be used to resize the frame and the contents of the frame at the same time? Command + Option + < > works but only resizes the frame or the contents, not both at once.

    Ah yes: google a bit.
    This has been discussed a few dozen times and there are scripts around (eg. by Sandee Cohen) to fill the gap.

  • Trouble backing up Macbook (10.4.11) and some newbie questions...

    I am using a MacBook OS X 10.4.11 and do not have Time Machine. I have a couple newbie questions...
    What is the best way to back up everything? I am using Disk Utility's Restore tab but it is taking forever. I first tried to do it though Disk Utility's First Aid tab but it wouldn't let me make a New Image because the "source was in use", I think it is because I don't have the Install Disc to begin with (http://support.apple.com/kb/ht1553).
    Secondly, does this include everything in "Home" (bookmarks, iPhoto library, iTunes library and so forth), Documents, and Desktop? Or must these be archived and transferred to the external hard drive separately from Macintosh HD?
    Thanks in advance for any help!

    I tried restarting the phone and switching to another USB cable and now it is working so never mind.

Maybe you are looking for