Fit Table width/height to Margin

It would be a great handy feature if the table width could be fitted to the margin of the page.
Moreover 'tables' need some more extra features like : distribute rows/column evenly to fit table width/height. At present this feature extends the table width/height when applied. Once I fix the width and height of the table, distribute rows/column must fit to that width/height only. The table should only extend when I add rows or column.

>I have a 2-page site for a customer and have set it up as
tables (from
> Photoshop CS to Dreamweaver MX).
Bad start. Read this for a better approach -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Then read this -
http://apptools.com/examples/pagelayout101.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Jonclyde" <[email protected]> wrote in
message
news:gfenmb$dek$[email protected]..
>I have a 2-page site for a customer and have set it up as
tables (from
> Photoshop CS to Dreamweaver MX). The first page opens
fine with the table
> occupying 100% up and down as required, but clicking a
link to the second
> page
> causes the table to shrink in size, even though (as far
as I can tell)
> both
> pages are virtually identical when it comes to layout. I
did one page,
> then
> copied it to make the second page. Check it out for
yourself here:
> www.jonathanstewart.com/chc/index.html. I can get the
second page
> (Services) to
> open properly only if I set the target to _blank. Check
the far right and
> bottom of screen on both pages. The bar at the bottom
should rest on the
> bottom
> of the browser window whatever the window's size, and
the bar at the top
> should
> extend "off the page" at both left and right. Any ideas?
>

Similar Messages

Anchored Table Width in Printed Documentation

Hi all,
I'm working in RoboHelp 8 HTML and am dealing with a new pain point. Recently I created a step by step how to guide on a page within a table. Instructions are in one column and images in an adjacent column. I discovered however that the table widths weren't anchored in printed documentation. I read online that that this was a known bug so I installed the necessary patch (8_0_1.exe). Now, even after the install, I'm still seeing the problem. The generated webhelp looks fine but when I print the page the margins no longer align. Any insight into the issue would be most appreciated.
- Meredith

Before tackling your question, I strongly recommend you apply patch 802. See Opening Projects on my site.
I once investigated a problem where some cells were going off page and others were fine, is that what you are seeing? The answer is in in Print Issues on my site.
When RoboHelp generates printed output, it sends tables to Word as the defined width unless that width is greater than the width between the margins. Then it does the following:
If there are no merged cells, the table is scaled to fit the width between the margins.
If there are merged cells, the table does not get scaled and overruns the margins.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

TABLE WIDTH OF SMARTFORMS

Hello Guys,
Im just new in ABAP...and currently using smartforms . Im quite confuse in table width..
my report should be in legal size with 18 columns...dont know what is the exactly size for each column. I tried to use a table width of 300 MM..but once i preview the report..its just so small and the top and bottom size of each cell is large..so it looks like this :
Please give me some advice or technik on what to do:
99,99999
Thanks in advance
aVaDuDz

