473,770 Members | 2,153 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2489
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.inwr ote in message
news:11******** *************@c 35g2000hsg.goog legroups.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="Maste rPage2.master.c s" Inherits="Maste rPage2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head id="Head1" runat="server">

<title>Untitl ed Page</title>

</head>

<body>

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

<div class="header">

</div>

<div>

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

<tr>

<td class = "seperators ide" style="height: 16px">

</td>

<td class = "seperatormiddl e" style="height:
16px">

</td>

<td class = "seperators ide" style="height: 16px">

</td>

</tr>

</table>

</div>

<div class ="header">

</div>

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

<tr>

<td>

</td>

<td>

<asp:contentpla ceholder
id="ContentPlac eHolder1" runat="server">

</asp:contentplac eholder>

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

}

..seperatormidd le{

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"
<REMOVEALLCAPIT ALSeEgGoldD...@ mMvVpPsS.orgwro te:
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.inwr ote in message

news:11******** *************@c 35g2000hsg.goog legroups.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
66047
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" height="29" alt="Wir schreiben die Geschichte Ihres Unternehmens."></div>
3
3153
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 float: right. Mostly I test with IE 6 and Firefox 1. I'm having a hard time stopping ugly empty gaps appearing in the text. If I use clear: both then, if the browser window is too wide, the text takes up less vertical space than the images, and I...
2
5732
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
4285
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 the data to the top of the page. I would like to take the section below the repeater (label and radio buttons) and move them to the bottom of the cell.
2
4898
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 edge of the browser. Problem is the images are not all the same size and when an image wraps, it stops next to the first image that is taller. Here is some code: <div style="float:left"> <a href="#">link 1</a> <a href="#">link 2</a><br />
7
3346
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 nothing happens. I don't understand why. Please help. Thanks.
0
2297
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 the block, which is a fixed height in pixels. However, there doesn't seem to be a "float:bottom right" attribute and "vertical-align:bottom" doesn't seem to work in the DIV of the below <table cellpadding="0"
3
4422
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%; min-height:100%; } body{ vertical-align:middle;
0
4153
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 between Community and its gray border? I have the following CSS which I purchased as part of a theme from www.aspthemes.net ...) /*-- ASP Menu --*/
0
9425
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10057
jinu1996
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9869
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
6676
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5312
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5449
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3970
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3575
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2816
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.