|
HTML - I Think Im In The Right Place...
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? Similar TutorialsProblem: 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> 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 Such is called 'x bar' in mathematics. 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. 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 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? 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! 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 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? 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 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>
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? 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! 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 i want to place image dynamically...selecting from the system folder . pls help I've just started learning HTML and I got one problem. I'm making a page that has link buttons on top of it. The buttons lead to different pages that I have created. All of these pages have the same buttons. Currently I have several html-files which all have the same section of code in them. I've programmed with Java before and something like that was never recommemded. You only had one code which was used as a "sub-program". Can something like this be done in HTML? Can someone show me how to make a background stay still when you scroll up and down the page? 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! Hi I have designed pages for my site and sometimes they do not look like the design once the are placed on the site. What happens is all of the small images are lined up on the left side of the page whiile the larger images are not in the same order as expected. This happens when I post my site onto google or any other site that allows html. However, it looks correct on my web site. http://dnorwood.com/FLYERS.aspx. I can only assume that I need to lock the images in place. However, I can not figure out how to do so. I have tried anchors, with no luck. Does anyone know why the images are not staying in place and do you know what I should do to lock them in place? BTW: I design the site pages in Photoshop CS and import the layers into Golive 5. Not sure if this is the best way to desing a site, but it seems to work well on my site. David |
|||||||