Hi
Go through the doc and handle the Table width/height in smartforms
How to create a New smartfrom, it is having step by step procedure
http://sap.niraj.tripod.com/id67.html
Here is the procedure
1. Create a new smartforms
Transaction code SMARTFORMS
Create new smartforms call ZSMART
2. Define looping process for internal table
Pages and windows
First Page -> Header Window (Cursor at First Page then click Edit -> Node -> Create)
Here, you can specify your title and page numbering
&SFSY-PAGE& (Page 1) of &SFSY-FORMPAGES(Z4.0)& (Total Page)
Main windows -> TABLE -> DATA
In the Loop section, tick Internal table and fill in
ITAB1 (table in ABAP SMARTFORM calling function) INTO ITAB2
3. Define table in smartforms
Global settings :
Form interface
Variable name Type assignment Reference type
ITAB1 TYPE Table Structure
Global definitions
Variable name Type assignment Reference type
ITAB2 TYPE Table Structure
4. To display the data in the form
Make used of the Table Painter and declare the Line Type in Tabstrips Table
e.g. HD_GEN for printing header details,
IT_GEN for printing data details.
You have to specify the Line Type in your Text elements in the Tabstrips Output options.
Tick the New Line and specify the Line Type for outputting the data.
Declare your output fields in Text elements
Tabstrips - Output Options
For different fonts use this Style : IDWTCERTSTYLE
For Quantity or Amout you can used this variable &GS_ITAB-AMOUNT(12.2)&
5. Calling SMARTFORMS from your ABAP program
REPORT ZSMARTFORM.
Calling SMARTFORMS from your ABAP program.
Collecting all the table data in your program, and pass once to SMARTFORMS
SMARTFORMS
Declare your table type in :-
Global Settings -> Form Interface
Global Definintions -> Global Data
Main Window -> Table -> DATA
Written by : SAP Hints and Tips on Configuration and ABAP/4 Programming
http://sapr3.tripod.com
TABLES: MKPF.
DATA: FM_NAME TYPE RS38L_FNAM.
DATA: BEGIN OF INT_MKPF OCCURS 0.
INCLUDE STRUCTURE MKPF.
DATA: END OF INT_MKPF.
SELECT-OPTIONS S_MBLNR FOR MKPF-MBLNR MEMORY ID 001.
SELECT * FROM MKPF WHERE MBLNR IN S_MBLNR.
MOVE-CORRESPONDING MKPF TO INT_MKPF.
APPEND INT_MKPF.
ENDSELECT.
At the end of your program.
Passing data to SMARTFORMS
call function 'SSF_FUNCTION_MODULE_NAME'
exporting
formname = 'ZSMARTFORM'
VARIANT = ' '
DIRECT_CALL = ' '
IMPORTING
FM_NAME = FM_NAME
EXCEPTIONS
NO_FORM = 1
NO_FUNCTION_MODULE = 2
OTHERS = 3.
if sy-subrc <> 0.
WRITE: / 'ERROR 1'.
MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
endif.
call function FM_NAME
EXPORTING
ARCHIVE_INDEX =
ARCHIVE_INDEX_TAB =
ARCHIVE_PARAMETERS =
CONTROL_PARAMETERS =
MAIL_APPL_OBJ =
MAIL_RECIPIENT =
MAIL_SENDER =
OUTPUT_OPTIONS =
USER_SETTINGS = 'X'
IMPORTING
DOCUMENT_OUTPUT_INFO =
JOB_OUTPUT_INFO =
JOB_OUTPUT_OPTIONS =
TABLES
GS_MKPF = INT_MKPF
EXCEPTIONS
FORMATTING_ERROR = 1
INTERNAL_ERROR = 2
SEND_ERROR = 3
USER_CANCELED = 4
OTHERS = 5.
if sy-subrc <> 0.
MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
endif.
for Smartforms material
http://www.sap-basis-abap.com/sapsf001.htm
http://www.sap-press.com/downloads/h955_preview.pdf
http://www.ossincorp.com/Black_Box/Black_Box_2.htm
http://www.sap-img.com/smartforms/sap-smart-forms.htm
http://www.sap-img.com/smartforms/smartform-tutorial.htm
http://www.sapgenie.com/abap/smartforms.htm
How to trace smartform
http://help.sap.com/saphelp_47x200/helpdata/en/49/c3d8a4a05b11d5b6ef006094192fe3/frameset.htm
http://www.help.sap.com/bp_presmartformsv1500/DOCU/OVIEW_EN.PDF
http://www.sap-img.com/smartforms/smart-006.htm
http://www.sap-img.com/smartforms/smartforms-faq-part-two.htm
Re: Need FAQ's
check most imp link
http://www.sapbrain.com/ARTICLES/TECHNICAL/SMARTFORMS/smartforms.html
<b>step by step good ex link is....</b>
<b>http://smoschid.tripod.com/How_to_do_things_in_SAP/How_To_Build_SMARTFORMS/How_To_Build_SMARTFORMS.html</b>
Reward points if useful
Regards
Anji

Custom report - Can't customize font / table width etc

