How to insert this css style to table

Hi,
I'm a beginner in web design. I wanted to use a custom separator for my navigation bar. I searched and found this separator: http://front-back.com/pure-css-3-fancy-separator
I'm interrested in the vertical-left one. I compiled the scss code to css and this is the result:
.or-spacer-vertical {
  display: inline-block;
  margin-top: 100px;
  margin-left: 100px;
  width: 100px;
  position: relative;
.or-spacer-vertical .mask {
  overflow: hidden;
  width: 20px;
  height: 200px;
.or-spacer-vertical.left .mask:after {
  content: '';
  display: block;
  margin-left: -20px;
  width: 20px;
  height: 100%;
  border-radius: 12px / 125px;
  box-shadow: 0 0 8px black;
I then made a test to see how it works with a div, like it's done in the website:
<div class="or-spacer-vertical">
  <div class="mask"></div>
</div>
When I preview the html file, there is nothing.
My first question is: how can I make this work?
The second question is: can I use it as a right border for my navigation menu, which is a table of one row and 4 columns?
Thanks in advance!

#1 don't use use tables for layouts.  They severely limit your site's efficiency because they combine content with styles.  If you decide to make sweeping changes to the appearance of your site later, you'll need to tediously re-code everything with tables in it.  CSS allows you to style your entire site by editing one file instead of many.
#2 It's not clear from your post whether you have applied everything necessary for this to work. In which browsers are you previewing this?  Can you post a link to your test page?
Nancy O.

Similar Messages

  • How to attach a CSS style sheet ?

    Hi,
    How to attach a CSS Style sheet to a portal page ?
    Thanks for your help,
    Jean-Christophe

    For a standard Portal page you should use the Portal styles and associate them to a page. These effectively generate a CSS style sheet anyway if you view the HTML source of a rendered page in your browser.
    Using the correct PDK APIs you effectively reference the CSS tags in your Java or PL/SQL code.
    If your portlet need to open a page in a new window you can no longer reference the Portal page style as the CSS style sheet does not get attached.
    In this situation, code your HTML as normal and reference your CSS style sheets as normal.
    If you create you CSS sheet you can store it in a page as a file and access using the direct access URL like I showed you in a previous response regarding the storing of images.
    Cheers,
    John

  • How Do I Get CSS Styles In Dreamweaver CC?

    How Do I Get CSS Styles In Dreamweaver CC?

    You should have something like this in your window:
    Just Click on the Plus sign ( + ) and you get the three options: create a new file, attach an existing file or create a style on page (define on page)
    Apart from this I won't know because I am basing this from my copy of CS6.  I don't have CC version.

  • How to insert  Legacy data into QP_RLTD_MODIFIERS table?

    How to insert  Legacy data into QP_RLTD_MODIFIERS table in R12 instance.

    I would use the API QP_Modifiers_PUB.Process_Modifiers for pushing legacy pricing data into R12.  QP_RLTD_MODIFIERS is only used for certain types of discounts (in my prod environnment, only promos have data in this table).

  • How to insert text data into temp tables....

    Dear All,
    I have one notepad with three columns, first column is segment1, second column is segment2 & third column is price list....
    and there is no delimiter and exact spaces..(i.e, zizak fomat)
    Ex:-
    xx yy 00009999
    kk mmmm 00009333
    Data is available like above example...So, I need to insert this data into one table.(2LAKSHS OF RECORDS AVAILABLE IN THAT NOTEPAD)
    So, Any can one help me, how to insert this kind of text data into temparory table...
    Regards
    Krishna
    Edited by: user12070109 on May 29, 2010 9:48 PM
    Edited by: user12070109 on May 29, 2010 9:49 PM

    Hello,
    What manu suggested this can be done through oracle forms.
    If as i read your last post you are using that in database it will not work in db. Try to use the same process in oracle forms will work by making some changes.
    And if you don't want to use forms then there is one way using SQL LOADER. It required control file to execute for uploading data.
    See the below link.
    http://www.orafaq.com/wiki/SQL*Loader_FAQ
    In this example its showing filename.csv you can use your file name like yourfilename.txt.
    So your control file will look like this...
    load data
    infile 'file_path\file_name.txt'
    into table table_name  -- use actual table name where you want to upload data
    fields terminated by " "  -- Here using spaces as you mentioned           
    (column1, column2, column3)  -- Here use the three column names of tableAnd after creating control file with the above code. You can call it in command prompt like this
    sqlldr username/password control=control_file_path\control_file_name.ctl log=log_file_path\log_file_name.log
    or
    sqlldr username/password@dbconnection control=control_file_path\control_file_name.ctl log=log_file_path\log_file_name.log
    Before doing this practice make sure SQLLDR.exe availabe in the machine where you have to execute. Otherwise you will have to install db client for using sqlldr.exe
    -Ammad

  • ADF Faces: How to insert an HREF inside a table element

    Hi,
    I have a web service data control, and this web service returns the email of a department.
    I have to display this email inside a table, but, since this email is used to integrate the application with Microsoft OCS, the email must be inside an HREF tag, for example:
    <a href='sip:"+employeeBean.getEmail()+"'><img src='images/OCS.png'/></a>How can I insert this HREF inside the table, so the table displays the image and the href works ?

    Yes it works.
    Here is my code, so it will be usefull for others:
    <af:column headerText="OCS" id="c3333">
                              <af:goImageLink text="Contatta dipendente" id="gil1"
                                              icon="images/OCS.png"
                                              destination="#{row.ocsContact}"/>
                            </af:column>Many many thanks.
    Edited by: GheParDo on Jan 12, 2011 7:05 PM

  • How to insert data into the mysql table by giving as a text file

    Hi,
    Any one know's how to insert data into the mysql table by giving as a text file as the input in JSP.Please respond ASAP.
    Thanks:)

    At least you can try StringTokenizer to parse your text files. Or download a text JDBC driver to parse your files, for instance, HXTT Text(www.hxtt.net) or StelsCSV(www.csv-jdbc.com).

  • How to insert into more than one table at a time also..

    hi,
    i am a newbee.
    how to insert into more than one table at a time
    also
    how to get a autoincremented value of an id say transactionid for a particular accountid.
    pls assume table as
    transactionid accountid
    101 50
    102 30
    103 50
    104 35
    i want 102 for accountid 30 and 103 for accountid 50.
    thank u

    @blushadow,
    You can only insert into one table at a time. Take a look here :
    Re: insert into 2 tables
    @Raja,
    I want how to extract the last incremented value not to insert.Also, I don't understand your thread title... which was "how to insert into more than one table at a time also.. "
    Insert, extract... ? Can you clarify your job ?
    Nicolas.

  • How to insert a record in ROOSPRMSC table? (accidentally deleted)

    Calling an InfoPackage in BW causes short dump, while fixing the short dump issue, accidentally
    deleted the "ROOSPRMSC" table entries.
    Could you tell me how to insert a record in "ROOSPRMSC" table???

    Hi Senthil,
    Regards,
    Phani Raj Kallur
    Message was edited by: Phani Raj Kallur

  • How to apply different CSS styles to different table cells?

    I have an h:dataTable table and I would like to apply different CSS styles to different table cells depending on their content. If I were doing JSP I would probably have a <c:if> test on the cells, and give them a style name depending on contents, and then define the styles in a separate style sheet. Is there a way in JSF to do the equivalent? Thanks.

    mitchgart wrote:
    BalusC wrote:
    How to achieve a cell-specific style is already answered in my 1st reply of this topic.That tells how to apply a style to the text (or other content) inside a cell but not how to apply a style to the <td> as a whole. It would work for something like text font or text color but not cell border.
    I'm thinking I can mark the content somehow and then have javascript traverse the DOM, find marked content, and traverse outward to the enclosing <td>. Is there a better way?BalusC already spoke about rowClasses and columnClass attributes, I assume those are insufficient.
    The Tomahawk dataTable component has the rowStyleClass and rowStyle attributes for assigning CSS to the HTML tr tag. One is allowed to reference the row data variable when assigning values to these. However, see https://issues.apache.org/jira/browse/TOMAHAWK-523 for workarounds to bugs in some implementations.
    The Tomahawk column component has the styleClass and style attributes for assigning CSS to the HTML td tag. These also may reference the row data variable.

  • How to insert columns in an existing table?

    iv read the tutorial in this site http://www.w3schools.com/sql/sql_alter.asp but it is not for SQL Server 2000 DB.
    Im using SQL Server 2000 DB. how do i insert column in an existing table?
    i tried to execute the code (String query) below but it doesn't wrk:
    For data type char:
    String query = "ALTER TABLE [dbo].["+tablename+"] ADD [columnname] [char] (60) COLLATE SQL_Latin1_General_CP1_CI_AS NOT NULL";
    For data type int:
    String query = "ALTER TABLE [dbo].["+tablename+"] ADD [columnname] [int] NOT NULL";________________________
    is what's wrong with the code?

    Best solution would be to look up the exact syntax from the SQL Server 2000 documentation. The tutorial you have there teaches the ANSI Standard SQL. It is surprising that SQL Server 2000 (Microsoft right?) doesn't comply with that (especially since they list it in as one of the ones the tutroial was made to demonstrate).
    I would double and triple check your sintax, whatch your error logs to make sure something else isn't preventing you from changing, and making sure you are logged in to the DB as a user who has the ability to alter tables.

  • How to insert  data from different internal  table  into a data base table

    hi all,
             I want to insert a particular field in an internal table to a field in a data base table.Note that the fields in the internal table and database table are not of the same name since i need to insert data from different internal tables.can some one tell me how to do this?
    in short i want to do something like the foll:
    INSERT  INTO ZMIS_CODES-CODE VALUE '1'.
    *INSERT INTO ZMIS_CODES-COL1 VALUE DATA_MTD-AUFNR .(zmis_codes is the db table and data_mtd is the int.table)

    REPORT  ZINSERT.
    tables kna1.
    data: itab LIKE KNA1.
    data lv_kUNAG LIKE KNA1-KUNNR.
    lv_kuNAG =  '0000010223'.
    ITAB-kuNNR = lv_kuNAG.
    ITAB-name1 = 'XYZ'.
    INSERT INTO KNA1 VALUES ITAB.
    IF SY-SUBRC = 0.
    WRITE:/ 'SUCCESS'.
    ELSE.
    WRITE:/ 'FAILED'.
    ENDIF.
    Here lv_kunag is ref to kna1 kunnr passed in different name
    In internal table .
    Try and let me know if this logic dint work.

  • How to insert data in nested ref table

    hi i am having some problems i am trying to insert data into a table that has a ref and is nested can some one please help me.
    Now this is the problem tring to insert data in manfs when it is already a ref and a nested table
    Can someone please tell me the correct way to insert data
    via Home>SQL>SQL Commands or another way if easier.
    INSERT INTO TABLE (
    SELECT c.CustName
    FROM Customer_objtab c
    WHERE c.CustName = 'Edward Teach'
    VALUES (1,
    BeerTableType(
    BeerType2(‘pride’,’ale’,’yellow’),
    below are the other tables i have created so far;
    ----------------------This is my tbale-------------------------
    CREATE TYPE Customer_objtyp AS OBJECT (
    CustNo NUMBER,
    CustName VARCHAR2(200),
    Address_obj Address_objtyp,
    PhoneList_var PhoneList_vartyp,
    ) NOT FINAL;
    ------------------this is my subtype of customer----------------------
    CREATE TYPE Corp_Customer_objtyp UNDER Customer_objtyp
    (account_mgr_id NUMBER(6) ) NOT FINAL;
    CREATE TYPE BeerType2 AS OBJECT (
    nameCHAR(20),
    kindCHAR(10),
    colourCHAR(10));
    CREATE TYPE BeerTableTypeAS
    TABLE OF BeerType2;
    CREATE TABLE manfs(
    age number,
    Cust_ref REF Customer_objtyp,
    beers BeerTableType,
    copy number)
    NESTED TABLE beers STORE AS BeerTable;

    Dear user!
    Please modify your code like that:
    CREATE TYPE Customer_objtyp AS OBJECT (
    CustNo NUMBER,
    CustName VARCHAR2(200),
    Address_obj Address_objtyp,
    PhoneList_var PhoneList_vartyp,
    ) NOT FINAL;
    CREATE TYPE Corp_Customer_objtyp UNDER Customer_objtyp
    (account_mgr_id NUMBER(6) ) NOT FINAL;
    CREATE TYPE BeerType2 AS OBJECT (
    name CHAR(20),
    kind CHAR(10),
    colour CHAR(10));
    CREATE TYPE BeerTableTypeAS
    TABLE OF BeerType2;
    CREATE TABLE manfs(
    age number,
    Cust_ref REF Customer_objtyp,
    beers BeerTableType,
    copy number)
    NESTED TABLE beers STORE AS BeerTable;
    -- This is new --
    CREATE TABLE Customer_objtyp_table OF Customer_objtyp;
    -- Now try the following insert --
    INSERT INTO manfs
    VALUES (10,
            (SELECT REF(co) FROM Customer_objtyp_table co WHERE co.CustNo = 1),
            BeerTableType(BeerType2('pride','ale','yellow')),
            1)I hope this will give you an example of how to use REF and Nested tables.
    Yours sincerely
    Florian W.

  • How to insert data from file to table??

    I need to know that how can i insert data in multiple column through file. I can simply insert data in one column table but couldnt find out the way to put data in all column.
    My data store in a file
    ************************************************text.txt***************
    133, shailendra, nagina, 14/H, 45637, 9156729863
    **************************************************************my_data(table)**********
    trying to insert into below table...
    id, name, last_name, add, pin. mob
    Let me know if anything else needed..:)

    Hi Shailendra,
    Actually, in SQL Developer, you can open a connection to the target schema, right-click on the Tables node in the navigator tree view, select Import Data, then use the Data Import Wizard. It is extremely flexible. It looks like you have a comma separated variable file, so if you select Format: csv and Import Method: insert it will probably work just fine.
    To minimize the chance of errors during import, pick a preview limit value so the wizard can examine the size and data type of all columns in as many data rows as possible, then review the data type/size for each column in the next wizard page and override as necessary. For date columns it is also important to choose the appropriate format mask.
    Hope this helps,
    Gary
    SQL Developer Team

  • How to apply a css style to a radio button.

    I cannot seem to persuade jsf to pass css styles through to a radio button.
    I have markup like this:
    <h:selectOneRadio id="direction" styleClass="largish-form" >
      <f:selectItem id="positive" itemLabel="positive" itemValue="positive" />
      <f:selectItem id="negative" itemLabel="negative" itemValue="negative"  />
    </h:selectOneRadio>Which gets transformed into something like:
    <!-- edited for brevity -->
    <td>
      <label>
        <input type="radio" name="comp-amount-form:direction" value="positive" class="largish-form" />
        positive
      </label>
    </td>So the style does not get applied to the text of the label. I was expecting something like
    <span class="largish-form"> positive</span>.So how do I get styled labels on my radio buttons?
    Thanks in advance.

    For a standard Portal page you should use the Portal styles and associate them to a page. These effectively generate a CSS style sheet anyway if you view the HTML source of a rendered page in your browser.
    Using the correct PDK APIs you effectively reference the CSS tags in your Java or PL/SQL code.
    If your portlet need to open a page in a new window you can no longer reference the Portal page style as the CSS style sheet does not get attached.
    In this situation, code your HTML as normal and reference your CSS style sheets as normal.
    If you create you CSS sheet you can store it in a page as a file and access using the direct access URL like I showed you in a previous response regarding the storing of images.
    Cheers,
    John

Maybe you are looking for

  • How to get accurate values for select statement using single column

    Hi All, Below is my query which runs fine Select Distinct Top 4 FiscalYearId, FiscalMonthOfYearId From ODS.Common.tODS_Date Inner Join UTL.Utility.tUTL_ProcessDate On tODS_Date.DateShort < tUTL_ProcessDate.ProcessDate And tUTL_ProcessDate.DatabaseNam

  • Problem with iTunes regarding artists on iPod.

    Hello, I have iTunes 7.3.2 and I need help on an issue that has been nagging me for a while now. In my iTunes library, I have three songs from a band called "Angels and Airwaves". All three songs are from the same album. However,the songs are display

  • Automatic insertion of spaces in telephone numbers in iPhone OS 3.0.1

    Hello! I think there are two annoying behaviors in iPhone OS 3.0.1: • if you go to contacts, create a new contact and enter a telephone number there will be inserted automatically spaces into the telephone number. One the one hand this behavior can b

  • How could I initialize a CFC with data before binding a grid to it?

    Hi there, I am refactoring some very old ColdFusion code (ColdFusion 5, not done by me), and I'm considering replacing a huge and complex HTML table with a CFGrid. This HTML table is in an INCLUDE file and called from two places, each time it gets a

  • Is GA the only HTML for analytics in Muse?

    I am confused: Is there a Muse or BC HTML for site analytics, or is GA from the Google Analytics site the only one? It seems as though I read that Muse would publish an HTML <head> but I can't find such a thing. When GA is used in the <head>, is the