How can I add images on my page and how to put text on the center vertically?

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • devilfrank
    New Member
    • Feb 2010
    • 5
    #1

    How can I add images on my page and how to put text on the center vertically?

    Please help. I am really having a hard time adding images on my pages. Im using CSS to implement design on my aspx pages. I want to add a background but the codes I am getting are not working.

    I also have problems on aligning text vertically. All the text are on the bottom of a division, I want to put it into the center... Any suggestion?
    Tags: None
    • sashi
      Recognized Expert Top Contributor
      • Jun 2006
      • 1749
      #2
      Post your code, will try to edit it for you :)

        Comment

        • ThatThatGuy
          Recognized Expert Contributor
          • Jul 2009
          • 453
          #3
          Show some part of your code.. which is not working :>

            Comment

            • devilfrank
              New Member
              • Feb 2010
              • 5
              #4
              <-- This is the aspx page -->
              Code:
              <body>
    <form id="form1" runat="server">
    <div class = "pageheader">
    <div class = "titleholder">
    LA LEYTENIAS MINIMART
    </div>
    <div class = "navigatorholder">
        <asp:LinkButton ID="HomePageLinkButton" runat="server" style ="color:#59483f; text-decoration:none; size:12px" height="100%" Width = "65px">Home</asp:LinkButton>
        <asp:LinkButton ID="SupplierLinkButton" runat="server" style ="color:#59483f; text-decoration:none; size:12px" height="100%" Width = "65px">Suppliers</asp:LinkButton>
    <asp:LinkButton ID="CategoriesLinkButton" runat="server" style ="color:#59483f; text-decoration:none; size:12px" height="100%" Width = "65px">Product Categories</asp:LinkButton>
    <asp:LinkButton ID="TransactionTypesLinkButton" runat="server" style ="color:#59483f; text-decoration:none; size:12px" height="100%" Width = "65px">Transaction Types</asp:LinkButton>
    </div>
        
    </div>
    </form>
</body>
              <-- The CSS that I used-->

              Code:
              body 
{
}
div.pageheader
{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #ad9e87;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #ad9e87;
	background: #e1d6c7 url(App_Themes/Homepage/Images/headbackgrnd.gif)  repeat-x;
	height:40px;
	width:98.5%;
	margin:5px 5px 5px 5px; 
}

div.titleholder
{	
	float:left;
	text-align:center;
	width:30%;	
}

div.navigatorholder
{
	float:left;
	width:50%;
}
              <-- -->

              The home, transaction types are not align center vertically. I want to align it to the center.
              Then I also want to put an image background on my page.
              Last edited by tlhintoq; Feb 26 '10, 02:45 PM. Reason: [CODE] ...Your code goes between code tags [/CODE]

                Comment

                • sashi
                  Recognized Expert Top Contributor
                  • Jun 2006
                  • 1749
                  #5
                  Code:
                   background-image: url (location of the image);

                    Comment

                    • tlhintoq
                      Recognized Expert Specialist
                      • Mar 2008
                      • 3532
                      #6
                      TIP: When you are writing your question, there is a button on the tool bar that wraps the [code] tags around your copy/pasted code. It helps a bunch. Its the button with a '#' on it. More on tags. They're cool. Check'em out.
                      #

                        Comment

                        • devilfrank
                          New Member
                          • Feb 2010
                          • 5
                          #7
                          I already tried that code. Don't work for me. The image just don't display. Is there any limitations to what images I could use? And also the sizes?

                            Comment

                            • Frinavale
                              Recognized Expert Expert
                              • Oct 2006
                              • 9749
                              #8
                              No, the limitations that you think are there are not.
                              It's most likely that you haven't linked to the images correctly.

                              Try using this instead (not the single quotes in the url(' '):
                              Code:
                                 background: #e1d6c7 url('App_Themes/Homepage/Images/headbackgrnd.gif')  repeat-x;
                              If you want a background for the entire page then you should place this in the body{} portion.

                              If you're still having problems with this post back here and I'll give you a hand...If your site is publicly available it will be easier to help you if you posted a link to your site.

                              -Frinny

                                Comment

                                Previous template Next
                                Working...