So i'm authoring my first report - that works fine; however I can't seem to figure out how to customize the font / table width etc. I'm creating an RDL file from Report Server Project Wizard in Visual Studio and in there i'm changing font sizes and table
widths and I can see its changing in the RDL file's XML. I then plug the RDL file into my managment pack and import it. I run the report and the results always have this huge font and the table widths don't change. Anyone have any idea what i'm missing or
why that would be happening? heres the RDL file for reference:
<Report xmlns="http://schemas.microsoft.com/sqlserver/reporting/2008/01/reportdefinition" xmlns:rd="http://schemas.microsoft.com/SQLServer/reporting/reportdesigner">
<Body>
<ReportItems>
<Textbox Name="textbox1">
<CanGrow>true</CanGrow>
<KeepTogether>true</KeepTogether>
<Paragraphs>
<Paragraph>
<TextRuns>
<TextRun>
<Value>Report1</Value>
<Style>
<FontFamily>Tahoma</FontFamily>
<FontSize>12pt</FontSize>
<FontWeight>Bold</FontWeight>
<Color>SteelBlue</Color>
</Style>
</TextRun>
</TextRuns>
<Style />
</Paragraph>
</Paragraphs>
<rd:DefaultName>textbox1</rd:DefaultName>
<Height>0.36in</Height>
<Width>5in</Width>
<Style>
<PaddingLeft>2pt</PaddingLeft>
<PaddingRight>2pt</PaddingRight>
<PaddingTop>2pt</PaddingTop>
<PaddingBottom>2pt</PaddingBottom>
</Style>
</Textbox>
<Tablix Name="table1">
<TablixBody>
<TablixColumns>
<TablixColumn>
<Width>1in</Width>
</TablixColumn>
<TablixColumn>
<Width>2.75in</Width>
</TablixColumn>
<TablixColumn>
<Width>3.58333in</Width>
</TablixColumn>
</TablixColumns>
<TablixRows>
<TablixRow>
<Height>0.22in</Height>
<TablixCells>
<TablixCell>
<CellContents>
<Textbox Name="textbox2">
<CanGrow>true</CanGrow>
<KeepTogether>true</KeepTogether>
<Paragraphs>
<Paragraph>
<TextRuns>
<TextRun>
<Value>Raised Date Time</Value>
<Style>
<FontFamily>Tahoma</FontFamily>
<FontSize>6pt</FontSize>
<FontWeight>Bold</FontWeight>
<Color>White</Color>
</Style>
</TextRun>
</TextRuns>
<Style />
</Paragraph>
</Paragraphs>
<rd:DefaultName>textbox2</rd:DefaultName>
<Style>
<Border>
<Color>LightGrey</Color>
<Style>Solid</Style>
</Border>
<BackgroundColor>SteelBlue</BackgroundColor>
<PaddingLeft>2pt</PaddingLeft>
<PaddingRight>2pt</PaddingRight>
<PaddingTop>2pt</PaddingTop>
<PaddingBottom>2pt</PaddingBottom>
</Style>
</Textbox>
</CellContents>
</TablixCell>
<TablixCell>
<CellContents>
<Textbox Name="textbox3">
<CanGrow>true</CanGrow>
<KeepTogether>true</KeepTogether>
<Paragraphs>
<Paragraph>
<TextRuns>
<TextRun>
<Value>Alert Name</Value>
<Style>
<FontFamily>Tahoma</FontFamily>
<FontSize>6pt</FontSize>
<FontWeight>Bold</FontWeight>
<Color>White</Color>
</Style>
</TextRun>
</TextRuns>
<Style />
</Paragraph>
</Paragraphs>
<rd:DefaultName>textbox3</rd:DefaultName>
<Style>
<Border>
<Color>LightGrey</Color>
<Style>Solid</Style>
</Border>
<BackgroundColor>SteelBlue</BackgroundColor>
<PaddingLeft>2pt</PaddingLeft>
<PaddingRight>2pt</PaddingRight>
<PaddingTop>2pt</PaddingTop>
<PaddingBottom>2pt</PaddingBottom>
</Style>
</Textbox>
</CellContents>
</TablixCell>
<TablixCell>
<CellContents>
<Textbox Name="textbox4">
<CanGrow>true</CanGrow>
<KeepTogether>true</KeepTogether>
<Paragraphs>
<Paragraph>
<TextRuns>
<TextRun>
<Value>Alert Description</Value>
<Style>
<FontFamily>Tahoma</FontFamily>
<FontSize>6pt</FontSize>
<FontWeight>Bold</FontWeight>
<Color>White</Color>
</Style>
</TextRun>
</TextRuns>
<Style />
</Paragraph>
</Paragraphs>
<rd:DefaultName>textbox4</rd:DefaultName>
<Style>
<Border>
<Color>LightGrey</Color>
<Style>Solid</Style>
</Border>
<BackgroundColor>SteelBlue</BackgroundColor>
<PaddingLeft>2pt</PaddingLeft>
<PaddingRight>2pt</PaddingRight>
<PaddingTop>2pt</PaddingTop>
<PaddingBottom>2pt</PaddingBottom>
</Style>
</Textbox>
</CellContents>
</TablixCell>
</TablixCells>
</TablixRow>
<TablixRow>
<Height>0.21in</Height>
<TablixCells>
<TablixCell>
<CellContents>
<Textbox Name="RaisedDateTime">
<CanGrow>true</CanGrow>
<KeepTogether>true</KeepTogether>
<Paragraphs>
<Paragraph>
<TextRuns>
<TextRun>
<Value>=Fields!RaisedDateTime.Value</Value>
<Style>
<FontFamily>Tahoma</FontFamily>
<FontSize>5pt</FontSize>
</Style>
</TextRun>
</TextRuns>
<Style />
</Paragraph>
</Paragraphs>
<rd:DefaultName>RaisedDateTime</rd:DefaultName>
<Style>
<Border>
<Color>LightGrey</Color>
<Style>Solid</Style>
</Border>
<PaddingLeft>2pt</PaddingLeft>
<PaddingRight>2pt</PaddingRight>
<PaddingTop>2pt</PaddingTop>
<PaddingBottom>2pt</PaddingBottom>
</Style>
</Textbox>
</CellContents>
</TablixCell>
<TablixCell>
<CellContents>
<Textbox Name="AlertName">
<CanGrow>true</CanGrow>
<KeepTogether>true</KeepTogether>
<Paragraphs>
<Paragraph>
<TextRuns>
<TextRun>
<Value>=Fields!AlertName.Value</Value>
<Style>
<FontFamily>Tahoma</FontFamily>
<FontSize>5pt</FontSize>
</Style>
</TextRun>
</TextRuns>
<Style />
</Paragraph>
</Paragraphs>
<rd:DefaultName>AlertName</rd:DefaultName>
<Style>
<Border>
<Color>LightGrey</Color>
<Style>Solid</Style>
</Border>
<PaddingLeft>2pt</PaddingLeft>
<PaddingRight>2pt</PaddingRight>
<PaddingTop>2pt</PaddingTop>
<PaddingBottom>2pt</PaddingBottom>
</Style>
</Textbox>
</CellContents>
</TablixCell>
<TablixCell>
<CellContents>
<Textbox Name="AlertDescription">
<CanGrow>true</CanGrow>
<KeepTogether>true</KeepTogether>
<Paragraphs>
<Paragraph>
<TextRuns>
<TextRun>
<Value>=Fields!AlertDescription.Value</Value>
<Style>
<FontFamily>Tahoma</FontFamily>
<FontSize>5pt</FontSize>
</Style>
</TextRun>
</TextRuns>
<Style />
</Paragraph>
</Paragraphs>
<rd:DefaultName>AlertDescription</rd:DefaultName>
<Style>
<Border>
<Color>LightGrey</Color>
<Style>Solid</Style>
</Border>
<PaddingLeft>2pt</PaddingLeft>
<PaddingRight>2pt</PaddingRight>
<PaddingTop>2pt</PaddingTop>
<PaddingBottom>2pt</PaddingBottom>
</Style>
</Textbox>
</CellContents>
</TablixCell>
</TablixCells>
</TablixRow>
</TablixRows>
</TablixBody>
<TablixColumnHierarchy>
<TablixMembers>
<TablixMember />
<TablixMember />
<TablixMember />
</TablixMembers>
</TablixColumnHierarchy>
<TablixRowHierarchy>
<TablixMembers>
<TablixMember>
<KeepWithGroup>After</KeepWithGroup>
<RepeatOnNewPage>true</RepeatOnNewPage>
<KeepTogether>true</KeepTogether>
</TablixMember>
<TablixMember>
<Group Name="table1_Details_Group">
<DataElementName>Detail</DataElementName>
</Group>
<TablixMembers>
<TablixMember />
</TablixMembers>
<DataElementName>Detail_Collection</DataElementName>
<DataElementOutput>Output</DataElementOutput>
<KeepTogether>true</KeepTogether>
</TablixMember>
</TablixMembers>
</TablixRowHierarchy>
<DataSetName>DataSet1</DataSetName>
<Top>0.36in</Top>
<Height>0.43in</Height>
<Width>7.33333in</Width>
<ZIndex>1</ZIndex>
<Style />
</Tablix>
</ReportItems>
<Height>0.79in</Height>
<Style />
</Body>
<Width>8.1875in</Width>
<Page>
<LeftMargin>1in</LeftMargin>
<RightMargin>1in</RightMargin>
<TopMargin>1in</TopMargin>
<BottomMargin>1in</BottomMargin>
<Style />
</Page>
<AutoRefresh>0</AutoRefresh>
<DataSources>
<DataSources>
<DataSource Name="DataWarehouseMain">
<DataSourceReference>Data Warehouse Main</DataSourceReference>
<rd:DataSourceID>e4235c51-407f-4065-8519-a1e57374bc45</rd:DataSourceID>
</DataSource>
</DataSources>
</DataSources>
<DataSets>
<DataSet Name="DataSet1">
<Query>
<DataSourceName>DataWarehouseMain</DataSourceName>
<QueryParameters>
<QueryParameter Name="@AlertName">
<Value>=Parameters!AlertName.Value</Value>
</QueryParameter>
<QueryParameter Name="@StartDate">
<Value>=Parameters!StartDate.Value</Value>
</QueryParameter>
<QueryParameter Name="@EndDate">
<Value>=Parameters!EndDate.Value</Value>
</QueryParameter>
<QueryParameter Name="@ObjectName">
<Value>=Parameters!ObjectName.Value</Value>
<rd:UserDefined>true</rd:UserDefined>
</QueryParameter>
</QueryParameters>
<CommandText>SELECT dbo.vManagedEntity.FullName,
dbo.vManagedEntity.TopLevelHostManagedEntityRowId,
dbo.vManagedEntity.ManagedEntityRowId,
Alert.vAlert.ManagedEntityRowId,
Alert.vAlert.AlertName,
Alert.vAlert.AlertDescription,
Alert.vAlert.RaisedDateTime
FROM dbo.vManagedEntity
INNER JOIN Alert.vAlert
ON dbo.vManagedEntity.ManagedEntityRowId = Alert.vAlert.ManagedEntityRowId
WHERE dbo.vManagedEntity.FullName LIKE '%' + @ObjectName + '%'
AND Alert.vAlert.AlertName LIKE '%' + @AlertName + '%'
AND Alert.vAlert.RaisedDateTime >= @StartDate
AND Alert.vAlert.RaisedDateTime <= @EndDate
ORDER BY Alert.vAlert.RaisedDateTime DESC</CommandText>
<rd:UseGenericDesigner>true</rd:UseGenericDesigner>
</Query>
<Fields>
<Field Name="AlertName">
<DataField>AlertName</DataField>
<rd:TypeName>System.String</rd:TypeName>
</Field>
<Field Name="AlertDescription">
<DataField>AlertDescription</DataField>
<rd:TypeName>System.String</rd:TypeName>
</Field>
<Field Name="RaisedDateTime">
<DataField>RaisedDateTime</DataField>
<rd:TypeName>System.DateTime</rd:TypeName>
</Field>
<Field Name="ObjectName">
<DataField>ObjectName</DataField>
<rd:UserDefined>true</rd:UserDefined>
</Field>
</Fields>
</DataSet>
</DataSets>
<ReportParameters>
<ReportParameter Name="AlertName">
<DataType>String</DataType>
<Prompt>Alert Name</Prompt>
</ReportParameter>
<ReportParameter Name="StartDate">
<DataType>DateTime</DataType>
<Prompt>Start Date</Prompt>
</ReportParameter>
<ReportParameter Name="EndDate">
<DataType>DateTime</DataType>
<Prompt>End Date</Prompt>
</ReportParameter>
<ReportParameter Name="ObjectName">
<DataType>String</DataType>
<Prompt>Object Name</Prompt>
</ReportParameter>
</ReportParameters>
<Language>en-US</Language>
<ConsumeContainerWhitespace>true</ConsumeContainerWhitespace>
<rd:ReportUnitType>Inch</rd:ReportUnitType>
<rd:ReportID>4250ddf1-3c87-47b1-b8c2-314aad86ad86</rd:ReportID>
</Report>
Any suggestions would be greatly appreciated. Thanks!

