|
HTML - Image Place Holder
i want to place image dynamically...selecting from the system folder .
pls help Similar TutorialsHi All, Im trying to sort the layout of my site and i finish one thing and something else happens. So im trying to get a header,Middle and a footer which is correct right.. Instead i get header <which is fine Middle also showing Footer content?!?!? Im doing the design in the site master so all of my pages can reference that is just saves replicating the design over and over again. Site Master HTML Code: <head id="Head1" runat="server">
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="Form1" runat="server">
<div class="page">
<div class="header">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a style="background-image: none;" href="#">Forum</a></li>
</ul>
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</div>
</div>
<div class="footer">
<h1>
This is just some text
</h1>
</div>
</form>
</body>
</html>
This is the first page it loads on where i have noticed the issue. HTML Code: <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<div class="MainDetails">
<h2>
Welcome to ASP.NET!
</h2>
<p>
To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">
www.asp.net</a>.
</p>
<p>
You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409"
title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
</p>
</div>
</asp:Content>
this is the Css for Page,Header,Main,H1 and MainDetails Please excuse the massive width on the Maindetails Css. HTML Code: .page
{
width: 100%;
background-color: #fff;
margin: 0px auto 0px auto;
border: 1px solid #496077;
}
.header
{
position: relative;
margin: 0px;
padding: 0px;
background-image:url(../images/BackGroundSlice2.gif);
background-repeat: repeat-x;
width: 100%;
height: 100px;
}
.main
{
padding: 0px 12px;
min-height: 420px;
position: fixed;
text-align: center;
float: right;
width: 600px;
text-align: center;
}
.footer
{
color: #4e5766;
padding: 8px 0px 0px 0px;
margin: 0px auto;
text-align: center;
line-height: normal;
height: 100px;
}
h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;
}
.MainDetails
{
margin-left: auto;
margin-right: auto;
border: 2px;
width:1400px;
height:600px;
}
and when i launch the application i get the attached Image. "this is just some text" should be at the bottom and also can some one tell me why the page is gray? surely it should be white??? Thanks in advance. Problem: When ever i place the image the menu messes up. Please look at the first picture below to see the problem Now look at the second picture below to see how i want it to be source code: <html> <head> </head> <body> <img src="Home.jpg" width="190" height="30"><br/> <img src="Downloads.jpg" width="190" height="30"><br/> <img src="Hacks.jpg" width="190" height="30"><br/> <img src="Media.jpg" width="190" height="30"></br> <img src="Information.jpg" width="190" height="30"> <img src="Linux-logo.jpg" width="200" height="200"> <br/> <img src="Disclamier.jpg" width="190" height="30"><br/> <img src="Links.jpg" width="190" height="30"> <br/> </body> </html> hi!!!! everybody i inserted an image but it placed on center so i want to place that image on top if anyone know please give me suggestions for this thank u. Hi...I'm not new to html but i've come across something i cant get to work. I have created a page with a background image to repeat-x and it look great. Next I want to place a three column table at the top and over this repeated background image. The problem is that the table get placed below the 'background_img.jpg'. So there is a large gap between the top of the page and the table. How do I get the table to be placed over or on top of the repeated background img? Thanks it would be nice if i could learn divs i am sick of everything being out of place! it doesn't let me expand my abilities of using all the cool features i want .. i cant do anything right these days! can someone please make my online users counter appear in the site information box anywhere instead of in the iframe somewhere on a 1024x768 resolution? www.anastaciadreams.com Hi, my names Tyler, and i have recently been given the task of building a website for my family's new business (screen printing). Now i know next to nothing about HTML and CSS and all the things that go along with making a website so i googled html forums and this is where i landed. I am using Dreamweaver 5.5 but due to my lack of knowledge i am not using it to its full potential, and the web dev classes at college are full for the coming semester. SO i assuming i can start posting my questions under the HTML and CSS subforums right away? Thanks also this is my progress so far www.whatashirt.com (keep in mind ive got no clue what im doing) i guess you guys can view the HTML source code from your browser but idk about the CSS so if i need to post that info in my questions later on let me know Edit: when i click "thread tools" above my post it takes me back to the homepage. why is this? Such is called 'x bar' in mathematics. Hi guys, Im hoping someone can help me with me problem. I have a button on my website and its just sitting there in the middle of the site like a red thumb! How can I position it to the left in a nice orderly fashion underneath a div of external links? can you place text anywhere on the screen, cuz what i wanted to do was load a image and have the users ip come up on the image in the right spot, any idea how to use x, y cords with html? OK-I am making a Halloween Page and I would like it so that everytime someone CLICKS anywhere on the page (no matter where) it makes a Sound. I googled and all i keep finding is they have to click a small spot or mouse over a small spot in order to make it do this. everything else on my page is in the right place... all except my online users code... if i make it look in place with my 1280x1024 screen resulution, 1024x768 resolutions make it look too far up the page... what can i do to make sure it is in place whatever the resuluion? please help www.anastaciadreams.com right now its too low for me.. because im trying to make it fit with the 1024x768 users but i want it to be next to online guests, not on top of the other stuff or whatever thanks a lot if you help On this page: http://obama-net.org/bluelayout/index.html my absolute positioning is just not working. I've tried virtually everything to see what the problem could be, but I don't seem to find it? On my computer, the website looks fine when the window is maximized, but when it's minimized, the divs go all over the place. However, in other computers the divs are just never in place. Is there something wrong with my coding? I used dreamweaver. Thank you so much for your time! Can someone please tell me why my border on my navigation bar onthis site is cutting through the text in IE? I looks fine in firefox. The top border is styled in exactly the same way but displays fine in IE, the bottom does not. I'm looking to buy some webspace to eventually post my site on the net. Any suggestions of a good place to buy a domain and space from in the UK. Thanks Dyfrig hi i have built two pages using DW, an INDEX page and a FORM page. They both contain divs. I want to have the FORM page appear in the MAIN CONTENT div of the INDEX page. I got that to work, however the problem is the Form itself does not stay in the Div it is placed in, it floats out under the DIv and on top of other content. thanks for the help - my code is too long to post in one thread - will post the index code in part two here is the FORM code: Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
* {
margin: 0px;
padding: 0px;
}
body {
}
img {
}
h1 {
}
h2 {
}
h3 {
}
#retailWrapper {
height: 540px;
width: 980px;
}
#retailWrapper #retailHeader {
height: 50px;
width: 980px;
float: left;
}
#retailWrapper #leftImage {
float: left;
margin-top: 10px;
clear: none;
}
#retailWrapper #form {
height: 400px;
width: 680px;
margin-top: 10px;
padding-top: 10px;
float: left;
}
.style1 {font-family: Arial, Helvetica, sans-serif}
.style19 {font-size: 12px}
.style21 {font-size: 16px}
.style23 {color: #000000}
.style25 {color: #FFFFFF}
.style27 {color: #BEBEBE}
.style29 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
.style30 {font-size: 14px}
.style31 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
-->
</style>
</head>
<body>
<div id="retailWrapper">
<div id="retailHeader"><img src="_Art Files/newRetailerInq.gif" width="980" height="51" /></div>
<div id="leftImage"><img src="_images/_galleryImages/retailDisplay.jpg" width="200" height="480" /></div>
<div id="form">
<form id="form1" name="form1" method="post" action="">
<table width="51%" align="center" cellpadding="8" cellspacing="6">
<tr>
<td width="131"><div align="right" class="style29">
<label for="name">Name:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="name" id="name" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="storeName">Store Name:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="storeName" id="storeName" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="addressLine1">Address Line 1:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="addressLine1" id="addressLine1" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="addressLine2">Address Line 2:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="addressLine2" id="addressLine2" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="city">City:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="city" id="city" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="state">State:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="state" id="state" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="zip">Zip:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="zip" id="zip" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="email">Email:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="email" id="email" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="phone">Phone:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<input type="text" name="phone" id="phone" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="comments">Comments:</label>
</div></td>
<td width="196"><div align="left" class="style31">
<textarea name="comments" rows="4" id="comments"></textarea>
</div></td>
</tr>
<tr>
<td width="131"><div align="right"><span class="style1"><span class="style19"><span class="style21"><span class="style23"><span class="style25"><span class="style27"><span class="style30"></span></span></span></span></span></span></span></div></td>
<td width="196"><div align="left" class="style31">
<input type="checkbox" name="subscribe" id="subscribe" />
<label for="subscribe">Subscribe newsletter</label>
</div></td>
</tr>
<tr>
<td width="131"><div align="right" class="style29">
<label for="reset"></label>
<input type="reset" name="reset" id="reset" value="Reset Form" />
</div></td>
<td width="196"><div align="left" class="style31">
<label for="submit"></label>
<input type="submit" name="submit" id="submit" value="Submit" />
</div></td>
</tr>
<tr>
<td width="131"><div align="right"><span class="style1"><span class="style19"><span class="style21"><span class="style23"><span class="style25"><span class="style27"><span class="style30"></span></span></span></span></span></span></span></div></td>
<td width="196"><div align="left"><span class="style1"><span class="style21"><span class="style30"></span></span></span></div></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
Hi, I'm new at using html and I need help with placing text. I would like to place my text 12.5% across the screen from the left. Is there a way to do this or must I use the pixel way. Can you show me how First of all, is this the correct place for a post like this? K, I need a photogallery on my website but is there any easier way to do it other than just taking every image, resizing to a thumbnail, placing in a table, then linking to a new page with the big image on it? I can also do a slide show or anything really. I have like 700 pictures total and want to set up around three galleries. Is there a java script, etc. for this? Thanks a ton! My website (www.thebestpageyoullevervisit.co.nr) looks unorderly in Firefox, but looks fine in Internet Explorer. Some things that look unorderly are the tables which seem to move around, the text which seems to space out more than it needs to, and some words are pushed under pictures. Can anyone help? I am having a very frustrating issue that seems to have crept up over the last month or so. This problem did not exist on my site before, but it certainly exists now. Whenever I resize IE6 or IE7, the Google Ads I use on my site stay in place instead of following the browser resize shift. Needless to say, this makes the site look horrible when someone resizes their browser. And the real kicker is I haven't changed this section of code in months and now its suddenly not working. However, I have started using some other ads that use an <iframe> tag, and those ads do not have this issue. I know that Google uses javascript to serve the ads. Could there be some strange interaction between my code and Google's code? Has anyone else run into this? If so, how did you solve it? Here is a sample of my code that has this problem: Code: <div id="adPad"> <div class="floatArea1" style="margin:0 5px 0 0;"> <div class="noBorder"> <a href = "URL"><img src="img/image.png" alt="ALT" width="x" height="y"/></a> </div> </div> <div class="floatArea1" style="width:728px; height: 92px; margin: 0 0 5px 0;"> GOOGLE AD GOES HERE </div> </div> relevant CSS: Code: #adPad{width:955px; padding:5px;}
.floatArea1{
float:left;
margin-left: 10px;
font-weight: normal;
width: auto;
padding: 0px;
display: inline;
overflow: hidden;
}
.noBorder {
float: left;
width:auto;
}
.noBorder img {
border: 0px;
/*width: 312px;
height: 90px;*/
overflow: hidden;
}
Any help on this is greatly appreciated! Thanks! |
|||||||