473,396 Members | 1,992 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

How to align images or text at the bottom or sides.

Hello all,

I want to align the images and controls at the bottom of a master page
or at the right side.

I tried to do it with the table but I was not successful.

The image should be seen at the bottom of the page.

Please reply....

Thanks in advance

Vinit

Apr 29 '07 #1
2 2438
Vinit,

Using tables is a simple and reliable way of aligning. You should continue
trying it. Put a table in the master page, place the images on the bottom
row and the content page in the row above.

--
Eliyahu Goldin,
Software Developer & Consultant
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
http://usableasp.net
<vi*************@yahoo.co.inwrote in message
news:11*********************@c35g2000hsg.googlegro ups.com...
Hello all,

I want to align the images and controls at the bottom of a master page
or at the right side.

I tried to do it with the table but I was not successful.

The image should be seen at the bottom of the page.

Please reply....

Thanks in advance

Vinit

Apr 29 '07 #2
Thnaks for your answer.

I have already done that.

But when I launch the page the image in last row is in the middle of a
where the contentholder ends I.E.

Here is a code

---------------------------------------------------------
The form

<%@ Master Language="C#" AutoEventWireup="true"
CodeFile="MasterPage2.master.cs" Inherits="MasterPage2" %>

<!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 id="Head1" runat="server">

<title>Untitled Page</title>

</head>

<body>

<form id="form1" runat="server">

<div class="header">

</div>

<div>

<table cellpadding="0" cellspacing ="0" >

<tr>

<td class = "seperatorside" style="height: 16px">

</td>

<td class = "seperatormiddle" style="height:
16px">

</td>

<td class = "seperatorside" style="height: 16px">

</td>

</tr>

</table>

</div>

<div class ="header">

</div>

<table cellpadding="0" cellspacing="0">

<tr>

<td>

</td>

<td>

<asp:contentplaceholder
id="ContentPlaceHolder1" runat="server">

</asp:contentplaceholder>

</td>

</tr>

<tr>
<td class = footer>
</td>

</tr>
</table>

<footer>

</footer>

</form>

</body>

</html>

Stylesheets

..header {

background-image: url(Images/UpperBar.JPG);

background-repeat: repeat;

position: relative;

height: 30px;

margin: auto auto auto auto;

}

h1 {

position: absolute;

left: 37px;

top: 12px;

text-transform: uppercase;

font-size: 18px;

}

h2 {

position: absolute;

left: 37px;

top: 10px;

font-size: 11px;

}

..seperatormiddle{

background-image: url(Images/Seperator.JPG);

background-repeat: repeat-x;

width : 9999px;

position: relative;

margin: auto auto auto auto;

}

..seperatorside{

background-image: url(Images/UpperBar.JPG);

background-repeat: no-repeat;

position: relative;

width: 2px;

margin: auto auto auto auto;

}

..divempty{

position: relative;

height:2px;

margin: auto auto auto auto;

}

..footerbg {

width: auto;

height: 50px;

text-align: center;

}

..footer {

background-image: url(images/LowerBar.jpg);

background-repeat: repeat-x;

margin-left: auto;

margin-right: auto;

height: 50px;

text-align: center;

font-size: 10px;

color: #ffffff;

}

---------------------------------------------------------------------------------

I also want to align one section at the right hand side of the page.

I know it may be a small mistake. But please reply...

Thanks again.

Sachin

On Apr 29, 3:55 am, "Eliyahu Goldin"
<REMOVEALLCAPITALSeEgGoldD...@mMvVpPsS.orgwrote:
Vinit,

Using tables is a simple and reliable way of aligning. You should continue
trying it. Put a table in the master page, place the images on the bottom
row and the content page in the row above.

--
Eliyahu Goldin,
Software Developer & Consultant
Microsoft MVP [ASP.NET]http://msmvps.com/blogs/egoldinhttp://usableasp.net

<vinit_mahaja...@yahoo.co.inwrote in message

news:11*********************@c35g2000hsg.googlegro ups.com...
Hello all,
I want toalignthe images and controls at the bottom of a master page
or at the right side.
I tried to do it with the table but I was not successful.
Theimageshould be seen at the bottom of the page.
Please reply....
Thanks in advance
Vinit

Apr 29 '07 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
by: Markus Ernst | last post by:
Hi I have a strange problem with vertical-align. The case can be viewed at http://www.brainput.info/geschichte.html. HTML code: <div id="bild"><img src="geschichte.gif" width="274"...
3
by: Mark Carroll | last post by:
I've been wanting web pages that nicely embed images among text. The way I typically do this at the moment is to sprinkle my IMGs through the text as floats, alternating between float: left and...
2
by: Newry | last post by:
Hi, I'm trying to position something with CSS, to have the equivalent of: <table> <tr> <td><img src="foo.jgp"></td> <td valign=bottom>Label</td> </tr> </table>
2
by: Thomas Scheiderich | last post by:
Is there a way to make a section of a <td> tag to go to the bottom of the cell? Below is a portion of my page. The <td class="BodyText"> tag has a "vertical-align:top" in the css file to move...
2
by: gee.sucka.foo | last post by:
I have a few thumbnail images each surrounded by a few links. So I put the thumbnail and the links in a div tag and set the div's to float:left. So my intent is to have the thumbnails wrap at the...
7
by: ridergroov | last post by:
Hi folks. I'm trying to figure out how I can insert 2 different graphics into a table cell and align one to the top and one to the bottom using CSS. I used the "vertical align" to "top" in DW but...
0
by: laredotornado | last post by:
Hello, I'm trying to write TABLE-free HTML pages, but I'm having a problem with rewriting a particular block of code using DIVs and CSS. I want to align the "More" button at the bottom right of...
3
by: acunnon | last post by:
I am trying to put together an login page my problem is getting the three items aligned to the middle verticaly without specifing a height to anything on the page. CSS html{ height:100%;...
0
by: Mark B | last post by:
I have an asp:Menu control in vertical drop-down mode, a portion as displayed: Can anyone tell me how to get Community correctly aligned with Support? Also how do I put a bit of a gap...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
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...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.