CommandMenuItem text alignment issue
using commandMenuItem seperately (not with af:menu)
any text that you enter for commandMenuItem will not be centered, its slightly right aligned which is very noticeable with large font size
and reason for this is rendered output in browser for command menuItem
is anchor [A] element class="xsn" which has padding property="0 0 0 5" changing
padding to : "0 0 0 0" fixes the problem, but how can I change it thru adf skin
also how would I changed the color of cimmandMenuItem text
af|commandMenuItem::menu-item-text { color: green; } does not work
Message was edited by:
user626222
Message was edited by:
user626222
Hi,
padding also works through skinning, so this shouldn't be an issue.
for the color, try
af|commandMenuItem::bar-item-text{color:green;}
Frank
Similar Messages
-
JTable text alignment issues when using JPanel as custom TableCellRenderer
Hi there,
I'm having some difficulty with text alignment/border issues when using a custom TableCellRenderer. I'm using a JPanel with GroupLayout (although I've also tried others like FlowLayout), and I can't seem to get label text within the JPanel to align properly with the other cells in the table. The text inside my 'panel' cell is shifted downward. If I use the code from the DefaultTableCellRenderer to set the border when the cell receives focus, the problem gets worse as the text shifts when the new border is applied to the panel upon cell selection. Here's an SSCCE to demonstrate:
import java.awt.Color;
import java.awt.Component;
import java.awt.EventQueue;
import javax.swing.GroupLayout;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTable;
import javax.swing.border.Border;
import javax.swing.table.TableCellRenderer;
import javax.swing.table.TableColumn;
import sun.swing.DefaultLookup;
public class TableCellPanelTest extends JFrame {
private class PanelRenderer extends JPanel implements TableCellRenderer {
private JLabel label = new JLabel();
public PanelRenderer() {
GroupLayout layout = new GroupLayout(this);
layout.setHorizontalGroup(layout.createParallelGroup().addComponent(label));
layout.setVerticalGroup(layout.createParallelGroup().addComponent(label));
setLayout(layout);
public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) {
if (isSelected) {
setBackground(table.getSelectionBackground());
} else {
setBackground(table.getBackground());
// Border section taken from DefaultTableCellRenderer
if (hasFocus) {
Border border = null;
if (isSelected) {
border = DefaultLookup.getBorder(this, ui, "Table.focusSelectedCellHighlightBorder");
if (border == null) {
border = DefaultLookup.getBorder(this, ui, "Table.focusCellHighlightBorder");
setBorder(border);
if (!isSelected && table.isCellEditable(row, column)) {
Color col;
col = DefaultLookup.getColor(this, ui, "Table.focusCellForeground");
if (col != null) {
super.setForeground(col);
col = DefaultLookup.getColor(this, ui, "Table.focusCellBackground");
if (col != null) {
super.setBackground(col);
} else {
setBorder(null /*getNoFocusBorder()*/);
// Set up our label
label.setText(value.toString());
label.setFont(table.getFont());
return this;
public TableCellPanelTest() {
JTable table = new JTable(new Integer[][]{{1, 2, 3}, {4, 5, 6}}, new String[]{"A", "B", "C"});
// set up a custom renderer on the first column
TableColumn firstColumn = table.getColumnModel().getColumn(0);
firstColumn.setCellRenderer(new PanelRenderer());
getContentPane().add(table);
pack();
public static void main(String[] args) {
EventQueue.invokeLater(new Runnable() {
public void run() {
new TableCellPanelTest().setVisible(true);
}There are basically two problems:
1) When first run, the text in the custom renderer column is shifted downward slightly.
2) Once a cell in the column is selected, it shifts down even farther.
I'd really appreciate any help in figuring out what's up!
Thanks!1) LayoutManagers need to take the border into account so the label is placed at (1,1) while labels just start at (0,0) of the cell rect. Also the layout manager tend not to shrink component below their minimum size. Setting the labels minimum size to (0,0) seems to get the same effect in your example. Doing the same for maximum size helps if you set the row height for the JTable larger. Easier might be to use BorderLayout which ignores min/max for center (and min/max height for west/east, etc).
2) DefaultTableCellRenderer uses a 1px border if the UI no focus border is null, you don't.
3) Include a setDefaultCloseOperation is a SSCCE please. I think I've got a hunderd test programs running now :P. -
Dear friends,
I've got this div which makes up for a left column on my page and stacked therein I've got some images with some captions underneath. Now, my problem is: I want the images aligned center within that div but the text, I need it to be justified and what happens is that if I style the div>box to center the text gets centered as well. I tried creating a new class style for the text alone but the div style overules it. What should I do?
p-s: this is DW CS4 I'm using now (to make it worse)
Thanks a lot for your help
JVIf I understand you correctlyu, you want that chocolate image to center... The easiist way I can think of is to put it in it's own div and put a class rule. So go to code view and find this
<img src="Chocolate em Cascais.jpg" alt="Chocolate em Cascais" width="170" height="242" />
Change it to this
<div class="center">< img src="Chocolate em Cascais.jpg" alt="Chocolate em Cascais" width="170" height="242" /></div>
Next in your code find this
#left_area .style4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align: left;
and add this after the last }
.center {
margin:0px auto;
text-align:center;
See what that does for you.
Gary -
Text Align Issue - Blue Border
Hi,
Some of the images or text I have in various table cells
seems to move to the left no matter where I have set the alignment
instructions.
Also some images I'm using which link to other pages have
blue borders around them. When I inspect the code there is no code
for the border, how can I remove this blue border please?
Any help appreciated.
Rayquote:
DON'T use <br> to force your text into position, like
here for instance:
<p><br>
<span class="style1">Click, Hold and Move Map for More
Info</span> -
and at the top of you second column:
<p align="center" class="style1"><br>
We are keen to hear from you be through email, phone or in
person.
Delete the <br>s and use margin on the paragraph tag to
achieve
consistent results cross-browser
p {
margin: 15px 0px 0px 0px;
in order thats top/right/bottom/left
Okay, thanks for that. I'm learning!
But if I want to set the distance of an object that is below
one of these objects that I've aligned using the margin settings,
is it okay to use the br tags for that?
quote:
>>Move the css above the closing comment tag --> as
shown below
Or simply remove these comment tags from the 'style' element.
They are
not really needed anymore.
Micha
Hi Micha,
I'm not 100% sure which part of the CSS you are referring.
Thanks for the support.
Ray -
I am having troubles aligning text boxs on my report. They align (horizontally) in Developer but when the report is executed from our application these text boxes go haywire. I've tried anchoring, enclosing, different fonts and system parameters but nothing seems to have any effect.
There is no way to align text to top or bottom. You need to create a container for the field (Sprite) and align the field to the container's dimensions.
-
Text alignment issue in File(TXT) attachement as an Email
Hi Friends,
I have searched many threads for sending the internal table data in a TXT (notepad file)file as an attachement,but i could find the answer or that could not solve my problem.
Internal table data.
name:XYZ
Age : 21,
Place:Hyd,
Country:US.
While sending the in file attachemnt,I do not see as I expcted.It comes as below.
Second record starts below first record,but after the last latter of the first record with a blank line before it,in the same way third and fouth and so on.
a g e : X Y Z
a g e : 2 1
P l a c e : H Y D
C o u n t r y .
below as my code.
CALL FUNCTION 'SX_TABLE_LINE_WIDTH_CHANGE'
EXPORTING
LINE_WIDTH_SRC =
line_width_dst = '255'
TRANSFER_BIN = ' '
TABLES
content_in = itw_msg
content_out = t_msg
EXCEPTIONS
err_line_width_src_too_long = 1
err_line_width_dst_too_long = 2
err_conv_failed = 3
OTHERS = 4
IF sy-subrc <> 0.
MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
ENDIF.
DATA:wa_document_data TYPE sodocchgi1.
DATA:it_pdf TYPE TABLE OF solisti1,
it_body_msg TYPE STANDARD TABLE OF solisti1,
it_packing_list TYPE TABLE OF sopcklsti1,
it_receivers TYPE TABLE OF somlreci1,
wa_body_msg TYPE solisti1,
wa_packing_list TYPE sopcklsti1,
wa_receivers TYPE somlreci1,
wa_attachment TYPE solisti1,
wa_pdf TYPE solisti1,
gv_tab_lines TYPE i,
gv_sent_to_all TYPE sonv-flag,
t_pdfdata TYPE TABLE OF tline,
pdf_data TYPE xstring,
wa_msg_text TYPE string.
wa_document_data-obj_name = 'MAIL_TO_HEAD'.
wa_document_data-obj_descr = 'Email Subject'.
wa_document_data-obj_langu = sy-langu.
DESCRIBE TABLE itw_msg LINES wa_packing_list-body_num.
wa_document_data-doc_size = ( gv_tab_lines - 1 ) * 255 + STRLEN( wa_attachment ).
wa_packing_list-head_start = 1.
wa_packing_list-head_num = 0.
wa_packing_list-body_start = 1.
wa_packing_list-body_num = gv_tab_lines.
wa_packing_list-doc_type = 'ASC'.
APPEND wa_packing_list TO it_packing_list.
CLEAR wa_packing_list.
WRITE PACKING LIST FOR ATTACHMENT
wa_packing_list-transf_bin = 'X'.
wa_packing_list-head_start = 1.
wa_packing_list-head_num = 1.
wa_packing_list-body_start = 1.
DESCRIBE TABLE t_msg LINES wa_packing_list-body_num.
wa_packing_list-doc_type = 'TXT'.
wa_packing_list-obj_name = 'TEST_FILE'.
wa_packing_list-obj_descr = 'TEST_FILE'.
wa_packing_list-doc_size = wa_packing_list-body_num * 255.
APPEND wa_packing_list TO it_packing_list.
CLEAR wa_packing_list.
*Receiver List table population.
data:contents_txt type SOLISTI1.
Call the Function Module to send the message to External and SAP Inbox
CALL FUNCTION 'SO_NEW_DOCUMENT_ATT_SEND_API1'
EXPORTING
document_data = wa_document_data
put_in_outbox = 'X'
commit_work = 'X'
IMPORTING
sent_to_all = gv_sent_to_all
TABLES
packing_list = it_packing_list
contents_txt = t_msg "it_body_msg
contents_bin =
receivers = it_receivers
EXCEPTIONS
too_many_receivers = 1
document_not_sent = 2
document_type_not_exist = 3
operation_no_authorization = 4
parameter_error = 5
x_error = 6
enqueue_error = 7
OTHERS = 8.
IF sy-subrc <> 0.
MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno
WITH sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
ENDIF.
Do I need concatenate the internal table data with something,some value like 'ODA' etc.Please help me.
I am working on the issue for last two days,but could not solve.
Regards,
Xavier.P
Edited by: Xavier on Dec 22, 2011 5:02 AM
Edited by: Xavier on Dec 22, 2011 5:05 AMHi,
pass like below
wa_packing_list-trans_bin = space . <----
wa_packing_list-head_start = 1.
wa_packing_list-head_num = 0.
wa_packing_list-body_start = 1.
wa_packing_list-body_num = gv_tab_lines.
wa_packing_list-doc_type = 'RAW'. <----
Regards,
Ravi -
Hey guys,
I re-did a small site for an author and some of the text very misaligned in IE. You can see on the homepage as well on each individual book page. http://lifesizemacroimages.com/.
I am able to fix the problem in IE but then it just misaligns in FF etc..
Hopeing a fresh set of eyes might notice the problem. My css is below. Thanks
html, body {
margin: 0;
padding: 0;
#page-container {
width: 750px;
margin:auto;
margin-top:10px;
margin-bottom:20px;
border-top:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-bottom:#fff 1px solid;
#header {
background:url(../images/banner.jpg);
height: 200px;
clear:both;
#content {
width:720px;
height:550px;
background-color:#eafcd0;
/*background-image:url(../images/spider-bg.png);*/
border-right:#64aa51 15px solid;
border-left:#64aa51 15px solid;
border-bottom:#64aa51 15px solid;
#title {
width:722px;
height:50px;
background-image:url(../images/title.png);
#nav {
height:12px;
width:280px;
position:absolute;
margin-top:9px;
margin-left:275px;
#footer{
width:650px;
position:absolute;
color:#FFF;
font-size:8pt;
margin-top:500px;
margin-left:50px;
#footer a:link {
color:#FFF;
font-size:8pt;
text-decoration:none;
#footer a:visited {
color:#FFF;
font-size:8pt;
text-decoration:none;
#footer a:active {
color:#FFF;
font-size:8pt;
text-decoration:none;
#footer a:hover {
color:#000;
font-size:8pt;
.maintext {
font:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#000000;
.maintext a:link {
font:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#000000;
text-decoration:underline;
.maintext a:visited{
font:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#000000;
text-decoration:underline;
.maintext a:active {
font:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#000000;
text-decoration:underline;
.maintext a:hover {
font:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#000000;
text-decoration:none;
#emailhover a:link {
color:#000000;
font-size:11pt;
text-decoration:none;
#emailhover a:visited {
color:#000000;
font-size:11pt;
text-decoration:none;
#emailhover a:active {
color:#000000;
font-size:11pt;
text-decoration:none;
#emailhover a:hover {
color:#000000;
font-size:11pt;
text-decoration:underline;
/* ---------- Individual Page Div's ---------- */
#homediv {
width:500px;
margin-top:30px;
margin-left:30px;
position:absolute;
#hometext {
width:350px;
margin-top:15px;
margin-left:230px;
position:absolute;
#Book1div {
width:180px;
height:250px;
position:absolute;
margin-top:35px;
margin-left:25px;
#Book1Text {
width:170px;
position:absolute;
margin-top:65px;
margin-left:195px;
#Book2div {
width:180px;
height:250px;
position:absolute;
margin-top:35px;
margin-left:370px;
#Book2Text {
width:170px;
position:absolute;
margin-top:65px;
margin-left:540px;
#Book3div {
width:180px;
height:250px;
position:absolute;
margin-top:255px;
margin-left:25px;
#Book3Text {
width:170px;
position:absolute;
margin-top:285px;
margin-left:195px;
#Book4div {
width:180px;
height:250px;
position:absolute;
margin-top:255px;
margin-left:370px;
#Book4Text {
width:170px;
position:absolute;
margin-top:290px;
margin-left:540px;
#Author {
width:500px;
position:absolute;
margin-top:60px;
margin-left:100px;
#upcoming {
width:500px;
position:absolute;
margin-top:60px;
margin-left:100px;
.booktext {
font-size:9pt;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
.booktext a:link {
font-size:9pt;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
.booktext a:visited {
font-size:9pt;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
.booktext a:active {
font-size:9pt;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
.booktext a:hover {
font-size:9pt;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
.back a:link{
font:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000000;
text-decoration:none;
.back a:visited{
font:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000000;
text-decoration:none;
.back a:active{
font:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000000;
text-decoration:none;
.back a:hover{
font:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000000;
text-decoration:underline;
#butterflydiv {
width:500px;
margin-top:15px;
margin-left:15px;
position:absolute;
#butterflytext {
width:500px;
margin-top:0px;
margin-left:170px;
position:absolute;
#availablediv {
width:100px;
position:absolute;
margin-top:210px;
margin-left:15px;
float:left;Trouble-man, you should know better than to use APDivs by now
http://apptools.com/examples/pagelayout101.php
Use margins and floats -
http://alt-web.com/DEMOS/CSS2-Captions-on-floated-images.shtml
Also, check your code.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb -
HELP! I taught myself PageMaker 6.5 and I got REALLY good at the basics, but not so great at the in-depth things. Consequently, when I upgraded to InDesign CS4, the same holds true, so please feel free to treat me like a 2-year-old in your explanations. Now for my dilemma:
I create a quarterly magazine. Most of the pages are 2- or 3-column spreads. Many times, a photograph (and its caption) will span more than just one column, but not necessarily the entire width of two. In other words, my photo could span all of column 1 and 1/2 of column 2, with the text flowing to the right of the photograph, then expanding to fill all of column no. 2 beneath it. In PageMaker, when I text-wrapped around the pic, leaving enough bottom text wrap to insert my captioning, the text would wrap perfectly, keeping the text in perfect alignment horizontally across the columns. That, in turn, kept the bottom edge of all my columns exactly equal.
In InDesign, however, that's not the case. The text doesn't align equally horizontally across the columns, hence ruining my clean horizontal text margin at the bottom. This happens any time I have a photo that spans all of one and part of one (or two, in the case of a centered photograph) column. In fact, even if I place a photo that fits within just one column, the horizontal text alignment gets screwed up. I'm attaching a .pdf of page 35 of the issue I'm working on to show you what I mean.
I've tried choosing all three columns and clicking the "align top edges," but that just drags all three columns up to the 1/2 inch margin at the top of the page, and my text actually starts 1/4" beneath that (3/4" from the top page edge) because of the page numbering, and when I drag all three columns back down to the 3/4" mark, the wrapping gets all screwed up again. So I tried "align bottom edges," and that didn't work either (it worked to a point... anything that actually had text flowing to the bottom of the column was fine, the same thing occurred then above the column with a photo spanning all of it. Geez, I'm confused just trying to explain it. Hopefully, the attached .pdf will help make sense of this.
Consequently, I'm moving columns manually for this issue (all 60 pages of it), because it has to be at the printers by the end of the weekend and I'm just plain out of time. If anyone can give me some guidance so I don't have to do this again next time, I'd really appreciate it.
You can email me at [email protected] if you have any ideas. Thanks for your help.
BarbThanks so much to both Peter and Bob. I'm sure this will fix the problem. At least I know it wasn't something I was doing wrong and it really is a glitch in the program. I'll play with the baseline grid, since it seems that will be the best option. I have a few months to experiment with it before the next issue goes to press.
Does setting a preference act like a default? In other words, will it then apply to all pages in all new documents I create or is it specific to the document in which I'm working when I set it? If the latter, I'm guessing I can just include it when I set up my master page so it will apply throughout the issue? Which, of course brings me to yet another question: how do I save my Master Pages so I don't have to redo them with each issue?
I'm finding that the majority of InDesign is a lot more user-friendly and easier to navigate than the old PageMaker -- many fewer steps for the same end result. I hope to take a class if I can find one in my area, because I'm certain I'm doing many things the "hard way." Learning as you go is okay, but you miss a lot of the finer points along the way and spend entirely too much time trying to figure things out or bugging people like you in this forum.
I apologize if some of what I ask seems rather elementary.
And Scott, sorry, but I've always felt that, out of all the fonts available, Comic Sans is the most readable.
Barb -
Text alignment "Justify" is not aligned in Crystal Viewer.
Hi,
I am having a text field in report like paragraph format in Detail section and I have setting the text alignment as u201CJustifyu201D. If I launch the report through dhtml viewer the text is not aligned in justify format, it is getting aligned as left alignment, but it is working properly while exporting to PDF and Design Preview panel.
This problem is occurs in Crystal Report XI Release 2 and Crystal Report 2008 also.
This has been already posted and the link is Text Alignment - Justification Problem
Please help me to overcome this issue.
Thanks in Advance.With CR 2008, make sure you are on SP4:
SP4
https://smpdl.sap-ag.de/~sapidp/012002523100008782452011E/cr2008sp4.exe
SP4 MSI
https://smpdl.sap-ag.de/~sapidp/012002523100008782532011E/cr2008sp4_redist.zip
SP4 MSM
https://smpdl.sap-ag.de/~sapidp/012002523100008782522011E/cr2008sp4_mm.zip
If that does not help, please provide a link to screen shots of the issue.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup
Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports] -
Alignment issues in different browsers
Im using css for my catalog pages and I'm having issues with alignment of my item descriptions and "add to cart" buttons. I want everything to be evenly aligned and the "add to cart" buttons centered - and it all is in IE, but Chrome and FireFox have stuff all over the place.
I only have two pages in the site done with this css so far and here is the link to one of them:
http://www.liquidatorswarehouse.net/boards.html if you view it in IE that's how I want it to look in every browser.
Here is the link to my css file for the catalog layout: http://www.liquidatorswarehouse.net/css/boards.css
As always, any help is greatly appreciated!Don't use Design View. It's not reliable. Remove the double <br> tags between "Our price" and "add to cart" buttons. Don't use <br> tags as a layout device. It doesn't work.
Also less HTML code and a few well-planned styles could make this product list a lot less confusing for you. Copy & paste this into a new, blank page. Look at the HTML code. It's clean, logical & semantically correct.
<!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">
/**PHOTO TEXT LINK**/
.photo a {
text-align: center;
color: #1b75bc;
font-size: 12px;
font-weight: bold
/**PRODUCT NAME**/
.thumbs h3 {
margin-bottom: 0;
font-size: 18px;
padding-left: 12px;
/**PRODUCT LISTS**/
.thumbs ul {
margin: 0 0 12px 0;
padding: 0
.thumbs li { margin-left: 35px; }
/**PRODUCT PARAGRAPHS**/
.thumbs p {margin-top:0; margin-bottom:0;padding-left:10px;}
.thumbs p.item {margin-bottom: 12px}
/**RED PRICES**/
em {color:red; font-style:normal; font-weight:bold}
/**PAYPAL BUTTON**/
.thumbs form { margin-top: 12px; margin-left: 35px; }
</style>
</head>
<body>
<div class="thumbs">
<!-- Zoom-In Images -->
<div class="photo">
<a href="#image3"><img src="inventory/196088_tn.jpg" alt=""><br />
(Click to enlarge)</a>
<div style="display: none;" id="image3"><img src="inventory/196088.jpg" alt="">
<!--end div--></div>
<!--end photo--></div>
<!-- Zoom-In Images end -->
<h3> Quartet® Porcelain Magnetic Dry-Erase Board </h3>
<ul>
<li>Aluminum Frame</li>
<li>48" x 96"</li>
<li>Mfg #PPA408</li>
</ul>
<p class="item">Item# 196088</p>
<p>Retail Price: <strike>$359.99</strike></p>
<p>Our Price: <em>$144.00</em></p>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input name="cmd" value="_s-xclick" type="hidden">
<input name="hosted_button_id" value="UV9B4G25AMSWU" type="hidden">
<input src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_SM.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" border="0" type="image">
<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" border="0" height="1" width="1">
</form>
<!--end thumbs --></div>
</body>
</html>
Nancy O. -
hi,
I'm hardly an expert - but I have made great strides because of helpful people who throw me a hint.
my site: www.kirarmerica.com
I still have JUST a FEW alignment issues. I like to have everything centered, so now I am just down to my spec sheets.
I know that they might not be configured ALL the same, but I am hoping I can change a few things
please look at Kira America | Products
click on any spec sheet and you will see that the headers menu and sometimes the footer stays centered, but the spec info jumps to the left of the page.
I've found the correct .css to edit. but I cant quite figure out how to align the columns vertically on the page.
for example if I put a margin on #right_column it put it in the right spot, but then the rest of the content jumps all over the page.
any hints would be helpful!These changes will center content in white area
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
border-bottom: 1px solid #DEDACB;
padding-bottom: 8px;
text-align: center;
.excel214 {
border: medium none;
color: #000000;
font-family: Calibri,sans-serif;
font-size: 11pt;
font-style: normal;
font-weight: 400;
margin-left: auto;
margin-right: auto;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
text-decoration: none;
vertical-align: bottom;
white-space: nowrap; -
Table alignment issues InDesign CS4
Hi,
Can anybody help me on the following issues in InDesign CS4.
We have an table which has 50 rows and 23 columns. All the cell contents is in the number format (example: 56.90) and are aligned on decimal point (dot alignment).
Also, the table content has XML tags.
When we export the table as PDF, we have the issues that the table column texts are not aligned (dot aligned) properly in the exported PDF file.
We used the default "High Quality Print" InDesign PDF preset settings but without "Create Tagged PDF" option enabled to export the PDF. In this PDF, the columns texts are not aligned (dot align) properly. It look likes zig zag. (Please see the below image which is not aligned properly)
But when we enabled the "Create Tagged PDF" option in the preset, then there is no issues in the column text alignment.
Is this bug in InDesign CS4 application. Please suggest.
Thanks,
GopalIt's hard for me to see a problem. I don't see a problem in the illustration you provided. It looks aligned to me.
Also, it sounds like you found a workaround for your problem (turning on Create Tagged Text).
But, even if there were a bug in CS4, you'd have to find a workaround anyway since there won't be any bug fixes for CS4. -
My main content is out of alignment in IE7 but looks fine in Safari and Firefox (big suprise there).
http://fitnessworx.thehtmlcode.com/
I can't get the page to align (shrink to fit) in IE like it does in Firefox or Safari.
I used a template that states:
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
I tried to use this but it didn't correct the issue.
The areas that aren't aligning are:
1) .twoColLiqLtHdr #header: The logo and the entire backgound gets cut off when you maximize or "restore down" the browser.
2) .twoColLiqLtHdr #sidebar2clm, This wants to stay in place but either my margin or padding settings here push the main content down when the page is "resotred down"
3) .twoColLiqLtHdr #mainContent2clm: The header is an image and it doesn't shrink down when I "restore down" the browser.
4) #menutop or #menutop a:link, #menutop a:visited or #menutop a:active, #menutop a:hover
I put a "white space: no wrap" in #menutop li, #menutop ul; just to get the menu items to fit.
I'm going to put my menu items in a library before I go live with the site, I just need to get a hold of these browser compatibility issues first.
I've tweaked my margins so much I've now gotten an browser incompatability errors.
Here is my css file:
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #ffffff;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
.twoColLiqLtHdr #container {
width: 60%; /* this will create a container 60% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left;
.twoColLiqLtHdr #header {
background-repeat: no-repeat;
height: 160px;
background-position: left;
background-image: url(../images/FitnessWorxLogo1.png);
/*Menu stuff*/
#menutop {
height: 23px;
background-color: #000000;
margin-right: 0px;
margin-left: 0px;
padding-top: 7px;
padding-right: 10px;
#menutop li, #menutop ul {
display: inline;
text-align: left;
word-spacing: 1px;
white-space: nowrap;
margin-left: 1px;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
#menutop a:link, #menutop a:visited {
color: #FFFFFF;
text-decoration: none;
border-top-width: thin;
border-right-width: thin;
border-left-width: thin;
border-top-style: inset;
border-right-style: inset;
border-left-style: inset;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bolder;
padding: 5px;
background-color: #272727;
margin-top: 1px;
#menutop a:active, #menutop a:hover {
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
.twoColLiqLtHdr #header h1 {
margin: 0;
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
.twoColLiqLtHdr #sidebar2clm {
float: right;
width: 24%;
height: 600px;
padding-top: 10px;
padding-right: 5;
padding-bottom: 10px;
padding-left: 5;
margin-left: 10px;
margin-right: 11px;
margin-top: 10px;
margin-bottom: 10px;
.twoColLiqLtHdr #sidebar1clm {
float: left;
width: 24%; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
background-color: #FFFFFF;
.twoColLiqLtHdr #sidebar2clm h3, .twoColLiqLtHdr #sidebar2clm p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
.twoColLiqLtHdr /* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
#mainContent2clm {
margin-top: 15;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 1%;
width: 70%;
border-right-width: thin;
border-right-style: inset;
border-right-color: #000000;
padding-top: 10px;
padding-right: 7px;
padding-bottom: 10px;
padding-left: 10px;
.twoColLiqLtHdr #container #mainContent2clm h1 {
font-weight: lighter;
#mainContent1clm {
margin: 0 20px 0 3%;
/* brand page */
#mainContentbrandclm {
margin: 0 20px 0 3%;
#brandtable {
background-color: #FFFFFF;
width: 70%;
border: 0;
padding: 2, 5, 2, 5;
text-align: center;
margin: 4;
.twoColLiqLtHdr #footer {
padding: 0 10px;
background-color: #000000;
.twoColLiqLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-family: Georgia, "Times New Roman", Times, serif;
color: #feda02;
text-align: center;
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.CIform {
width: 60px;
#Contacttable {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-style: normal;
line-height: normal;
text-align: left;
margin: 6px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
#CIform p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
Thank you,
WillMy main content is out of alignment in IE7 but looks fine in Safari and Firefox (big suprise there).
http://fitnessworx.thehtmlcode.com/
I can't get the page to align (shrink to fit) in IE like it does in Firefox or Safari.
I used a template that states:
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
I tried to use this but it didn't correct the issue.
The areas that aren't aligning are:
1) .twoColLiqLtHdr #header: The logo and the entire backgound gets cut off when you maximize or "restore down" the browser.
2) .twoColLiqLtHdr #sidebar2clm, This wants to stay in place but either my margin or padding settings here push the main content down when the page is "resotred down"
3) .twoColLiqLtHdr #mainContent2clm: The header is an image and it doesn't shrink down when I "restore down" the browser.
4) #menutop or #menutop a:link, #menutop a:visited or #menutop a:active, #menutop a:hover
I put a "white space: no wrap" in #menutop li, #menutop ul; just to get the menu items to fit.
I'm going to put my menu items in a library before I go live with the site, I just need to get a hold of these browser compatibility issues first.
I've tweaked my margins so much I've now gotten an browser incompatability errors.
Here is my css file:
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #ffffff;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
.twoColLiqLtHdr #container {
width: 60%; /* this will create a container 60% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left;
.twoColLiqLtHdr #header {
background-repeat: no-repeat;
height: 160px;
background-position: left;
background-image: url(../images/FitnessWorxLogo1.png);
/*Menu stuff*/
#menutop {
height: 23px;
background-color: #000000;
margin-right: 0px;
margin-left: 0px;
padding-top: 7px;
padding-right: 10px;
#menutop li, #menutop ul {
display: inline;
text-align: left;
word-spacing: 1px;
white-space: nowrap;
margin-left: 1px;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
#menutop a:link, #menutop a:visited {
color: #FFFFFF;
text-decoration: none;
border-top-width: thin;
border-right-width: thin;
border-left-width: thin;
border-top-style: inset;
border-right-style: inset;
border-left-style: inset;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bolder;
padding: 5px;
background-color: #272727;
margin-top: 1px;
#menutop a:active, #menutop a:hover {
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
.twoColLiqLtHdr #header h1 {
margin: 0;
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
.twoColLiqLtHdr #sidebar2clm {
float: right;
width: 24%;
height: 600px;
padding-top: 10px;
padding-right: 5;
padding-bottom: 10px;
padding-left: 5;
margin-left: 10px;
margin-right: 11px;
margin-top: 10px;
margin-bottom: 10px;
.twoColLiqLtHdr #sidebar1clm {
float: left;
width: 24%; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
background-color: #FFFFFF;
.twoColLiqLtHdr #sidebar2clm h3, .twoColLiqLtHdr #sidebar2clm p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
.twoColLiqLtHdr /* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
#mainContent2clm {
margin-top: 15;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 1%;
width: 70%;
border-right-width: thin;
border-right-style: inset;
border-right-color: #000000;
padding-top: 10px;
padding-right: 7px;
padding-bottom: 10px;
padding-left: 10px;
.twoColLiqLtHdr #container #mainContent2clm h1 {
font-weight: lighter;
#mainContent1clm {
margin: 0 20px 0 3%;
/* brand page */
#mainContentbrandclm {
margin: 0 20px 0 3%;
#brandtable {
background-color: #FFFFFF;
width: 70%;
border: 0;
padding: 2, 5, 2, 5;
text-align: center;
margin: 4;
.twoColLiqLtHdr #footer {
padding: 0 10px;
background-color: #000000;
.twoColLiqLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-family: Georgia, "Times New Roman", Times, serif;
color: #feda02;
text-align: center;
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.CIform {
width: 60px;
#Contacttable {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-style: normal;
line-height: normal;
text-align: left;
margin: 6px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
#CIform p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
Thank you,
Will -
does anybody know of an issue where setting a table class
with text-align attributes won't center the text of the table in
firefox?
I can force it to center by adjusting the align attribute in
the <table> tag, but i have a several tables that i would
like to keep control of in my stylesheet... i found a similar
situation on a forum through google, but ended just suggesting to
wrap it in a <div align="center">... Of course i can just set
the table attributes, but i figured i'd check with y'all
first...> oh! i see, that all makes sense now... hence the "root"
in root relative
> :)
To quote Homer, "d'oh".
> while we're on the subject, is there a preferred file
extension for ssi?
The parent file must be named with an shtm(l) extension IF
you are using
HTML/ASP includes, and IF your host has not enabled
server-parsing for all
files. If you are using PHP includes, then the parent file is
names with a
*.php extension, and so on (for CF/JSP/.Net).
The file being included can have any filename extension you
prefer - I like
*.monkeybutt myself, but that's just me.
> because when i
> saved them as .html, dw added all the doctype and head
markup...
> or is the problem in a setting in dw?
I don't think this is what you did. DW doesn't add that when
you save, it
adds that when you create the file. I usually create a plain
text file,
copy and paste the code to be included, and then (depending
on the code
type) save it with an appropriate extension (notwithstanding
my penchant for
monkeybutt), so that the code is properly colored by DW.
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
==================
"m0piqsutjjqv4du" <[email protected]> wrote
in message
news:ejn1qm$6dh$[email protected]..
> oh! i see, that all makes sense now... hence the "root"
in root relative
> :)
>
> while we're on the subject, is there a preferred file
extension for ssi?
> i've been using .txt (which DW is obviously not managing
links) because
> when i
> saved them as .html, dw added all the doctype and head
markup...
> or is the problem in a setting in dw?
> -
Alignment Issues between dreamweaver and browser
Hi
Hoping someone can help, i'm trying to learn how to make
better sites with advanced tools like apDIV's but seem to be
running into an alignment issue. When I make the html file in
dreamweaver I seem to have to off set the images and div tags
inorder for the site to show up aligned properly in firefox,
explorer, etc. I'm thinking there might be a problem in the actual
code causing this but am not good enough yet to find it or the
problem, any ideas or guidence would be greatly accepted. below if
the links work is the difference I see between dreamweaver and when
its launched in a browser.
DreamweaverScreen
BrowserScreen> over a centered frame
You are not using frames - that's a table.
Yes - there's a way to do this, but it will involve your
working in code.
Make your page left aligned by removing any centering.
Then position your layer so that it is properly located over
the table.
Change this -
</head>
to this -
<style type="text/css">
#wrapper { width:760px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser
window without */
/* horizontal scrollbars. */
</style>
</head>
(you may need to adjust this width so that it's consistent
with the width of
your centering table)
change this -
<body ...>
(the ellipsis represents any other attributes that might be
mentioned in the
body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
<!-- /wrapper -->
</div>
</body>
and see if that helps.
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
==================
"Vinx21" <[email protected]> wrote in
message
news:ge9t3e$92s$[email protected]..
> thanks for the help osgood, I see now what my problem is
and am just
> wondered
> if there was a way to place the absolute layer over top,
in the right
> position,
or will have i have to remake one of the elements a
> different way???
>
> thanks again, dave
>
Maybe you are looking for
-
I am trying to install Icloud on my pc but it will not download.It tells me to check the installer.
I just bought an Ipad ,and I need to download Icloud on my pc, I am using windows vista servpack2 and I use Ie9.When I start the download,it goes almost to the end and comes up with a window that tells me the is a prblem with the installer?Is it my p
-
hi, I was exporting from FCP 5.0 using export to Quicktime. I was continuously getting "general error" messages when exporting. I am exporting rough footage to make a DVD to send to someone for some location clearances for my film. I have a simpple s
-
Steps to create customer in SAP r/3
Hi All, Can anybody send me steps to create customer using FD01, Thanks. regards, Vishal
-
Hi guys, Need your suggestions. The problem I'm having is with primary keys. I have two columns (ID and Version Number) in my target data store. ID is not a unique identifier, so we added a version number for uniqueness. For example, records in the t
-
How can i get into my sons ipod touch since he forget his passcode?
How can i get ito my sons ipod touch since he forgot his passcode??? need help