Simple (!) CSS question

Similar Questions

• A simple CSS question

  I don't know how I managed, but the list appears on the right side of the div, despite the fact that I have text-align: left.

  A reflection about how I managed?

  HTML:

  < div id = "workArea" >
  < div id = "nav" >
  < ul >
  < li > < a href = "#product1" > product 1 < /a > < /li >
  < li > < a href = "#product2" > product 2 < /a > < /li >
  < li > < a href = "#product3" > product 3 < /a > < /li >
  < li > < a href = "#product4" > product 4 < /a > < /li >
  < /ul >
  < / div >
  CSS:

  #nav {}
  top: 95px;
  position: absolute;
  Width: 150px;
  left: 0px;
  height: 411px;
  text-align: left;
  background-color: #CCCCCC;
  }

  Li {list-style: none ;}}
  a {text-decoration: none; color: #000000; outline: none ;}}

  http://gtworkspace.com/peloton/product_pg

  Absolute positioning, yuck!  You just need your lists of style better.

  Try this (note the changes in red):

  #nav ul {}

  margin: 150px 0;
  padding: 5px;
  Width: 145px;
  float: left;
  background-color: #CCC;
  do-size: 16px;

  }

  #nav li {list-style: none}

  #nav li a {}

  Display: block;

  Color: #000;

  text-decoration: none;

  }

  #nav li a: hover,

  #nav li a: active,

  #nav li a: focus {}

  color: #FFF;

  text-decoration: underline;

  }

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB
  http://ALT-Web.blogspot.com

• question simple css

  Hello
  
  I'm stuck with a question simple css-
  
  I need to display some text below the other strings:
  
  Text1
  Text2
  Text3
  
  I use jspx:
  
  < af:panelGroupLayout layout = "vertical" >
  
  < af:panelGroupLayout >
  < af:outputText value = "text1" / >
  < / af:panelGroupLayout >
  
  < af:panelGroupLayout >
  < af:outputText value = "text2" / >
  < / af:panelGroupLayout >
  
  < af:panelGroupLayout >
  < af:outputText value = "Text3" / >
  < / af:panelGroupLayout >
  
  < / af:panelGroupLayout >
  
  
  well, I receive the channels displayed vertically.
  
  
  but I need them to the right of the screen-
  
  so I use the style class:
  
  {.textClass}
  float: right;
  }
  
  and adding in all three group layout in the hope that the three strings to shift right-
  
  < af:panelGroupLayout layout = "vertical" >
  
  < af:panelGroupLayout >
  < af:outputText value = "text1" styleClass = "textClass" / >
  < / af:panelGroupLayout >
  
  < af:panelGroupLayout >
  < af:outputText value = "text2" styleClass = "textClass" / >
  < / af:panelGroupLayout >
  
  < af:panelGroupLayout >
  < af:outputText value = "Text3" styleClass = "textClass" / >
  < / af:panelGroupLayout >
  
  < / af:panelGroupLayout >
  
  
  they go right, but they are now displayed on one line:
  
  text3text2text1
  
  
  what I wanted was-
  
  -------------------------text1
  -------------------------text2
  -------------------------text3
  
  
  Please suggest.
  
  Thank you.

  Why so complicated?

  the round is played.

  Timo

• Very simple CSS help, borders

  Very little CSS problem. I have a Web page that is a fixed height with blue borders on each side and the bottom. This Web page has a facebook comments box, and I noticed after a number of comments, comments exceed beyond my Web page under my foot. It does because most of comments added to a web page gets more Web page. And my Web page having a fixed height comments started running off the page. The simple solution to this would be at the height of the div to auto or don't have much style to set a height at all. I did this and for some reason when I do this my web page borders disappear. My question is how to make my Web page to extend with comments from facebook without my borders disappear. Example of a page on my site: http://covermyprofile.com/view.php?id=12 & image = http://i1176.photobucket.com/albums/x332/Ja rel20/covers/hiphop/kid_cudi_glasses.jpg

  #bodywrap {
   width: 910px;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #9FD6E1;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #9FD6E1;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #9FD6E1;
   height: 2025px; (if i set this to auto my borders disappear)
  

  Rather than using the property HEIGHT use INFINITY as per

  {#bodywrap}

  Width: 910px;

  border-left-width: 1px;

  border-left-style: solid;

  border-left-color: #9FD6E1;

  border-right-width: 1px;

  border-right-style: solid;

  border-right-color: #9FD6E1;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #9FD6E1;

  overflow: hidden;

  }

  GRAMPS

• If exposed simple of questions?

  Alright fellow programmers.  Once more what I meet a problem I have EVER had with other JAVA programs before.  IAM trying to figure out how to write a simple if statement and I have questions.  I did Google search and have found something to help.  So, if you could please tell me what may be the issue?  The error message is "error {invalid AssignmentOperator. syntax".   Thanks in advance!

  Double BinRadius = (Integer.parseInt (txtRadiusFeet.getText ()) * 12) + Integer.parseInt (txtRadiusInches.getText ());

  FieldChangeListener CalcListener = new FieldChangeListener() {}
  ' Public Sub fieldChanged (field field, int context) {}
  Double BinRadius = (Integer.parseInt (txtRadiusFeet.getText ()) * 12) + Integer.parseInt (txtRadiusInches.getText ());

  {If(BinRadius==0)}
  Dialog.Alert ("Hello");
  }
  };

  Capital I yew?

• Onhover CSS question

  Hello

  I have a simple fxml:

  <?xml version="1.0" encoding="UTF-8"?>
  
  <?import java.lang.*?>
  <?import javafx.scene.control.*?>
  <?import javafx.scene.image.*?>
  <?import javafx.scene.layout.*?>
  
  <AnchorPane maxHeight="54.0" minWidth="1004.0" prefHeight="54.0" styleClass="header-app" stylesheets="@../file.css" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
  <children><HBox alignment="CENTER_LEFT" layoutX="758.0" layoutY="-10.0" prefHeight="54.0" spacing="5.0" styleClass="user-profile" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="15.0" AnchorPane.topAnchor="0.0">
  <children><ImageView fitHeight="34.0" fitWidth="34.0" pickOnBounds="true" preserveRatio="true">
  <image>
  <Image url="@../images/icons/user.png" />
  </image></ImageView><Label styleClass="label-utente" text="Horian Simon" />
  </children></HBox>
  </children></AnchorPane>
  

  Fxml opens as in the picture. I want that when I move the mouse on the user profile HBox label 'label-user' modify the fillcolor text to white.

  http://snag.Gy/KM0ER.jpg

  This is the css:

  .header-app{    
      -fx-background-color: #3A4049;    
  }
  
  .user-profile{
      -fx-padding: 0 15 0 15;
      -fx-cursor: hand;    
  }
  
  .user-profile:hover{    
       -fx-background-color:  #2d2d2d;
       -fx-text-fill: #ffffff !important;
  }
  
  .user-profile .label-utente{
      -fx-text-fill: #9C9C9C;
      -fx-font-weight: 400; 
      -fx-font-size: 14px;
      -fx-padding: 0 5 0 5;    
  }
  

  There is a smart way to do only with fxml + css?

  Thank you very much

  . User profile: hover when .label {-fx-fill: white ;}}

• CSS Question %, EM, px dimensions

  How the browser does not render css when a css property has a value, but the value is not a unit of measurement. IE %. PX, em is not specified.

  Amy:

  I think the deal is that when the style in question has an associated default digital value (height of the default 1 line), you can use a number of multiplier, for example, line-height: 2, with success.

• HTML + CSS question

  Hello

  I don't know if my question may be answered here, but here's what happens:

  I have a blog on my page hosted by Zenfolio, and they do not support this, but its their interface do this and not me. Whenever I have insert a new picture and click on next to him and then "enter" to make a new paragraph below for text or another picture she added paragraphs unwanted! In the photo below, it should be a paragraph and not 8.

  I used to have this happen to me in Dreamweaver rarely, but I was able to go to HTML view and just delete the additional paragraphs without changing the rest of the provision. If I will not remove just these paragraphs in HTML mode in this interface, it would mangle everything... See the other screen capture: it moves the text around the image which is not what I want.

  

  

  This interface, I'm typing now is very similar to that of Zenfolio, here too I have inserted these pictures and had to click beside them + enter to go to the next paragraph, and when I looked at the HTML code it there was a paragraph spacing between the images as it should; so the question is why she did this and How can I make sure that she! I rather not use tables. (Who was their suggestion, and who also has a problem of spacing; I set the cell height to 22 for example and when the preview of the post its at least 60).

  @agp 1000: the screenshot, I see that there is a float: left applied on the image.

  This will cause the next item, which is the text to start immediately to the left of the image.

  So as a simple solution, you can add clear: left on the

  tags, so that the text will start from the next line and not move the image as in the screenshot.

  Do not post all the code if this does not help you.