I did some digging and found a link that might help you/have an answer.
http://stackoverflow.com/questions/14850503/change-default-font-ssrs-visual-studio
https://connect.microsoft.com/SQLServer/feedback/details/574003/modify-the-default-font-family-for-sql-server-business-intelligence-development-studio-while-creating-a-report#
If you click on work around someone posted that they were able to modify the default font in visual studio.
"If I am not mistaken, you can update your Report.rdl template file in visual studio
to use the default font you wish to use.
navigate to this location (where x is your visual studio version):
C:-\Program Files\Microsoft Visual Studio x\Common7\ide\PrivateAssemblies\ProjectItems\ReportProject
copy report.rdl to an already created report project.
Add the report to your report project
Update the default font where applicable.
Copy the updated report.rdl back to the location above and that is it.
The next time you open your project, you will be using the update rdl file as your
template.
You can do this as many times as you want.
Use this link as a reference
http://weblogs.sqlteam.com/jhermiz/archive/2007/08/14/60283.aspx
Cheers,
Martin
Blog:
http://sustaslog.wordpress.com
LinkedIn:
Note: Posts are provided “AS IS” without warranty of any kind, either expressed or implied, including but not limited to the implied warranties of merchantability and/or fitness for a particular purpose.

Can you make table width editable in a template

