|
HTML - Easy Question - Html Positioning
Hi guys, just a quick question about positioning objects in HTML.
Sorry if the is a noobish question, im new to html and dreamweaver. Basically, for a school assignments we nhave to create a webpage. There is one aspect though that i cant figure out. What is the best way to position pictures, divs etc in HTML? If I use absolute positioning with pixels, it changes where it is on different screen sizes (obviously). The best way i have found so far is by using percentages (eg top 40%) but this is slow and hard. Any better way? Too long didnt read- how to position things so it looks the same on any resolution Thanks in advance Similar TutorialsI just need to write an html page (or asp) or whatever, that takes a varialble from a form and opens/makes an http call to another page using the variable the user input. For example, the user enters there name (Bob)on a page and hit submit. I need Bob at the end of the call. I then need the following opened/called or whatever. http://www.somesite.com/script/Bob I am very new to programming and just need this for a quick work project. Hey, I would really appreciate it if someone can help me with this. I have an ebay store and I want to use HTML to link my items to my store. "Click Here to View my Store" Can someone help me out with this. I dont want to put the link to my store cause that might be against the rules or something so in the store part of the HTML just put something like (storelinkhere) Thanks everyone I know its a really dumb question but im just not getting this HTML stuff. Hey guys, I'm new to the forums. My name is Joe. I am a network admin of a decent size company and just recently picked up the job title of web site support, of which I know almost nothing about. The only html experience I have had is doing ebay listings. Ok enough of that, heres my problem. On the main page of our company website we have a weird symbol showing up that doesnt appear to be in the code. What shows is: "Queen City Reprographics is a leading supplier of digital imaging services, supplies and equipment. Since 1908 we have been providing our clients innovative solutions for their imaging needs. Although founded as a blueprint company in 1908, we have evolved into a national supplier of state of the art imaging solutions. Now almost 100 years later, we are recognized as an industry leader with the highest level of commitment to our clients, employees, and vendors. Find out why we are "Not Just A Source, but a Resource�". The symbol in question is the little square after the last word "resource" some of us see it as a blank square and others see it as a small square with a question mark in it. I have a very basic knowledge of this kind of stuff and I dont seem to see it in the code so could someone tell me what im doing wrong? You can go to www.qcrepro.com to see it for yourself. Here is the code as I see it. Thanks: <table width="840" border="0"> <tr> <td width="524" height="150"><div align="justify"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Queen City Reprographics is a leading supplier of digital imaging services, supplies and equipment. Since 1908 we have been providing our clients innovative solutions for their imaging needs. Although founded as a blueprint company in 1908, we have evolved into a national supplier of state of the art imaging solutions.<br > <br > Now almost 100 years later, we are recognized as an industry leader with the highest level of commitment to our clients, employees, and vendors. Find out why we are "Not Just A Source, but a Resource".</font></div></td> Howdy, Got a really easy (I think) question. ------ [ ] <- total viewable window space [1][2][3] <- now with 3 divs in it 1 & 3 = divs that take up all available space (fluid, stretch to fit window size). 2 = div with a set width. 1, 2 & 3 all have a height of 100%. ------- So basically instead of the "holy grail" 3 column layout with a fluid center and fixed sides - I want a fixed center with fluid sides. Also, I can achieve the same look by taking out divs 1 and 3 and just having div number 2 centered. But I don't want that, I want the whole page covered in divs! Any help would be greatly appreciated! Thanks, Morphy. Ok, this should be an easy question.... You are at website A. A is the homepage. Website A has 3 pages within it: 1 2 3 You are in Website A, scroll down the page 3/4 the way, and click/go to page 1. You click the back button. It jumps you back down 3/4 the way. The question: what's the code that brings you back 3/4 the way down the page? Is that in the html or a built in feature in the browser? Thanks! my page has gaps where it shouldn't... at least in IE it does... it looks ok in Firefox... any suggestions?????? http://kalcotter.com/flourish/prostasense/ OK, so what I want is to move CATEGORY list like 20 px or such to the right! I CANT FIND THE CODE ive tried every class I thought made sense but nothing would budge? Much appreciated to look at the source here. Second question: click thanks hi, I have a table that I set its bg to an image. the width and height of the table is 100%, padding 0 and boarders are 0 and I still see while bacground arround the table. how can I expand the table to cover my full screen? thanks This has been answered in here before, but I can't find the answer. I've got a simple setup and my main image is not aligning correctly in firefox, but is in IE. Here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive 6"> <title>Welcome to Adobe GoLive 6</title> </head> <body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" bgcolor="#ffffff" background="images/back.jpg"> <div align="center"> <p><img src="images/main.jpg" alt="" height="315" align="top" width="750" border="0"></p> </div> </body> </html> Normally when I add a background image to a frame the image repeats itself in a tiled fashion, you know what I mean. Is there any way to change this so it only shows the background image once. I don't want tiled. Thanks!! Arc. could you guys help me answer these questions ... i am just a begginer and dont know a lot of answers...cheers guys and thanks for advance just give your best shot at these questions thank you in advanced 1. Someone wants to load some interview videos on the webpage for the customers to view and download What should he include when linking to them a) type of video b) size of video c)tips for viewing d) all of the above 2. f that is a direct child of an element e a) e-f b) e < f c) e + f d) e>f 3. to accent the division between snowboard types ..use which of the following a) whitespace b)horizontal line c) two sided align d)style 4. to position an element at a specific spot while the rest of the page scrools you use _________ positioning a)relative b) fixed c)static d) absolute 5. what happens when the co-ords of your <ara> tag in an image overlap a) the last tag is used b)the tag used is selected arbitrarily c)the first tag is used d)overlaping tags are ignored 6.by convention if the path and file name are left off the url the browser searches for the file named "index.htm" or "index.html" in the root folder of the web server this file is often the __________page for the Web site a)catalog b)home c)main d)link 7. which style can be used to define a rectangular region througgh which the elements content can be viewed a)region b) clip c)overflow d) rect 8. _______ browsers were incapable of displaying images. a) markup b)text-based c) pda d) graphical First I like to thank you for reading this. Iam a complete rookie here. First post. I sure hope that I posted this in the correct forum. I have no clue on HTML codes. I have copied and pasted these codes in. I did do one item myself and that was inserted a table format. My problems is I have one little (">") showing up and I have no idea how to fixed it. The following code: HTML Code: <HTML>
<HEAD>
<TITLE>SCHEDULE OF EVENTS</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=10>
<CAPTION>UPCOMMING EVENTS</CAPTION>
<TR>
<TH><H1>><div><embed src="http://widget-37.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675390263&site=widget-37.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=1" target="_blank"><img src="http://widget-37.slide.com/p1/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=2" target="_blank"><img src="http://widget-37.slide.com/p2/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=F" target="_blank"><img src="http://widget-37.slide.com/p4/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div
</LEFT></H1>
</TH>
<TH><div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;">
<object type="application/x-shockwave-flash" width="435" height="170" data="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569">
<param name="bgcolor" value="#e8e8e8"/>
<param name="movie" value="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"/>
</object>
<br/>
<a href="http://www.profileplaylist.net"><img src="http://www.profileplaylist.net/mc/images/create_black.jpg" border="0" alt="Get a playlist!"/></a>
<a href="http://www.mysocialgroup.com/standalone/58484656" target="_blank"><img src="http://www.profileplaylist.net/mc/images/launch_black.jpg" border="0" alt="Standalone player"/></a>
<a href="http://www.mysocialgroup.com/download/58484656"><img src="http://www.profileplaylist.net/mc/images/get_black.jpg" border="0" alt="Get Ringtones!"/></a>
</div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="416" height="312" id="mbox_player_309edbb41214e3c3be"><param name="movie" value="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" /><param name="allowScriptAccess" value="always" /><param name="allowFullscreen" value="true" /><embed src="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="416" height="312" allowFullscreen="true" allowScriptAccess="always" name="mbox_player_309edbb41214e3c3be"></embed></object>
<div><embed src="http://widget-75.slide.com/widgets/slidemap.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675403893&site=widget-75.slide.com" style="width:450px;height:425px" name="flashticker" align="middle"/><div style="width:450px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=5" target="_blank"><img src="http://widget-75.slide.com/c1/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide11.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=6" target="_blank"><img src="http://widget-75.slide.com/c2/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide6.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=H" target="_blank"><img src="http://widget-75.slide.com/c4/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide42.gif" border="0"</TH>
</TR>
<TR>
</BODY>
</HTML>
Can you please help me with this problem. The HTML you are already given (has 2 unordered lists and both of them are in seperate divs) and I have to style them up with CSS with what the assignment wants. So far what I have is this: ul#menu { float: left; width: 6em; list-style-type: none; margin: 0; padding: 0; background-color: #aac; border-right: thick solid #44a; border-left: thick solid #ccf; } div#main { margin-left: 7em; } Now the thing is, it's looking alright so far, but there are some problems and things I don't know how to fix. Firstly with the border right and border left things and background color on my unordered list, the left and right borders aren't big enough and the middle part is too big. I want to change this but keep my list items (the middle and 2 borders) the same overall length as I have them now, just to switch proportions. Also, in the example of the finished product, the list items have a small white space between eachother as to seperate them.. kind of like they are in their own seperate rectangular boxes with borders each on top of eachother, how can I do this? Thanks for your time! Hope you can help! I want to learn HTML.I want to know the best site for HTML.can u help me. I'd like someone to make an outline for my page. I've made a rough sketch: The left menu and the title place are meant to be "connected" and they should both be 44FFFFF. The body place is just meant to be white. Hello I am new to HTMLforum and joined because I am having trouble viewing a page correctly in IE...just like most cases, it views perfectly fine in Firefox, Safari, etc. The problem I am having is in the backround image section. You see, I have a background pattern/img on the whole page itself (ex. the wood pattern). But in the TABLE section where all my content will be, i ALSO have another background img/pattern (ex. wrinkled paper) The problem I am having is, in Firefox(etc) the page views perfectly fine. But in IE (7) the page only views the wood pattern and not the wrinkled paper pattern inside my table. here is a temporary link to the site http://www.realtourproductions.com/newtrail/index.html I would greatly appreciate any help. Hello All member, How to create easy HTML sitemap ??? Please share your suggestion here ........ Hey, thanks ahead of time for any amazing answers, Anyway, i am hosting my website on Tumblr, which is a blogging thing @ quickcache.org And you can customize your theme in HTML. I want to add a 150 by 150 or less picture to the left of the blog title. You can view to code here and view the sample website here If you could give me a updated copy with fill in the blank code that would be epic! I assume it should be easy for anyone with any knowledge of HTML. And yes i know i need a image host. Also if you add to the code, could you give me a recommended picture size to fit it to the left of the title? Thanks so much! i want to make my text go from left to right inside my html box. for some reason its only going in the center of the page. ive tried editing the code but to no avail. please help me! heres the address, thanks dale. http://stores.ebay.co.uk/My-Memory-U...WITH-HTML.html and here's the code............... <div align="center"><table border="0" cellpadding="0" cellspacing="0" width="819"> <tbody><tr><td><img src="http://www.use.com/images/templates/bynum/6411/pintop.jpg" width="819"></td></tr> <tr><td align="center" background="http://www.use.com/images/templates/bynum/6411/topbar.jpg" height="80" valign="middle"><font color="#000000" face="arial, helvetica, verdana, sans serif" size="4"><b></b></font></td></tr> <tr><td background="http://www.use.com/images/templates/bynum/6411/midbar.jpg"><div align="center"> <table align="top" border="0" cellspacing="0" width="720"><tbody><tr><td style="background-repeat: no-repeat" width="720"><div align="center"><table style="width: 1px; height: 52px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr> <td><br></td></tr><tr><td> <b>NOTE :</b> why is the text centered i want it from green to green inside the box?.<p> <br><strong><br></strong><strong></strong><br></p></td></tr></tbody></table> <img src="http://www.use.com/images/tran60h.gif" height="60" width="1"></div></td></tr></tbody></table></div></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/botbar.jpg" width="819"></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/footer.jpg" width="819"></td></tr> </tbody></table> </div> Hello All- I'm trying to create a website and I am using Dreamweaver. While I'm fairly versed with Dreamweaver's nuances, there's one thing that I've never been able to do. I've created a white rectangle box in photoshop that I want to use as the main part of my site where all the text and pictures go. I want the rectangle positioned vertically and to go "off-screen." I have a blue background behind it. My problem is, the rectangle doesn't go to the furthest point of the top and bottom of the browser. Here is an example of what I want done: http://www.logoworks.com/ If you check out that website, you'll notice the rectangle shape in the middle behind the text and graphics. It goes to the furthest part of the top "off-screen." The picture I've attached is what happens to me what I try to play around with the padding and positioning (i've tried both html and css). Any help would be great. Thanks! |
|||||||