• A simple PHP Question

  Hey guys,.

  I learn some basic PHP to make a simple form, and I have a small question. I have these two test of the PHP, Form.php and acion.php files. What you enter in the form is then displayed via $_POST to action.php that gets displayed. Here are the test sites:

  http://christianstest.info/phptest/form.php

  http://christianstest.info/phptest/action.php

  And for two, verry simple code:

  Form.php

  <!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>PHP Form Test</title>
  </head>
  
  <body>
  <form action="action.php" method="post">
   <p>Your name: <input type="text" name="name" /></p>
   <p>Your age: <input type="text" name="age" /></p>
   <p><input type="submit" /></p>
  </form>
  
  </body>
  </html>
  

  and action.php

  
  

  <!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>
  </head>
  
  <body>
  Hi <?php echo htmlspecialchars($_POST['name']); ?>.
  You are <?php echo (int)$_POST['age']; ?> years old.
  </body>
  </html>
  

  Now I want to do is have action.php store data entered in Form.php so that someone could link directly to action.php and see what the end user concluded Form.php. Now, if you go directly to a non action.php caching it does nothing for the return of name and age. How can I get this data stick? If in fact, it is not a simple question, can you point me to a tutorial? Thank you!

  You'll want to republish this topic in the Dreamweaver forum:

  http://forums.Adobe.com/community/Dreamweaver?view=discussions

  Take care, Mike

• Interactive report CSS question...

  Hi all..
  
  APEX: 4.1
  BROWSER: IE 7
  Database: 11g
  
  Please help me with this CSS problem.
  I have an interactive report that is too large for the region.
  I use the following CSS to have a bar scrolling for this region,
  If it grows more.
  

  Region Header:
  <div style="overflow:auto;overflow-y: hidden;">
  
  Region Footer:
  </div>

  Please see the following page.
  
  http://Apex.Oracle.com/pls/Apex/f?p=41803:4
  workspace: kumar2003
  Username:test_user
  password: test
  application: 41803
  Page: 4
  
  
  
  
  I have the following problems with the report.
  
  (1) If you scroll the report, "" OBSERVE THE "' GO AND ' ' BUTTONS of ACTION '" interactive reports.
  Even the button are also mobile and spoil the appearance of interactive report.
  Is anyway to keep the buttons in the same situation?
  
  Another question:
  
  (2) instead of a scroll at the bottom of the area bar, it is possible to
  '' increase the width of the region' "until the report develops?
  What CSS changes in the level of the region as I do?
  
  Please help me

  Hello

  I don't know what the problem is.
  But if fix you this move button, I guess you have problem that drop downs column header are not aligned correctly when you click the header.

  Maybe you check this plugin
  http://www.apex-plugin.com/Oracle-Apex-plugins/dynamic-action-plugin/IR-plugin-package_108.html

  Kind regards
  Jari

  http://dbswh.webhop.NET/dbswh/f?p=blog:Home:0

• APEX_ITEM. DISPLAY_AND_SAVE change in CSS question

  Hello
  I created a form in a custom table. I want one of my columns display only and have a different style than the other columns in the report. However, the change in style is not perform a column created using the APEX_ITEM. Function DISPLAY_AND_SAVE. I tried to get a simple solution to work before I have build up to match my real needs.
  
  I have this in my report source region
  
  SELECT
  ...
  APEX_ITEM. DISPLAY_AND_SAVE(42,job_no) job_no_display.
  ...
  
  I have this page: JavaScript: run when the Page loads
  
  $("[name="f42"]').css({"font-size":"50%"});)
  
  The column renders as expected but the style change is not applied. The text is rendered in full size.
  
  As soon as I change the SQL code to be following the CSS change is applied, and the text is now small.
  
  SELECT
  ...
  APEX_ITEM. Text(42,job_no) job_no_display.
  ...
  
  So finally, I want to know if I came across a bug and if someone can suggest a better work around that follows
  
  SELECT
  ...
  APEX_ITEM. TEXT (42, job_no, null, null, "readonly = readonly'") job_no_display,.
  ...
  
  This results in terms of rendering as an area editable but works in a way only read with the change style CSS applied. It just looks too beautiful. =)
  
  Version of the APEX = Application Express 4.0.2.00.07
  Version of DB = Oracle 11 g database Release 11.2.0.1.0 - 64 bit Production
  
  Kylie P

  KylieWylie wrote:
  Hello
  I created a form in a custom table. I want one of my columns display only and have a different style than the other columns in the report. However, the change in style is not perform a column created using the APEX_ITEM. Function DISPLAY_AND_SAVE. I tried to get a simple solution to work before I have build up to match my real needs.

  I have this in my report source region

  SELECT
  ...
  APEX_ITEM. DISPLAY_AND_SAVE(42,job_no) job_no_display.
  ...

  I have this page: JavaScript: run when the Page loads

  $("[name="f42"]').css({"font-size":"50%"});)

  The column renders as expected but the style change is not applied. The text is rendered in full size.

  Inspect the generated HTML code

  APEX_ITEM.DISPLAY_AND_SAVE(42,job_no)
  

  It produces:

  
  221608781757257740671064788753627232380
  

  The selector attribute jQuery [name = "f42"] applies style to the element with the name = 'f42' attribute. It's the entry hidden element that is not displayed. You want to apply the style to the span element according to the element with the name = "f42" attribute, using a Next Adjacent selector:

  $('[name="f42"]+span').css({"font-size":"50%"});
  

  (When you post here, please wrap code \ )

  ...\
  

  Tags to preserve the special characters and formatting.)

