How to get text padding in CS6 fluid layout div?
After having set-up my fluid layout divs and entering some content, the text is all slammed against the left. Very unsightly! But my every attemtpt at chaning the CSS to insert some left padding breaks the overall layout by pushing divs down the page and ruining the column structure, presumably because these divs no longer fit (?). My overall layout does have a mix of columns for tablet and desktop, which degrade to a single column for the mobile.
Any help teaching an ol' dog a new trick would be much appreciated!
If you're using other HTML tags like <li> <address> <cite> <code> <blockquote> etc... you'll need to create padding styles for those, too. Usually the padding will not appear if you haven't enclosed text or images inside an appropriate tag.
Nancy O.
Similar Messages
-
How to get text to align to the very top of a DIV?
How to get text to align to the very top of a DIV?
There is a gap at the top. I am using in this example H1 and
a paragraph tag.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Text Alignment</title>
<style type="text/css">
body {
background-color: #4a7186;
p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
margin: 0px;
padding: 0px;
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 3em;
margin: 0px;
padding: 0px;
#box1 {
width: 450px;
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
padding: 0px;
margin-bottom: 0px;
#box2 {
width: 300px;
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
padding: 0px;
margin-bottom: 0px;
</style>
</head>
<body>
<div id="box1">
<h1>Lorem ipsum H1</h1>
</div>
<div id="box2">
<p>Lorem ipsum P</p>
</div>
</body>
</html><h1 style="margin-top:0;">Lorem ipsum H1</h1>
It's a margin issue in SOME browsers.
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
==================
"davidhelp" <[email protected]> wrote in
message
news:gpbg8q$8c6$[email protected]..
> How to get text to align to the very top of a DIV?
> There is a gap at the top. I am using in this example H1
and a paragraph
> tag.
>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>Text Alignment</title>
> <style type="text/css">
> body {
> background-color: #4a7186;
> }
> p {
> font-family: Georgia, "Times New Roman", Times, serif;
> font-size: 2em;
> margin: 0px;
> padding: 0px;
> }
>
>
>
> h1 {
> font-family: Georgia, "Times New Roman", Times, serif;
> font-size: 3em;
> margin: 0px;
> padding: 0px;
> }
>
> #box1 {
> width: 450px;
> background-color: #FFFFFF;
> margin-right: auto;
> margin-left: auto;
> margin-top: 30px;
> padding: 0px;
> margin-bottom: 0px;
> }
>
> #box2 {
> width: 300px;
> background-color: #FFFFFF;
> margin-right: auto;
> margin-left: auto;
> margin-top: 30px;
> padding: 0px;
> margin-bottom: 0px;
> }
> </style>
> </head>
>
> <body>
>
> <div id="box1">
> <h1>Lorem ipsum H1</h1>
> </div>
>
> <div id="box2">
> <p>Lorem ipsum P</p>
> </div>
>
> </body>
> </html>
>
> -
How to get Text for nodes in Tree Structure
Hi Friends,
How to get Text for nodes in Tree Structure
REPORT YFIIN_REP_TREE_STRUCTURE no standard page heading.
I N I T I A L I Z A T I O N
INITIALIZATION.
AUTHORITY-CHECK OBJECT 'ZPRCHK_NEW' :
ID 'YFIINICD' FIELD SY-TCODE.
IF SY-SUBRC NE 0.
MESSAGE I000(yFI02) with SY-TCODE .
LEAVE PROGRAM.
ENDIF.
class screen_init definition create private.
Public section
public section.
class-methods init_screen.
methods constructor.
Private section
private section.
data: container1 type ref to cl_gui_custom_container,
container2 type ref to cl_gui_custom_container,
tree type ref to cl_gui_simple_tree.
methods: fill_tree.
endclass.
Class for Handling Events
class screen_handler definition.
Public section
public section.
methods: constructor importing container
type ref to cl_gui_custom_container,
handle_node_double_click
for event node_double_click
of cl_gui_simple_tree
importing node_key .
Private section
private section.
endclass.
*& Classes implementation
class screen_init implementation.
*& Method INIT_SCREEN
method init_screen.
data screen type ref to screen_init.
create object screen.
endmethod.
*& Method CONSTRUCTOR
method constructor.
data: events type cntl_simple_events,
event like line of events,
event_handler type ref to screen_handler.
create object: container1 exporting container_name = 'CUSTOM_1',
tree exporting parent = container1
node_selection_mode =
cl_gui_simple_tree=>node_sel_mode_multiple.
create object: container2 exporting container_name = 'CUSTOM_2',
event_handler exporting container = container2.
event-eventid = cl_gui_simple_tree=>eventid_node_double_click.
event-appl_event = ' '. "system event, does not trigger PAI
append event to events.
call method tree->set_registered_events
exporting events = events.
set handler event_handler->handle_node_double_click for tree.
call method: me->fill_tree.
endmethod.
*& Method FILL_TREE
method fill_tree.
data: node_table type table of abdemonode,
node type abdemonode.
types: begin of tree_node,
folder(50) type c,
tcode(60) type c,
tcode1(60) type c,
tcode2(60) type c,
text(60) type c,
text1(60) type c,
text2(60) type c,
end of tree_node.
data: wa_tree_node type tree_node,
t_tree_node type table of tree_node.
wa_tree_node-folder = text-001.
wa_tree_node-tcode = text-002.
wa_tree_node-text = 'Creditors ageing'.
wa_tree_node-tcode1 = text-003.
wa_tree_node-text1 = 'GR/IR aging'.
wa_tree_node-tcode2 = text-004.
wa_tree_node-text2 = 'Bank Balance'.
append wa_tree_node to t_tree_node.
clear wa_tree_node .
wa_tree_node-folder = text-005.
wa_tree_node-tcode = text-006.
wa_tree_node-text = 'Creditors ageing'.
wa_tree_node-tcode1 = text-007.
wa_tree_node-text1 = 'Creditors ageing'.
wa_tree_node-tcode2 = text-008.
wa_tree_node-text2 = 'Creditors ageing'.
append wa_tree_node to t_tree_node.
clear wa_tree_node .
wa_tree_node-folder = text-009.
wa_tree_node-tcode = text-010.
wa_tree_node-text = 'Creditors ageing'.
wa_tree_node-tcode1 = text-011.
wa_tree_node-text1 = 'Creditors ageing'.
wa_tree_node-tcode2 = text-012.
wa_tree_node-text2 = 'Creditors ageing'.
append wa_tree_node to t_tree_node.
clear wa_tree_node .
node-hidden = ' '. " All nodes are visible,
node-disabled = ' '. " selectable,
node-isfolder = 'X'. " a folder,
node-expander = ' '. " have no '+' sign forexpansion.
loop at t_tree_node into wa_tree_node.
at new folder.
node-isfolder = 'X'. " a folder,
node-node_key = wa_tree_node-folder.
clear node-relatkey.
clear node-relatship.
node-text = wa_tree_node-folder.
node-n_image = ' '.
node-exp_image = ' '.
append node to node_table.
endat.
at new tcode .
node-isfolder = ' '. " a folder,
node-n_image = '@CS@'. "AV is the internal code
node-exp_image = '@CS@'. "for an airplane icon
node-node_key = wa_tree_node-tcode.
node-text = wa_tree_node-text .
node-relatkey = wa_tree_node-folder.
node-relatship = cl_gui_simple_tree=>relat_last_child.
endat.
append node to node_table.
at new tcode1 .
node-isfolder = ' '. " a folder,
node-n_image = '@CS@'. "AV is the internal code
node-exp_image = '@CS@'. "for an airplane icon
node-node_key = wa_tree_node-tcode1.
node-relatkey = wa_tree_node-folder.
node-relatship = cl_gui_simple_tree=>relat_last_child.
node-text = wa_tree_node-text1.
endat.
append node to node_table.
at new tcode2 .
node-isfolder = ' '. " a folder,
node-n_image = '@CS@'. "AV is the internal code
node-exp_image = '@CS@'. "for an airplane icon
node-node_key = wa_tree_node-tcode2.
node-relatkey = wa_tree_node-folder.
node-relatship = cl_gui_simple_tree=>relat_last_child.
node-text = wa_tree_node-text2.
endat.
append node to node_table.
endloop.
call method tree->add_nodes
exporting table_structure_name = 'ABDEMONODE'
node_table = node_table.
endmethod.
endclass.
*& Class implementation
class screen_handler implementation.
*& Method CONSTRUCTOR
method constructor.
create object: HTML_VIEWER exporting PARENT = CONTAINER,
LIST_VIEWER exporting I_PARENT = CONTAINER.
endmethod.
*& Method HANDLE_NODE_DOUBLE_CLICK
method handle_node_double_click.
case node_key(12).
when 'Creditors'.
submit YFIIN_REP_CREADITORS_AGING via selection-screen and return.
when 'Vendor'.
submit YFIIN_REP_VENDOR_OUTSTANDING via selection-screen and return.
when 'Customer'.
submit YFIIN_REP_CUSTOMER_OUTSTANDING via selection-screen and
return.
when 'GR/IR'.
submit YFIIN_REP_GRIR_AGING via selection-screen and return.
when 'Acc_Doc_List'.
submit YFIIN_REP_ACCOUNTINGDOCLIST via selection-screen and return.
when 'Bank Bal'.
submit YFIIN_REP_BANKBALANCE via selection-screen and return.
when 'Ven_Cus_Dtl'.
submit YFIIN_REP_VENDORCUST_DETAIL via selection-screen and return.
when 'G/L_Open_Bal'.
submit YFIIN_REP_OPENINGBALANCE via selection-screen and return.
when 'Usr_Authn'.
submit YFIIN_REP_USERAUTHRIZATION via selection-screen and return.
endcase.
endmethod.
endclass.
Program execution ************************************************
load-of-program.
call screen 9001.
at selection-screen.
Dialog Modules PBO
*& Module STATUS_9001 OUTPUT
text
module status_9001 output.
set pf-status 'SCREEN_9001'.
set titlebar 'TIT_9001'.
call method screen_init=>init_screen.
endmodule. " STATUS_9001 OUTPUT
Dialog Modules PAI
*& Module USER_COMMAND_9001 INPUT
text
module user_command_9001 input.
endmodule. " USER_COMMAND_9001 INPUT
*& Module exit_9001 INPUT
text
module exit_9001 input.
case sy-ucomm.
when 'EXIT'.
set screen 0.
endcase.
endmodule.
exit_9001 INPUTyou can read the table node_table with nody key value which imports when docubble click the the tree node (Double clifk event).
Regards,
Gopi .
Reward points if helpfull. -
How to get text when mousing over image?
Hey there, I am extremely new to Flash, but know other Adobe programs so tend to learn quickly.
I desperately need to find out how to get text to pop up when i mouse over PART of the image and i havent been able to find any help online in the last two days (pulling my hair out in stress).
Now i uploaded a rough mock up i did on Photoshop, so you can see when i mouseover the top layer of the cake i need a line to stretch out and the text to pop up at the end of it. Similarly if i moused over the cherry another piece of text needs to come up in the same manor.
Also since i need it to be a website link so what format do i open it with when i go to FILE- NEW?
Honestly thank you so much in advance to anyone that helpsFirst you have to choose if you want to handle devices. If not and you want to stay in Flash I'll stick on topic.
In the HTML version you could either use a good old fashioned image map (they're still fine in the HTML5 era) or you could use a layering technique (here's a random layering example).
In Flash you can do it a few different ways. If you intend on keeping the image intact as a single object then you'll be essentially doing the same as an image map. You can draw invisible hitareas on the various parts of the object and have those areas trigger a specific function that will display your text. If you break up the image into the separate parts then you can directly assign those parts to fire off a function themselves.
First I'd like to know your desired direction. -
How to get Text from (.txt) file to display in the JTextArea ?
How to get Text from (.txt) file to display in the JTextArea ?
is there any code please tell me i am begginer and trying to get data from a text file to display in the JTextArea /... please help...public static void readText() {
try {
File testFile = new File(WorkingDirectory + "ctrlFile.txt");
if (testFile.exists()){
BufferedReader br = new BufferedReader(new FileReader("ctrlFile.txt"));
String s = br.readLine();
while (s != null) {
System.out.println(s);
s = br.readLine();
br.close();
catch (IOException ex){ex.printStackTrace();}
}rykk -
Help: how to get text from IFRAME
<!-- The box where we type-->
<IFRAME class="mytext" width="100%" ID="mytext" height="200">
</IFRAME>
someone can tell me how i get text in my servlet from
<IFRAME>
thankx in advance...someone can tell me how i get text in my servlet from
<IFRAME>
thankx in advance...Hmm. I think you are mixing something up here. Why would you use an IFrame for entering text? IFrame is used for including content from different HTML-pages inside your page.
If you want to have a textbox for an user to enter text into and submit it to a server, you need a form and a textarea inside that. Like this:
<form action="myServlet" method="post">
<textarea name="myArea">
</textarea>
<input type="Submit" value="Ok">
</form>Change the action in the form to reflect the mapping to your servlet.
Then you can just do a String enteredText = request.getParameter( "myArea" ); inside your servlet.
If you insist that you need to use an IFrame, I guess the only way to do it would be to write a Javascript function, that copies the contents from the IFrame to a hidden field before the page is submitted to your servlet. In your servlet you would read the value from the hidden field.
.P. -
How to get text lables in x axis for xcelsius bubble chart
Hi
How to get text values in x axis for xcelsius bubble chart
I have data as follows
x axis: closed/qualification/lost
y axis: deal age
z axis: amount(bubble size)
ThanksIf you are using Xcelsius 2008 SP3 you will be able to do this.
-
Cannot use Messaging after updating to KitKat. Says Messaging not available. Please advise how to get texting back.
I want to ensure that you're device is running top notch! Do you receive the "Messaging not available" upon entering the Message app? I would suggest heading into Settings > Applications > Manage Applications > All and clearing data / cache from the app. If you don't see improve here I would suggest testing the device in Safe Mode: http://vz.to/1m9ArqO
YosefT_VZW
Follow us on Twitter @VZWSupport -
HT202305 How to get text erase from I phone
how to get text messages erase from I phone 6
Do your contacts appear at http://www.iCloud.com after signing in?
If so, you just follow the iCloud Setup instructions here: http://www.apple.com/uk/icloud/setup/mac.html -
how to get text verable value
Scenaior
IN a query designer ,I had create a formula, this formual use two selection ,and this formula description must use text variable ,
this variable must get current system time and make a offset like+1 or +2,how can i do this I know SAP have stander text variable 0cmontht can get current system time ,but It is can not offset
any one can help me
regard
wenlongHi Wenlong,
U can create a text variable of type 'user exit' and wirte code in backend to offset the value.
Regards,
Rathy -
How to get text into a timeline
I do not understand how to get text into a timeline in Premiere Pro. I can work in titles more or less, change fonts and sizes, but I do not get how to insert the text into the timeline. Am I even starting at the right place, going into "titles" first?
Once you have made your title, drag it from the project panel to V2 on your timeline above your other footage.
-
How to get the field COMPLETION in extract layout
Hi,
Does anyone knows How to get the field COMPLETION in extract layout? i have not been able to find it and it is imperative to have it for implementing a new evaluation.
Thanks a lot for your help.
CAMILO URIBEHi Neil,
The following steps describe what we did to get the new evaluation:
1. Define Attributes and Object Types for Evaluations: here we added a new field for evaluation. The field was COMPLETION (degree of processing in percent), with relevant object "TASK". "No Summarization" was configurated as Rule for Summarization
2. Define Extract Layouts: here we created a new extract layout for evaluation. The objects and attributes to be used were defined (the field COMPLETION was defined as attribute).
3. Assign Extract Layouts to Project Types.
4. Define Evaluations: the new layout for evaluation were created using the attributes.
5. Define Severity.
6. Define Threshold Values. In the new evaluation the field COMPLETION was used in the formula.
After configurating and testing, we have noticed that the values of field COMPLETION are not taking into account. It does not matter which value it has, evaluation always take 0.
Thanks for your help,
CAMILO URIBE -
How to get text vertically centred in Li box
I am updating our company website in another area of the system which is why you'll see a tf in the web address I am about to give.
http://www.essentialfinance.net/tf/products/reconciling/accruals_manager.asp
Now, the problem I have is that the options in the boxes are aligned to the top.
I have had quite a problem understanding how to get these boxes to work so that they highlight when hovered etc, but eventually got there through some tutorial which seems to create a nav class hanging off the ul.
I have tried altering everything in the ul.nav, ul.nav li, ul.nav a regarding getting the text to vertical align centred but no success.
The css file is here:
http://www.essentialfinance.net/tf/main.css
I put that link in since someone may be able to pick out my faults.
I have only put a link to # (goes nowhere) to get the <a> code initialised.....
By the way - don't worry about the colour scheme... it's only temporary to test the functionality.
And I would not wander anywhere else in the site - it's a shambles which is why i'm looking at it.
Can anyone please advise? Thank you very much in advance for any feedback.
TerryThese forums are getting worse by the day. Try this link for the last time:
<http://www.mytechnet.talktalk.net/sidebar.txt>
If it works, it works otherwise tough luck. -
How to get text of exception in my program, exception is defined in FM?
I have written a function module where i have defined a couple of exceptions. If an error occurrs i raise the exception.
My issue is, in my calling program, i call the function module i have created and once the exception occurrs i need to get the text associated with that exception.
I dont know how to get the text of the exception. The short text is defined in exception tab of the function module.
Any help will be appreciated.
Thankshi check this example..
RECEIVE RESULTS FROM FUNCTION 'ZMARD_DATA'
IMPORTING
E_RECORDS = g_records
EXCEPTIONS
no_data = 1
open_dataset_no_authority = 2
convt_codepage_init = 3
dataset_too_many_files = 4
unknown_file_opening_error = 5
dataset_write_error = 6
dataset_not_open = 7
dataset_cant_close = 8
OTHERS = 9.
CASE sy-subrc.
WHEN 0.
error_rec-msg_text = 'Data Loaded'.
g_total_rec = g_total_rec + g_records.
WHEN 1.
error_rec-msg_text = c_no_data.
WHEN 2.
error_rec-msg_text = 'OPEN_DATASET_NO_AUTHORITY'.
WHEN 3.
error_rec-msg_text = 'CONVT_CODEPAGE_INIT'.
WHEN 4.
error_rec-msg_text = 'DATASET_TOO_MANY_FILES'.
WHEN 5.
error_rec-msg_text = 'UNKNOWN_FILE_OPENING_ERROR'.
WHEN 6.
error_rec-msg_text = 'DATASET_WRITE_ERROR'.
WHEN 7.
error_rec-msg_text = 'DATASET_NOT_OPEN'.
WHEN 8.
error_rec-msg_text = 'DATASET_CANT_CLOSE'.
WHEN 9.
error_rec-msg_text =
'Unknown error calling FM : ZMIO_GET_MARD_DATA'.
ENDCASE. -
How to get text of itab header and structure field name dynamically?
HI.
I'm just trying display itab to web.
of cause I can use <htmlb:tableView> but I need display by loop itable for my special reason.
the table is dynamic structure that means header line should be changes depends on structure description.
'<htmlb:tableView>' certainly can display header line dynamically with just itable only.
but don't know how to get these text and structure field name without 'tableView'.
help me please.
Thank you.
<TABLE border=1>
<TR style="background-color:#FFFF99" >
<TD>header 1</TD>
<TD>header 2</TD>
<TD>header 3</TD>
</TR>
<%
DATA: WA_STR TYPE FOPT_BSP_UI_REPORT.
LOOP AT TT_itab INTO WA_STRUC.
%>
<TR>
<TD nowrap><%=WA_STRUC-ORGUNIT_T%></TD>
<TD nowrap><%=WA_STRUC-PRGROUP_T%></TD>
<TD nowrap><%=WA_STRUC-PROCESS_T%></TD>
</TR>
<%ENDLOOP.%>
</TABLE>DDIC structure means struture made from SE11?
if yes,that's what I'm trying to display table.
and my sepcial reason is this:
my final purpose is download dynamic table to excel file.
but when I download table comes form "<htmlb:tableView>" with changing http response header that shows some link error and useless icon and no table grid and etc...
"<htmlb:tableView>" resulting lot of useless tags and script.
think iterator has no function removing extra tags
so I'am trying to make simple html table.
but problem is that itable is not just one structure can be more than 100 kinds of structure.
in this situation is there any way to display dynamic itab into simple html table?
Maybe you are looking for
-
GRN after PO completion indication
Dear experts, We have implemented PO - Inbound - GRN, If i prepared an inbound & GRN for short qty and ticking the Delivery completion indicator then also system is allowing to do the Inbound & GRN for the remaining qty. Please suggest how we can res
-
Hi All, Can some one explain to me whta a formula variable is all about and how it works. With an example or point to some document for the same...it will be very helpful. Thanks in advance. Tina
-
I am using a Flash file that calls gallery.xml its hardcoded into the flash and i cant edit the flash file. the code in my page looks like [PHP] <cfsavecontent variable="gallery"> <?xml version="1.0" encoding="UTF-8" standalone="no"?> <gallery fr
-
Skype 7.7 Not working after update
For the last several days Skype has refused to open following an automated update. Every attempt to log in fails and delivers a message: Skype has stopped working A problem caused the program to stop working correctly. Windows will close the program
-
Background - I am a long time Elements user on Windows. On disk my images are organized in folders by subject and that cannot change. With Elements I copy the images from a card into a subfolder of My Pictures\New. I then move the images into other f