I am new to html and am trying to use a template to create a
site that will eventually have 10-12 pages. All of the pages will
have the same basic design, but some need 1 main body section and
some need 2 (1 main and 1 smaller off to the side). After doing 4
pages, I realized I could use a template so I wouldn't have to
re-enter all the links in the nav bar, etc., but if I do a page
with just one main section, I would like that section to be wider.
The template will not allow me to adjust the table. Is there a way
to make the table width editable/adjustable? Thanks for any help
you can give me... I'm sure to have many more questions once this
gets solved!

Well, it's OK, but I'm not sure where you want to go with
this. I'm not
crazy about how you have used the CSS - there are things
there that I think
are unnecessary....
Consider this -
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper">
<div id="banner"></div>
<div id="spacer">Content for id "spacer" Goes
Here</div>
<div id="welcome">Welcome to the Agoura High School
Parent Faculty Club
(AHS
PFC) </div>
<div id="welcome2"> Your source for all the latest PFC
news and
information </div>
<div id="BlueSpacer"></div>
<div id="main">Content for id "main" Goes
Here</div>
</div>
</body>
</html>
Don't get into additive trouble with percent sized fonts.
Remember, when
you have an element with font-size:100%, that's 100% of 80%,
and when you
have one with font-size:60%, that's 60% of 80%.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"AH_Nancy" <[email protected]> wrote in
message
news:[email protected]...
> Thank you thank you thank you for your helpful
suggestions, Murray.
>
> I am definitely prepared for time in the trenches.
Anything worth doing is
> worth doing right. You can see what I have done so far
>
http://homepage.mac.com/nminicozzi37/PFC_Web_Test_Site/.
(The top graphic
> will
> be replace by the correct one when I get it.) Any
comments/suggestions
> welcome.
>
> Of the ways you suggested to organize the CSS, is there
one you would
> recommend over the others, or is it simply a matter of
personal
> preference?
>
> Nancy
>
>

Resizing images in a div to fit browser width

