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?

Feb 26 '10 #1

Subscribe Post Reply

1985

sashi

1,754

Expert 1GB

Post your code, will try to edit it for you :)

Feb 26 '10 #2

ThatThatGuy

449

Expert 256MB

Show some part of your code.. which is not working :>

Feb 26 '10 #3

devilfrank

<-- This is the aspx page -->

Expand|Select|Wrap|Line Numbers

 <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-->

Expand|Select|Wrap|Line Numbers

 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.

Feb 26 '10 #4

sashi

1,754

Expert 1GB

Expand|Select|Wrap|Line Numbers

background-image: url (location of the image);

Feb 26 '10 #5

tlhintoq

3,525

Expert 2GB

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.
#

Feb 26 '10 #6

devilfrank

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?

Feb 26 '10 #7

Frinavale

9,735

Expert Mod 8TB

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(' '):

Expand|Select|Wrap|Line Numbers

 
   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

Mar 1 '10 #8

by: Keith Thompson | last post by:

I checked the FAQ, but didn't find an answer to this question. I also checked the O'Reilly HTML and CSS books, with a similar lack of results, though I could have missed something in the CSS book....

HTML / CSS

Gallery of images and alignment

by: Fred | last post by:

I've written a number of "image gallery" pages before, but I'm trying to do something a little different. All the images are rectangular (these are just pictures from my camera), and the...

HTML / CSS

centering images vertically...

by: George Ziniewicz | last post by:

.. I try to use CSS when possible, though I am still learning and don't maximize its use. In particular, I still use a table to provide for a centered image in a few slideshows (though table...

HTML / CSS

Floating images of different sizes

by: Grytpype-Thynne | last post by:

Is it possible to give a width to a floated div which is greater than the width of the image it contains? What I want to do is display some images which will be of different sizes so that they...

HTML / CSS

Display Images vertically via web service

by: Peter Lapic | last post by:

I have to create a image web service that when it receives an imageid parameter it will return a gif image from a file that has been stored on the server. The client will be an asp.net web page...

ASP.NET

Vertical center on images and text at the same line

by: Egil Helland | last post by:

I am trying to create a breadcrumb with both icons and text, looking like: Home > Trail > Trail Now, how on earth do I get the images and text to vertically align so that the vertical...

HTML / CSS

Equally positioning DIV's and putting text on images

by: Woodchuck | last post by:

Hi:) I've been trying to position some element's on my page and I can't come up with a way to equally position 4 DIV's in another DIV without explicitly setting the width of the "child" DIV's....

HTML / CSS

Using images as backgrounds within a wrapper.

by: riccom | last post by:

Hello, I have a very big dilemma here, for me that is. I am using three images as BG's within a wrapper. See link. The top image is fine. But the center shows okay in design view. However, when I...

HTML / CSS

Slideshow for the images

by: ttamilvanan81 | last post by:

Hai everyone, I need to provide the slideshow for the images. I have upload the images into database. Then i will retrive all the images from the database and provide the slideshow for those...

Java

Centering an two images concentrically in a <TD> or a <DIV>?

by: harryusa | last post by:

I am trying to center 2 images concentrically which are z-indexed to lay on top of each other making an image with a border from another image that has a transparent center. I need the images to be...

HTML / CSS

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

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

Similar topics