i would like to ask what is the best way to position and align images on an HTML web page.
I will have approximately 10 user-controls that each have a set of images on them laid out in a specific pattern, eg - an arc, a circle, straight line, some other sort of curve.
How i can achieve this using best practices?
Update: All the images will be the same size.
First off loving the new look, well done to the moderators / owner of the site.
Okay I want to display in a div 16 image controls which are 100 x 100 px in dimension. I need to display four rows of four but I just cannot get them to line up.
I am trying to set up a web application with a datagrid and a chart on one tabpanel of a tabcontainer. It started of ok but I need to have the chart positioned right next to the datagrid. I read about using css but cannot get it to work. I have added a separate css file
[Code]....
On poping up the Dialog Box (consisting of an image) on Page Load ,sometimes it doesnt align to the center of the page. Tried everything (e.g putting correct DOC type, Css etc) but still not happening.Although if you refresh or even resize the window it aligns to the center. Using the latest Ajax Control toolkit ModalPopupextender
View 5 RepliesI've been trying to get image caching working for the last 8 hours and I keep the same problem time and time again, I'm trying to cache Images at the moment and then when thats succesful, apply this to cache my js and css files. I have at the moment Sql Dependancy caching working on my dynamic pages but the page still takes to long due to images not caching.
What I have tried is going to IIS7 Management and adding HTTP Response Header for the images folder and setting various things for the cache control.i dont care how long it caches it on the client or on the proxy servers i just would like it to check when the file was modified and compare it with the one in the client or proxy cache and if they are different then fetch the new image which has been ftp up. i could solve this by changing the image name but the thing is the image name is generated when they are ftp'd to the site by an application and the name is a direct reference to the product so i cant change the name each time, as it would mean making a lot of otherpages accross the board.
so What i would like, is to set and expiry date of lets say 32 days or more on the images and then check to see if they have changed by date modified or some other way of checking(Etags maybe) I'm not sure, if they have changed on the server then redownload and recache them, I tried using post-check and pre-check together but that just permantly cached them, so when i change the image the only way it would display the new image is to just hit F5.
In Brief, how can i Cache images, on the client machine/ proxy cache and recache them when the modified date of the file has changed.
So I am adding StaticTextField controls to a page. This is using ExtJS, but we use VB.NET methods to add ExtJS so we don't actually have to write it.
I tried using
.Style = "text-align:right"
But that isn't working, in fact it isn't doing anything. Here is the whole code of one of the controls:
With .AddColumns(2)
With .Item(1)
.LabelWidth = 150
With .AddControl(New Forms.Control("LoanProceeds", "../../loanProceeds", "Loan Proceeds", IIf(Model.LoanProceeds <> 0, Model.LoanProceeds, "$0.00"), Forms.Control.ControlType.StaticTextField))
.Validate.AllowNegative = False
.Validate.AllowDecimals = True
.Style = "text-align:right"
.ReadOnly = True
End With
All these controls are contained within a column, which is contained within a fieldset, which is contained within a panel.
why these aren't right aligning using CSS? For some reason, if I try to use the same code above (the CSS), to try and right align comboboxes, or number fields, it works, and they are located right underneath these static controls, but it's not working for static controls. They need to be static because we don't want the "box" outline on each of the values, we just want it to be text, nothing else on the screen.
Given the following markup for a GridView column, why are my image buttons showing up as left aligned?
<ItemStyle HorizontalAlign="Center" Width="55px" />
<ItemTemplate>
<asp:ImageButton ID="removeButton" runat="server"
ImageUrl="~/Images/Icons/x-m.png"
CommandArgument='<%# Eval("ResourceId") %>'
AlternateText="Remove Button"
onclick="removeButton_Click" />
</ItemTemplate>
I am having some trouble with designing a masterpage for my site. In IE 8 the left menu pane stretches out every time i add a pic to the top table. When in compatiblity mode this is not a problem
View 14 RepliesI have three panels.Right,Middle and Left. controls in the panel right and left are dynamically loaded. the middle panel is just a separator ,that contains only text saying "else" which should come exactly in the middle of two panels.
how to set the middle panel ?
since right and left panels are dynamically loaded with controls , it is very difficult to set the text of the middle column.
I want the text box and the Apply button to be on the straight line. What am I doing wrong?
<tr align = "center" valign ="bottom">
<td align="left" style="padding-top: 15px; height: 30px;">
Promo Code</br><asp:TextBox ID="txtCouponCode" runat="server" MaxLength="10" TabIndex="5" Width="130px" />
<asp:ImageButton ID="ImageButton1" ImageUrl="../images/apply-blue.gif" runat="server"
OnClick="imgApply_Click" ValidationGroup="0"/>
I have posted below the code to a very simple log-in page, but can't work out why, when viewed in a browser (Chrome, - I haven't tried others), it appears way down the page in the ContentPlaceHolder and not at the top. Also, how would I make such 'functions' as log-in boxes like this one appear centred on the ContentPlaceHolder as opposed to formatted to the left?
If anyone could indicate where in this code it states to align the log-in function box to the left
and half way down the page (not align to the MasterPage header
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
I have an ASP.NET control. I want to align the textbox to the right and the label to the left.
I have this code so far:
<td colspan="2">
<asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>
<div style="text-align: right">
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</div>
</td>
The textbox aligns to the right, but the label aligns to the left and on the line above. How can I fix this so that the label is on the left, the textbox on the right, and both on the same line?
I am trying to uise the Ajax Toolkit Tab container and Tab Panel controls. I got them working BUT the tabs are on the right side of the web page instead of starting on the left side. I have tried many things to move them to no avail.
I am using a master page and a css style file. By clicking around they moved to where they should be but then after viewing web page went back to right (wrong) side.
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
I have a table on top of my gridview. My table contains labels. However, though I would like to align the size aka the length of the table with the length of my gridview so that everything looks decents. How do you go about doing so.
View 2 RepliesI have a table with 10 columns out of which 8 have a radiobuttonlist, now the two ohter columns that I have, one has text boxes and another one a label.
I want the columns 1 and 2 to align with the rest of the columns. Because its columns 3 - 8 have radiobuttonlist, its considering one Radiobuttonlist in one cell of the table
[Code]....
I'm using Crystal reports 2011 and visual studio and 2008 and I'm having a problem displaying my report in the Crystal Report viewer. I'm using themes and my data is not aligning like expected. I have a lot of numerical data on the report and I have the numbers right aligned.
I finally figured out that if I don't use themes then the report shows the data as it should - right aligned, but when I apply the theme the data gets left aligned.Am I correct in assuming that if you are using themes then your data won't align correctly with the crystal report viewer? how to get my data aligned correctly when using themes?
how would you design a search box to position control properly.
Code:
[code]....
I am using two Grid Views to display data. One (headersGV) is used to show custom headers which change depending on the device type in the second table (dataGV).
The second displays device data and is bound to db tables. This table has a sort mechanism enabled, the functionality of which is in the header cell of the table, hence the need for the headerGV for column headers.
I need to align these two seperate tables so that the headers align with the data columns in the other table. The dataGV columns dynamically resize depending on the data displayed.
I have tried inline styles, css bound to both tables at different levels of priority, onbind methods, and overriding DataBind() method.
I have some code that successfully traps an error 404 and diverts to an appropriate page. However, I have a problem with certain types of error. My code will trap the scenario where a user types, e.g.,
www.mysite.com/indecks.aspx where no such page exists. However, if the user types something along the lines
www.mysite.com/index.aspx/nonsensetext where index.aspx is a valid page, the page load event for index.aspx is triggered. However the page is rendered incorrectly because, I think, it is failing to find the images and CSS file associated with the page - perhaps because it is looking at the wrong path.
I expect that I can trap this by examining, for example, Request.URL.OriginalString and, if I detect garbage, I could re-direct to the same page "more cleanly" (i.e. without the junk on the end of the URL). However I'm a bit concerned that this is happening at all. Shouldn't this be treated as a 404 error?
My website use master page as template. All my other pages spread in different level folder. Master page will get images (which use related path - related to master page) from style sheet file which located in App_themds's sub folder. When application run,The page will lost all images if the content page did not located in the same level as Master page.
View 3 RepliesI have an application in that i m placed one drop down box.Now i want to show some image and other details according to that drop down item in asp page ..I am assigning drop down items in C # .Now the requirment is like on that time click need to show corresponding image on asp page. how to retreive images according to the drop down item value.
View 9 RepliesI am creating a Web page where lot of images will involve. it's like admin uploding the products and the users can search and see the products. so, for this i have stored the image in the database itself in a column with varbinary(MAX) datatype. is this the right way/ best way to do it or storing the image in the Server and storing the server path in the databse will be the best solution for this or do we have any other solution for this kind of website.
View 8 RepliesI am developing a web page which has some mscharts controls in it. Generating mschasrts working fine. In that page i have one button control . When the user clicks on the button i want to export all mschart images in that page to powerpoint slide.Now i am able to export the image from local disk(not chart image) to powerpoint but i want to get the images from the currently loaded page.
how to get the images from the current page.Here is the mschart code in my page..
[Code]....
in the button_click event method i used the following code to get the images..
[Code]....
but when the user clicks on the button all images from page disappearing....
I have a page where I want to load a lot of images to. Say I have a page of like 50 images 2mb large each and I want them to be displayed on one page. Whats the best way to do that?
Basically what I'm doing right now is loading them from the server and displaying them in image tags. Problem is this crashes the browser. In chrome it will crash, in IE it will bog the computer down and lock it up. I think the browser is running out of memory or something.I'm wondering if I should be using a background worker or a different thread or something.. Is this possible with a web app?
I have an aspx page which I am pasting the code from. This page is a preview gallery which when I create a new gallery in my admin panel it auto updates to this page and places the text name I assign in the admin and assigns a page link which takes users to the actual gallery page for that preview... for instance I log in as admin and select manage free gallery.. enter the gallery name (for example" free preview") upload 8 or 9 images and a slideshow then hit submit. The gallery is then created and a link to that gallery is placed on my page for all free galleries. I want to not only have a link but an actual thumbnail image for these.. how would I do this given the code I am pasting below? I would also be willing to just eliminate the text link and go with a clickable thumbnail with a short description under it which actually would probably look better anyway. Pasted ASPX Code follows:
ok so I cant post the code because I am new..