i have a page with rollovers in a DIV:
http://toddheymandirector.com/REEL/index_newlook.html
i want the the images, "nike the getaway", etc, to resize to fit the browser window width. i tried putting them in a div and adding
row {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
but it didnt work..
ideas?
thanks

You could try something like the below. Basically it will show a maximum of 4 images per row (25%) so:
if your image width is 300px, for the browser to view all 4 at 100% their window needs to be 1200px wide
if their browser window is smaller than 1200px, the images will start to move onto new rows
if the browser window is bigger than 1200px, it will scale the 4 up to fit the width.
You can change the width of the images to match your optimal browser window and/or change the percentages to see the effect it has.
Eg, if you remove the "min-width:25%;" from #gallery ul li it will not scale the images at all. If you change "min-width:25%;" to "width:25%;", it will always show 4 images in a row and scale up or down to fit the window.
Best thing to do is play around until you're happy. Good luck.
<!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=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body{
    background-color:#666666;
    margin:0;
    padding:0;
#container{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
#title{
    width:100%;
    float:left;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:140%;
    line-height:150%;
    margin-bottom:30px;
    text-align:center;
#gallery{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    float:left;
#gallery ul{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    float:left;
    background-color:#666666;
    list-style-type:none;
#gallery ul li{
    min-width:25%;
    display:block;
    margin:0;
    padding:0;
    float:left;
    background-color:#666666;
img{
    display:block;
    border:none;
    margin:0;
    padding:0;
    width:100%;
</style>
</head>
<body>
<div id="container">
<div id="title">This is a floating web gallery</div>
<div id="gallery">
<ul>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
<li><img src="nike.png" /></li>
</ul>
</div>
</div>
</body>
</html>

CSS issue when changing the table row height to 16px

Hello,
After changing the table row height through css like this:
.table-row-cell, .table-cell {
-fx-cell-size: 16;
the table rows are correctly displayed with a 16px height but the cell bottoms seem to be incorrectly set.
For example the following css style (a red 3px bottom border):
.table-cell {
-fx-border-width: 0 0 3 0;
-fx-border-color: red;
doesn't work anymore with the new row height whereas it works with the 24px standard row height.
While investigating with Scenic View, I noticed that changing the row height changes the TableRow layoutBounds height (from 24px to 16px so that's ok) but not the boundsInParent height which remains to 27px. I think it should become 19px (16 + 1.5 + 1.5). I don't know if it's a bug.
Anyway, any help making the css red border working for a 16px row height would be greatly appreciated.
Regards,
Bruno.

Q: Would this help to just use absolute div tags and give me 'ABSOLUTELY ABSOLUTE' positioning?
No. APDivs are not a good primary layout method. Use default CSS positioning (which is no positioning at all). Align page elements with margins, floats and padding.
See example -- 2-Column CSS Layout with Grids
(View Page Source in your browser to see the code)
http://alt-web.com/TEMPLATES/2-col-fixed-with-grid.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Table row height larger in firefox

My table rows 1,3 &5 have a height that is 2x bigger FF
than it should be. IE7 is perferct. Also, the font is the same size
in both browsers. Any suggestions are greatly appreciated.
http://www.wholesalebingosupplies.com/bingo-game-kits.html
main div code:

Thank Tim.
I added
p {margin: 2px;}
to my CSS and that fixed the larger top rows to my tables but
that did not change the margin to my very bottom row and my footer
<div> which is too close.
http://www.wholesalebingosupplies.com/family-gatherings.html
Any suggestions?
I am reviewing the site that you requested to fix my
different users text size. Thanks for that insight.
John
quote:
Originally posted by:
Newsgroup User
Hello,
Different browsers use different default margins for certain
tags if you
don't define a margin using CSS.
One of these tags is the <p> tag. Your links are in
them, with no margin
defined.
<p><strong><a
href="kit-mini.html">Mini-Bingo
Kit</a></strong></p>
Add this to your CSS:
p {margin: 2px;}
I'm afraid this isn't the only problem.
Take a look at the page in FF with the browser's text size
setting at 1
level larger than what you have been using.
( ctrl+ + to enlarge )
Here's a screen shot:
http://tnsgraphics.com/tempscreenshot.htm
Here's info on the trouble (see "The Problem with Layers")
http://apptools.com/examples/pagelayout101.php
Take care,
Tim
"Ehd24" <[email protected]> wrote in message
news:[email protected]...
> My table rows 1,3 &5 have a height that is 2x bigger
FF than it should be.
> IE7
> is perferct. Also, the font is the same size in both
browsers. Any
> suggestions
> are greatly appreciated.
>
>
http://www.wholesalebingosupplies.com/bingo-game-kits.html
>
> main div code:
>
>
>
> <div id="main-content" align="left">
> <div class="scrollerArea">
> <h1>Bingo Game Kits </h1>
> <p class="style1">We offer a variety of bingo game
kits for whatever
> your needs and size of your party. ? </p>
> <table width="500" border="1" cellpadding="5"
align="center">
> <tr bgcolor="#F58030">
> <th scope="col"><div align="center">
> <p><strong><a
> href="kit-mini.html">Mini-Bingo
Kit</a></strong></p>
> </div></th>
> <th scope="col"><div align="center"><a
> href="kit-gold.html">Gold Bingo
Kit</a></div></th>
> </tr>
> <tr>
> <th scope="col"><div align="center"
> class="style2">
> <div align="center"></div>
> <div align="center"><a
> href="kit-mini.html"><img
src="images/kits/mini-bingo-kit-small-bingo.jpg"
> width="250" height="188" /></a></div>
> </div></th>
> <td><div align="center"><a
> href="kit-gold.html"><img
src="images/kits/gold-bingo-kit-small-bingo.jpg"
> width="250" height="187"
/></a></div></td>
> </tr>
> </table>
> <table width="500" border="1" cellpadding="5"
align="center">
> <tr bgcolor="#F58030">
> <th scope="col"><div align="center">
> <p><strong><a
> href="kit-platinum.html">Platinum Bingo
Kit</a></strong></p></div></th>
> <th scope="col"><div align="center">
> <p><strong><a
> href="kit-gold-professional.html">Gold Professional
Bingo
> Kit</a></strong></a></p>
> </div></th>
> </tr>
> <tr>
> <th height="203" scope="col"><div
> align="center"
> class="style2">
> <div align="center"><a
> href="kit-platinum.html"><img
> src="images/kits/platinum-bingo-kit-small-bingo.jpg"
width="250"
> height="188"
> border="0" /></a></div>
> <div align="center"></div>
> </div></th>
> <td><div align="center"><a
> href="kit-gold-professional.html"><img
> src="images/kits/gold-professional.jpg"
> width="250" height="190"
/></a></div></td>
> </tr>
> </table>
> <table width="250" border="1" cellpadding="5"
align="left">
> <tr bgcolor="#F58030">
> <th bgcolor="#F58030" scope="col"> <p
> align="center"><strong><a
>
href="kit-gold-professional.html"></a></strong><strong><a
> href="kit-platinum-professional.html">Platinum
Professional Bingo
> Kit</a></strong></p></th>
> </tr>
> <tr>
> <td><div align="center"><a
> href="kit-platinum-professional.html"><img
> src="images/kits/platinum-professional.jpg" alt=""
width="250"
> height="190"
> /></a></div></td>
> </tr>
> </table>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> </div>
> </div>
>
> 
>

Report Generation Toolkit Table Row Height-MS Word

I am having trouble setting the table row height in the report generation toolkit. I can set the column width fine, but the row height seems to remain the same no matter what I set it to. I have attached the VI that generates and formats the table, and the printout it is resulting in. I have also attached the template file I am using.
Any tips to get this to work right? I am trying to make the cells exactly the same height as the text inside.
Solved!
Go to Solution.
Attachments:
AddMarkersToReport.vi ‏20 KB
badFormatting.pdf ‏179 KB
splitter.docx ‏13 KB

Hi,
So I tried .2 and it didn't work. So I went to Word to manually change it, and it did not work either. There is a selection box in word, for the table properties, that seems to default to the value "at least". When I changed this manually to "exactly" in word, no problem with the .2 manually in Word.
Hopefully this can be set within the template, for all new inserted tables. I'm not sure the report generator VI's expose this property. Well, this is a start for the issue.
Edit ****
You can go into the add table VI and expose the property. See pic. However, you have to decide if you want to "upgrade" this VI permanently to expose this property or make a copy with the property exposed. I haven't messed with the new class reports too much, so not sure of the ins and outs with this.
I think this is the issue with the row size becoming smaller.
Mark Ramsdale

Table row height adjustment

I am attempting to insert a table to create an online
business directory for my city. When I enter the table, it allows
me to set my number of columns and rows, as well as the table
width. However, it automatically sets the row height to 240 pixels.
When I try to change the row height to something more reasonable,
it gives me this error message:
"Making this change would require changing code that is
locked by a template or translator. The change will be discarded."
Which I assume means something I did when creating my
template for my website locked this in, but I have no idea what I
did or how to fix it. Any ideas??
Thanks so much!!

That's ok so far. A paragraph sign at the end of a text forces a new line.
To change that do the following:
For every condition you need another condition just for the paragraph sign that comes immediately after the condition. Not after every paragraph of one condition, but at the end of every consecutive numbers of paragraphs of the same condition.
So in your third example you'll need two conditions more:
1. One for the paragraph sign at the end of condition "meaasurements"
2. One for the paragraph sign at the end of condition "price 2"
Whenever you make the other conditions invisible, you also have to turn off the new conditions that only control the paragraph signs.
See the following screenshots:
Uwe

Setting width/height of a control with CSS

Hi,
I am styling a button a button in CSS and set a background-image for the button in my stylesheet.
The problem is, that the button should scale to the width/height of the image.
I added:
-fx-width: 32px;
-fx-height: 32px;
but it has no effect.
I also tried it with
-fx-min-width: 32px;
-fx-min-height: 32px;
If I use setMinWidth(32); in Java, it works.
But I rather want to set it in my stylesheets, because the image can change, if we use another skin.

CSS documentation (http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html) states:
"JavaFX CSS does not support CSS layout properties such as float, position, overflow, and width. However, the CSS padding and margins properties are supported on some JavaFX scene graph objects. All other aspects of layout are handled programmatically in JavaFX code."
I thought you might be able to do something using the -fx-shape property, but the shape does not affect the size of the button - so that didn't work.
I had more luck with the -fx-graphic property - you could try to enhance the stylesheet below to get what you want.
.root   { -fx-background-color: azure; -fx-padding: 20; }
#smurf-button { -fx-graphic: url("http://bluebuddies.com/smurf_fun/smurf_race/jpg/Smurf_Race_100x100.jpg"); -fx-background-color: transparent; }
#smurf-button:hover { -fx-effect: dropshadow( three-pass-box , rgba(184,134,11,0.6) , 20, 0.0 , 0 , 0 ); }
#smurf-button:armed { -fx-effect: innershadow( three-pass-box , rgba(0,200,0,0.6) , 30, 0.0 , 0 , 0 ); }
public class ButtonStyle extends Application {
public static void main(String[] args) throws Exception { launch(args); }
public void start(final Stage stage) throws Exception {
    final Button button = new Button();
    button.setId("smurf-button");
    final Scene scene = new Scene(StackPaneBuilder.create().children(button).build());
    scene.getStylesheets().add(this.getClass().getResource("style.css").toExternalForm());
    stage.setScene(scene);
    stage.show();
}

WD ALV Default Table Width Changed in SPS06

Hi, we just upgraded our SAP ECC 604 SPS from 3 to 6.
All our WD ALV table width are now maximized to fit the hole screen,
I just search for an API but I can't find one, I tried if_salv_wd_table_settings~set_fixed_table_layout but it does not change anything!
I know I could get an object instance for each WD columns and set a default width, but that is long & painfull!
Check my 2 screenshots,
SALV_WD_TABLE on SPS03
[http://www.flickr.com/photos/34819919@N06/4661310080/]
SALV_WD_TABLE on SPS06
[http://www.flickr.com/photos/34819919@N06/4661310114/]
Alex

Thanks guys, I had to call the set_width method before and it works!
wd_this->mr_alv_table->if_salv_wd_table_settings~set_width( '500' ).
wd_this->mr_alv_table->if_salv_wd_table_settings~set_fixed_table_layout( abap_false ).
Thanks Thomas for the OSS note, it's very well explained!
Alex

Smartform table minimum height

Hi all,
Is there a way to specify the minimum height of a table in smartforms, so that if we have say 10 lines in the internal table to be displayed, and we specify 15 as a minimum height, then 5 blank lines will be printed in addition to the other 10?

Haku,
u can still achieve the requirement by having another secondary window with a template of the size of sec.window with 'N' lines, so that lines are also printed from the secondary window.
Modified steps:
1.having the table in a secondary window (fixed size) and
2.the table width should be equal to the secondary window width and
3.the table should not any have border
4.Now create a sercondary window2 of size and dimention same as the one created earlier .
5.create a template of size equal to the window ,The template will have all the borders for each lines to be printed
Window1 and window 2 will over lap each other .
Now the template with table borders(like ) will be printed from window 2 Then the table contents will be printed from window 1.
Reward if u find it Useful,
Sapsurfer

Controlling table width for printing

Is there a way I can use Dreamweaver, perhaps with CSS, to
add a table to my site that is set to a fixed width of, say 850
pixels but have the text inside the table wrap properly when
printing? I know that fixed width tables beyond about 760 pixels
cause the text to flow off the page when printed from some
browsers, and we usually control this using a percentage to
determine the table width. In this case, though, we'd like to use a
fixed width when the content is viewed on screen, but have the text
wrap when printing before it reaches the right margin of the fixed
width table. Make sense?

Have two stylesheets which control the width of the table.
Make the screen
media stylesheet set its width in pixels and the print media
stylesheet set
it in percents.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Klytus" <[email protected]> wrote in
message
news:e7hh5a$59n$[email protected]..
> Is there a way I can use Dreamweaver, perhaps with CSS,
to add a table to
> my
> site that is set to a fixed width of, say 850 pixels but
have the text
> inside
> the table wrap properly when printing? I know that fixed
width tables
> beyond
> about 760 pixels cause the text to flow off the page
when printed from
> some
> browsers, and we usually control this using a percentage
to determine the
> table
> width. In this case, though, we'd like to use a fixed
width when the
> content is
> viewed on screen, but have the text wrap when printing
before it reaches
> the
> right margin of the fixed width table. Make sense?
>

CS3 Conversion Table Width Issue

I recently converted to CS3 from MX. The issue is table
(widths) created in MX, look completely different in CS3 (using
layout/code view). Although in a browser appear (correctly) as
should be. What do I need to do to make the table widths appear as
they should in layout view?

Please publish (upload) the page with all supporting files
and post a link
so we can see everything in context. Incomplete bits of code
are no help, to
me at least.
Walt
"CLSSuser1" <[email protected]> wrote in
message
news:g8c49n$6oa$[email protected]..
>I have noticed playing with the "cell pad" has some
really strange effects.
> I did have the cell pad set at "4". Which again, looks
OK on the browser.
> Only
> number that jumps things back into place is "0". But
that tightens things
> up
> considerably, it works, but does not look the best.
>
> Thinking back though, the table width is set for 810,
the 2 columns below
> are
> 400 and 410.
> Somehow in DW MX, if the cell padding had any number at
all, somehow the
> table
> "adjusted"?
> DW CS3 won't do that, so must be an operator error in
this case.
>
> I will adjust the right column and play with it to see
what effects
> happen...
>
> The code for the table is:
>
> <table width="810" border="0" align="center"
cellpadding="0"
> cellspacing="0">
> <tr>
> <td width="400" bgcolor="#CCCCCC"><p><img
src="../photos/4084.jpg"
> width="144" height="180" align="left">
> <td width="410" valign="top" bgcolor="#CCCCFF">
<p>
<font
> size="3" face="Verdana, Arial, Helvetica,
sans-serif">Bargaining
> Unit Supervisor</font></p>
>
> Thanks!
> Craig
>

Fit Table width/height to Margin

Similar Messages

Maybe you are looking for