dcsimg
www.webdeveloper.com
Results 1 to 7 of 7

Thread: CSS flip vertical or horizontal

  1. #1
    Join Date
    Oct 2006
    Posts
    27

    CSS flip vertical or horizontal

    Hello,

    I would like to flip some text (to create a mirror effect), and I don't want to make it an image. Is there a way to do so without using ie filters?


    thanks,
    andy

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    No.

  3. #3
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Certainly not with css. JAVA perhaps.... ask in the JAVA forum.

  4. #4
    Join Date
    Oct 2006
    Posts
    42
    <span style="FILTER: FlipH; width:200px;font-size:20pt;">Text Here</span>

    That should do the job, it is IE only though. Bare that in mind.

    Bloody hell, I did it again I seem to make up sentences in my head and miss what you said. Oh well, that is the only way you can do it using CSS.
    Last edited by SuPerNoVi; 10-25-2006 at 08:45 AM.

  5. #5
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    That works? There's no trigger, no timer. I just checked in IE and am not seeing the 'flip'.

  6. #6
    Join Date
    Oct 2006
    Posts
    42
    That is bizarre I did a test before I posted on an ASPX page and it worked fine so I assumed it worked. So I gave it another shot just now and now it doesn't work, I haven't a clue why.

    Here is the page I got it from here

    EDIT - Okay got it working again, it works on this code in ASPX.

    HTML Code:
    <%@ Page debug=true Language="VB" ContentType="text/html" ResponseEncoding="iso-8859-1" %>
    <html>
    <head>
    <title>Shopping Cart</title>
    <script runat="server">
    Dim objDT As System.Data.DataTable 
    Dim objDR As System.Data.DataRow
    
    Private Sub Page_Load(s As Object, e As EventArgs)
         If Not IsPostBack Then
              makeCart()
         End If
    End Sub
    
    Function makeCart()
         objDT = New System.Data.DataTable("Cart")
         objDT.Columns.Add("ID", GetType(Integer))
         objDT.Columns("ID").AutoIncrement = True
         objDT.Columns("ID").AutoIncrementSeed = 1
    
         objDT.Columns.Add("Quantity", GetType(Integer))
         objDT.Columns.Add("Product", GetType(String))
         objDT.Columns.Add("Cost", GetType(Decimal))
     
         Session("Cart") = objDT
    End Function
    
    Sub AddToCart(s As Object, e As EventArgs)
    	objDT = Session("Cart")
    	Dim Product = ddlProducts.SelectedItem.Text
    	Dim blnMatch As Boolean = False
    
    	For Each objDR In objDT.Rows
    		If objDR("Product") = Product Then
    			objDR("Quantity") += txtQuantity.Text
    			blnMatch = True
    			Exit For
    		End If
    	Next
    
    	If Not blnMatch Then
    	objDR = objDT.NewRow
    	objDR("Quantity") = txtQuantity.Text
    	objDR("Product") = ddlProducts.SelectedItem.Text
    	objDR("Cost") = Decimal.Parse(ddlProducts.SelectedItem.Value)
    	objDT.Rows.Add(objDR)
    	End If
    	Session("Cart") = objDT
    
    	dg.DataSource = objDT
    	dg.DataBind()
    	
    	lblTotal.Text = "$" & GetItemTotal()
    End Sub
    
    Function GetItemTotal() As Decimal
    	Dim intCounter As Integer
    	Dim decRunningTotal As Decimal
    	
    	For intCounter = 0 To objDT.Rows.Count - 1
    		objDR = objDT.Rows(intCounter)
    		decRunningTotal += (objDR("Cost") * objDR("Quantity"))
    	Next
    	
    	Return decRunningTotal 
    End Function
    
    Sub Delete_Item(s As Object, e As DataGridCommandEventArgs)
         objDT = Session("Cart")
         objDT.Rows(e.Item.ItemIndex).Delete()
         Session("Cart") = objDT
    
         dg.DataSource = objDT
         dg.DataBind()
    
         lblTotal.Text = "$" & GetItemTotal()
    End Sub
    </script>
    
    </head>
    <body>
    <form runat="server">
    Product:<br>
    <asp:DropDownList id=ddlProducts runat="server">
    <asp:ListItem Value="4.99">Socks</asp:ListItem>
    <asp:ListItem Value="34.99">Pants</asp:ListItem>
    <asp:ListItem Value="14.99">Shirt</asp:ListItem>
    <asp:ListItem Value="12.99">Hat</asp:ListItem>
    </asp:DropDownList><br>
    Quantity:<br>
    <asp:textbox id="txtQuantity" runat="server" /><br><br>
    <asp:Button id=btnAdd runat="server" Text="Add To Cart" onClick="AddToCart" /><br><br>
    <asp:DataGrid id=dg runat="server" ondeletecommand="Delete_Item">
    <columns>
    <asp:buttoncolumn buttontype="LinkButton" commandname="Delete" text="Remove Item" />
    </columns>
    </asp:DataGrid>
    <br><br>
    Total: 
    <asp:Label id=lblTotal runat="server" />
    </form>
    <span style="FILTER: FlipH; width:200px; font-size:0.85em;">Hello World, Now DIE</span>
    </body>
    </html>
    I am currently working on creating a shopping cart and I just tested it on that page, somehow it worked just don't ask me how.
    Last edited by SuPerNoVi; 10-25-2006 at 09:19 AM.

  7. #7
    Join Date
    Feb 2005
    Posts
    1,018
    I noticed if you are testing on IE6 Standalone filters don't work. To the OP the image is probably the best option.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles