Css text alignment issue
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
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. -
[DREAMWEAVER CC]
I'm now learning CSS, and find that where I specify in an external style sheet
h1 {
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
text-align:center;
color: black;
font-size: 1em;
font-weight: normal;
font-style: normal;
line-height: 3.0;
letter-spacing: 0px;
word-spacing: 10px;
text-shadow: 3px 3px 5px #333;
text-decoration: none ;
text-transform: none;
That, in DW Design, they look fine, but in Windows 8, IE 11 and ChromeVersion 31.0.1650.63 m that the text-align: center; and the line-height: 3.0; are ignored.
I work around by specifying <tr align="center" height = "77"> shouldn't the text-align: center; and the line-height: 3.0; be specifiable in my CSS??
Thanks for any help!
<tr height="77" align="center">
<h1>
<td bgcolor="CornSilk">1/28/2014</td>
<td>the Sky</td>
<td>Fate is the Hunter</td>
<td >Ernest Gann</td>
<td >John</td>
<td >Jessica</td>
<td><a href="http://www.amazon.com/FATE-HUNTER-Ernest-K-Gann/dp/0671636030/ref=sr_1_1?s=books&ie=UTF8&q id=1387462831&sr=1-1&keywords=ernest+gann">Learn More</a></td>
</h1>
</tr>hemmi1 wrote:
[DREAMWEAVER CC]
I'm now learning CSS, and find that where I specify in an external style sheet
Not sure what it is you are trying to do but what you have at the moment is invalid code which is most likely why it doesn't work cross browser. (of cousre this css does not help - line-height: 3.0; - 3.0 what? - px, ems?)
Here's an example below of how you could do it. Give your table a class (below it is called .myTable) then you can start styling the <td> cell, and anything inside it by appending the element like an <h2> tag to the class name - .myTable h2
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style>
.myTable {
width: 900px;
margin: 0 auto;
.myTable td {
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
width: 150px;
.myTable h2 {
margin: 0;
padding: 0;
text-align:center;
color: black;
font-size: 1em;
line-height: 50px;
word-spacing: 10px;
text-shadow: 3px 3px 5px #333;
.myTable a {
display: block;
text-align: center;
</style>
</head>
<body>
<table class="myTable" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><h2>1/28/2014</h2></td>
<td><h2>the Sky</h2></td>
<td ><h2>Ernest Gann</h2></td>
<td ><h2>John</h2></td>
<td ><h2>Jessica</h2></td>
<td><a href="http://www.amazon.com/FATE-HUNTER-Ernest-K-Gann/dp/0671636030/ref=sr_1 _1?s=books&ie=UTF8&qid=1387462831&sr=1-1&keywords=ernest+gann">Learn More</a></td>
</tr>
</table>
</body>
</html> -
Table (css) text align in ff
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?
> -
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 -
CSS: text align in a table
Alright well all day at work today, my boss helped me with my
website. I am an intern for an online business, and I do all the
graphic design work there, and my boss manages the site in
Dreamweaver. Well since I'm an intern, I asked him to help me out,
and he taught me alot about CSS and tables, and how to build sites
in Dreamweaver. I got almost my whole template done for my whole
site today. Lots of work to do yet, but still, lots of progress...
***Ok my question:
I have a style sheet for my site with a bunch of stuff in
there already, but when I type text in a table, it automatically
centers the text vertically in the table. What is the CSS "code" or
whatever you call it, to tell it to position the text in that table
at the top of the table as if it were a normal text document? This
will help me out alot. Thanks guys. My site is already looking 10X
better than before, when I sliced it up in Illustrator.
-Jeff<td align="top">This will be at the top of the
cell</td>
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
==================
"jmilin5931" <[email protected]> wrote in
message
news:e6nhlg$n3l$[email protected]..
> Alright well all day at work today, my boss helped me
with my website. I
> am an
> intern for an online business, and I do all the graphic
design work there,
> and
> my boss manages the site in Dreamweaver. Well since I'm
an intern, I asked
> him
> to help me out, and he taught me alot about CSS and
tables, and how to
> build
> sites in Dreamweaver. I got almost my whole template
done for my whole
> site
> today. Lots of work to do yet, but still, lots of
progress...
>
> ***Ok my question:
>
> I have a style sheet for my site with a bunch of stuff
in there already,
> but
> when I type text in a table, it automatically centers
the text vertically
> in
> the table. What is the CSS "code" or whatever you call
it, to tell it to
> position the text in that table at the top of the table
as if it were a
> normal
> text document? This will help me out alot. Thanks guys.
My site is
> already
> looking 10X better than before, when I sliced it up in
Illustrator.
>
> -Jeff
> -
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:
user626222Hi,
padding also works through skinning, so this shouldn't be an issue.
for the color, try
af|commandMenuItem::bar-item-text{color:green;}
Frank -
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 -
Inheriting -fx-text-alignment CSS Property
Hello,
I am referring to the Inheritance section in the following document:
http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#typefont
The document states that the three CSS properties are inherited by a node from its parent, by default:
-fx-cursor
-fx-text-alignment
-fx-font
The following program is to demonstrate the above CSS rule.
package test;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.scene.text.Text;
import javafx.stage.Stage;
public class Test extends Application {
public static void main(String[] args) {
Application.launch(args);
public void start(Stage stage) {
VBox root = new VBox();
root.setStyle("-fx-cursor: hand;" +
"-fx-text-alignment: right;" +
"-fx-font: normal bold 20px \"serif\"");
Label lb2 = new Label("Just adding a long text to test the text alignment:");
lb2.setWrapText(true);
//lb2.setStyle("-fx-text-alignment: inherit");
Text t2 = new Text("This is a big text for the Text node");
lb2.setPrefWidth(100);
t2.setWrappingWidth(50);
//t2.setStyle("-fx-text-alignment: inherit");
root.getChildren().addAll(lb2, t2);
Scene scene = new Scene(root);
scene.getStylesheets().add("resources/css/hjfx.css");
stage.setScene(scene);
stage.setTitle("Test");
stage.show();
}I have the following questions:
1. The -fx-text-alignment property is not inherited by default by the Label and Text nodes. If I specify the value as inherit, it works as expected.
2. The textAlignment property is not just defined in the Text class. It is also defined in the Labeled class. The font property is not defined in the Font class either. Why does this document refer to these classes in the table in the Inheritance section?
3. Can someone give me an example of what does this document mean by stating that -fx-text-alignment property is inherited by nodes from their parents, by default.
Thanks
KishoriThese are either bugs in the document or bugs in the code. Would you mind creating an issue in JIRA (http://javafx-jira.kenai.com/) to track this?
-
SSRS- Span tag with text-align CSS property
Hi All,
I hope you can direct me.
If I use the text box as HTML - Interpret HTML tags as styles, and write the following in it:
"<p style='text-align: right';>Ghada Naim</p>"
It works correctly ,but the following do not respond to the style:
"<span style='text-align: right';>Ghada Naim</span>"
Please, what is the problem? Is the span tag with SSRS does not support to text align property or what?
Thank you,Hi GhadaNaim,
In Reporting Services, the following is a complete list of tags that will render as HTML when defined as placeholder text:
Hyperlinks: <A HREF>
Fonts: <FONT>
Header, style and block elements: <H{n}>, <DIV>, <SPAN>,<P>, <DIV>, <LI>, <HN>
Text format: <B>, <I>, <U>, <S>
List handling: <OL>, <UL>, <LI>
We can know that the <SPAN> tag is supported. Based on my further research, the <span> tag is used to group inline-elements in a document and it provides no visual change by itself. So we couldn’t directly see its respond in report.
For more information about HTML <span> Tag, please refer to the following document:
http://www.w3schools.com/tags/tag_span.asp
If there are any other questions, please feel free to ask.
Thanks,
Katherine Xiong
Katherine Xiong
TechNet Community Support -
most css text formatting options can be found under the font or text family of properties
(ie font-size, font-family, text-align, text-shaddow ect)
but there are a few which do not fall under the text or font properties
letter-spaceing, line-height and colour are some examples
why are these not covered under font/text
it would be usefull if i knew that environments such as dreamweaver would hint at all avaliable options when i typed in text or font
and are there any other stand alone ones which i didnt mention.Because that's the way the CSS 2.1 standard was written. They are not listed under font/text because they are not listed that way under the CSS 2.1 spec. Reading through the spec will let you see how the authors of the spec organized things: http://www.w3.org/TR/CSS21/.
Dreamweaver does hint at them when you start typing in code-view (via autocomplete). But you have to know at least the first letters of the CSS code you're trying to write.
The issue you're experiencing lies more with the organization of the CSS 2.1 specification then with Dreamweaver. Could Dreamweaver maybe make it easier to discover the other CSS attributes (like line height) that impact font/text? Probably. But it may just be easier to learn the language. -
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;
Maybe you are looking for
-
Does have a problem with the 12 days of gifts app?
I Get the "check that your account information is set correctly". My store settings matches my billing address.
-
Explorer Cannot Display Web Page Desk Top 3000J11573​87-A11
Originally worked fine displayed web page withOUT a problem FOR OVER A YEAR. Starting in Jan 2008 (just after warranty EXPIRED) it just reports "cannot display web page" Using my Xp computer I can get all of the web pages to respond. Using interna
-
Hello, I'm trying to shutdown/startup the database server using JDBC, following the the steps from here http://download.oracle.com/docs/cd/B28359_01/java.111/b31224/dbmgmnt.htm Shutting down works perfectly, but if I try the startup after it, it won'
-
OVP Overview Page Floorplan (ABAP Webdynpro)
Good Day all, I am working on OVP and my question is: I have 3 radio buttons and 2 dropdown list in header, when user select particular radio button the list should appear depend on this radio button. for example I have radio buuton called 1 and the
-
User status for production order
From which table i can get the USER STATUS for a production order?