• validation to a specific table only and simple a question on the dml trigger

  Hi all
  
  guess I am connected to a database with the user ' scott'/'tiger'@orcl and I have the fire instructions insert on 2 different tables allows say tables is
  (1) emp
  (2) Dept.
  
  and now I want only to commit the emp table and not the table dept, is it possible to do?
  
  Another question, I have... are commit simple dml triggers auto or not?
  
  Concerning
  Rahul

  Mac_Freak_Rahul wrote:

  and now I want only to commit the emp table and not the table dept, is it possible to do?

  No, it isn't. You post a transaction, not a table...
  So if you have handled several tables in your transaction, you agree to be all these changes (via the command commit), or any of them (via restore).

  >

  Another question, I have... are commit simple dml triggers auto or not?

  If your dml trigger manipulate data (a very bad practice by the way), then they just add to all of the changes made to the breast of your transaction, you (as mentioned above), either commit all or none.

• Spry Navigation - CSS Question

  I recently added spry navigation on my site (http://www.faithbuilders.com) and changed the default CSS to match the site a little better. Everything works well enough, but I have a few things left to straighten.

  First of all, there is a gap between the right side of the drop-down list and the left side of the menu subcategory that pops out to the right. See the image below.

  Is there a specific part in the CSS that affects this gap?

  Second, given that the submenu appears on the right, it is hidden when the browser size is small enough to cover it. Is there a simple way to get out to the left OR right, depending on where there is room for it?

  Your help is greatly appreciated.

  ~ Sarah

  I'm giving It All wrote:

  I've recently added spry navigation on my site (http://www.faithbuilders.com) and changed the default CSS to match the site a little better. Everything works well enough, but I have a few things left to right.

  First of all, there is a gap between the right side of the drop-down list and the left side of the menu subcategory that pops out to the right. See the image below.

  Is there a specific part in the CSS that affects this gap?

  Yes change 95% to 200px in the css below rule: (as shown)

  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
  UL. MenuBarHorizontal ul ul
  {
  position: absolute;
  margin:-5% 0 0 200px;
  }

  I'm giving It All wrote:

  Second, given that the submenu appears on the right, it is hidden when the browser size is small enough to cover it. Is there a simple way to get out to the left OR right, depending on where there is room for it?

  Your help is greatly appreciated.

  ~ Sarah

  Not that I know of.

• simple thread question

  Hello world

  My question is quite simple.  I have two text boxes. I wrote "123" in the first text box and 'abc' in the second area. When I put the two boxes, the content in the second box automatically flowed to the first area, because there was space in the first box. Now the first box shows "123abc", and the second box is empty.

  How to stop Indesign automatically cela. Is this possible?  I know I can do it by screwing the two boxes first then the input data, but I have already entered all my data and it save me a lot of time if I can just have screw now.   Thank you very much!

  Simon

  Until you put frames, insert a frame break in all Type > submenus insert a special character

  Then content don't flow from 1 in frame 2 frame when you put on, because you insert a frame break stops at what happens.

• Table Simple Dreamweaver question

  I have so many tables, 100 rows, 5 columns for my data.  Here's my question, is there a way to tilt the table given above then go down and up and down.  All my data is from the old to the new, when I want recent to old.  I know that you can do in Excel by alphabet or date, id there a way DW

  Someone can correct me if I'm wrong, but I'm sure you can't sort a column or row of values in a table html using DW. What you could do is create your list in Excel, sort the list in Excel and copy the range of the table and paste it into DW, which will create a perfect html table. You can also copy and paste from Dreamweaver to Excel, but it is not as simple. You will need to copy and paste a column at a time, and you will have an additional empty line for each line populated.

  Another solution is to create a mySQL table that can be easily sorted and uses PHP to display the table on your page. You must know at least the basics mySQL and PHP to do that, but if want to add constantly new records to your table, mySQL is your best solution. If your table is static, the first solution works perfectly.