|
HTML - Layout Help Wanted!
Hey all, I need some help with the lay-out of a site I'm making.
I have 3 images: left.jpg fill.jpg right.jpg I need to make a website that fills the entire width of the screen. left.jpg always needs to stay on the left side of the screen. right.jpg always needs to stay on the right side of the screen (regardless of screen width). and fill.jpg is a 1 pixel wide image that should either stretch between them or repeat itself to fill the space between the other two images. So when the user resizes the window the right image stays right and the middle image adjusts to fill the entire space between left.jpg and right.jpg. I've tried a lot so far using tables and divs but non have worked for me so far. Could someone provide me with a working example? Thanks in advance Similar TutorialsI need help with a table and tr... I have 3 rows in a table. The first 2 contain the same td(s) - 4 of them. I'd like to have a 3rd row that contains 9 td elements visible. How can I accomplish that? Is it possible to make the third rows td elements independent of the first one (since it follows the layout of the first rows td lengths)? Hello everyone. Our studio engage in home webcam Yahoo Messenger show. We are looking for webmaster, who can make small site for transmitting this show. We have only 3 girls. Hello guys, First, I am glad to be a member of this forum.Can I have links to good HTML e-books? Books in pdf format shall be appreciable. Thank you very much, Regards, Kishore I am going to do my first website, and I need headings at the top of the page with , Home, Products, Services and Contact headings at the top but I need them to be inside a rectangular tab with round edges. So I need help in information on whether I have to format or style the headings with css eg. h1.one font-family etc etc. and then on the header <h1 class="one"> etc etc. I might be wrong but is there way I can get the headers I want to be round edged? I am new to html so my answer might have been totally wrong just using my own assumptions. Thanks for help and if someone has ideas for other type of header styles I could use I will appreciate the info. Please post .php banner rotation script to easy paste into website footer to handle ten or so banners thanks Urgent On my main page www.virtualhunterston.eu.org I have 3 images under the featured image section. I can quite easily find a script that will allow me to randomize the image, but I cannot find a script that will allow the image to be random and also have words below. Example. On the link above I have Castle Gate as a featured Image. How can I have it as random image and it changes the name below it as well? say i was to have Avenue Gate I would want the image for that gate but also to say Avenue gate below it. Hope that made sense?, and that anyone can advise. All the books I've seen are targeted at either newbies, experienced, or expert users. All I want is a reference that shows all the tags and all the formatting options. For example: Table <table></table> Table options <table style class height width border colspacing padding> Table row <tr></tr> Table row options <tr ..... > Table data <td></td> Table data options <td ..... > See? For every avaliable tag. I just need a reference, not code, nor how to's. Just a reference to the tags and parms they can take. If you know of a book title that covers this, please indicate. Thanks! I want the maximize square to work with a new window pop-up but it is not. I been trying all sorts of options without luck. The minimize button works the close but not the maximize square. Is there any way this button can work? I am openning the new with "_self" option. This is by code now. javascript:window.open('http://www.tstonebeta.org/staff.html','','maximize,width=600,height=600,scrollbars=1,resizeable=1,status=1,toolbar=yes');void( 0) Thanks for any suggestions. Russ Hi everybody! I'm new to the community, and I need a little help. ^.^ General Version: I am making a form and I want the submit button the be grayed out until you tick the "I agree to the ToS" Checkbox, but I also want to make sure that it turns grayed out again once you un-check it again. My Specific Version: Here is my site I will use it for: http://www.projectflyffinnovation.com/php. Currently I am using some Javascript to make the link un-gray it, but I want to remove the link and make the checkbox above it do what the link does, and will uncheck it when deselected If you want the source I am using, just go to the site and click view source. I would really appreciate some help! Thanks in advance! http://i179.photobucket.com/albums/w293/Necro6666/th_****Layout.jpg Thats a link to a picture of my crappy layout going to ask a friend to make a background for me i just need a better layout if someone can help me i'll be gratful Heres the codeing HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Funt's Anime</title>
<style type="text/css">
body {
background-color: rgb(58, 95, 135);
margin-left: 10%;
margin-right: 10%;
border: 5px rgb(90, 150, 150);
padding: 30px 40px 10px 20px;
font-family: sans-serif;
}
</style>
<style type="text/css">
div.c1 {position:absolute;left:500px;top:-10px}
div.c2 {position:absolute;left:150px;top:58px;
margin-left: -5.11%;
margin-right: 55%;
border: 2px solid rgb(150, 150, 150);
padding: 0px 5px 0px 5px}
div.c3 {position:absolute;left:0px;top:58px;
background-color: rgb(205, 205, 205)}
div.c4 {position:absolute;left:0px;top:0px;
background-color: white}
div.c5 {position:absolute;left:403px;top:58px;
margin-left: -5.11%;
margin-right: 40%;
border: 2px solid red;
padding: 0px 5px 0px 5px}
div.c6 {position:absolute;left:703px;top:58px;
margin-left: -5.11%;
margin-right: 10%;
border: 2px solid green;
padding: 0px 0px 0px 0px}
</style>
</head>
<body>
<div class="c1">
<h1>Funt's Anime</h1>
</div>
<div class="c4">
<table width="1280">
<tr><td></td></tr>
</table>
<div class="c2">
<p align="center">Complete List</p>
<hr size="4" align="left" width="100%" color="gray">
<p>May, 09, 2009</p><p>The following Anime are complete:<ul>
</ul></p>
</div>
<div class="c5">
<p align="center">New Episodes</p>
<hr size="4" align="left" width="100%" color="red">
<p>The following have been added to Anime:<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li></ul>
</ul>
</div>
<div class="c3">
<table border="2">
<tr><td>Links</td></tr>
<tr><td><a href="Anime/AnimeList.html">Anime</a></td></tr>
</table>
</div>
</body>
</html>
I have this gif layout http://i21.tinypic.com/140dn5l.jpg But how Do i turn it into a website or like write stuff on it with html? Please help I can do a bit of html Ok, I've made some changes to my navigation bar on my website with Fireworks so its more interactive. I've now implemented into my html but it has throw a certain part out on the page. Its the small picture thumbs at the bottom of the page, they are supposed to be in one row accross the page, now they go underneath each other. I've been looking for ages now to see the problem but I can not work it out. Here are 2 links to the pages, the first one is the one that works previously and the second is the changed one. If you can see the problem I would be so grateful, thanks. http://www.ashley-stone.co.uk/psychedelic.htm http://www.ashley-stone.co.uk/psychedelic2.htm Hope someone can help as I'm tearing my hair out at the moment!! I'm working on a site for a friend, I have only ever used basic html to code my own sites, due to this I'm having problems with the layout my friend wants. I've created it with frames, not live yet but you can view it he http://www.ladin.co.uk/Jim/index2.html The layout with color either side and content in middle is how he wants it but obviously without frames, I'm not very knowledgeable where CSS is concerned so haven't a clue how to code it, thanks in advance. Linda Ok so I'm making a layout for HabbTunez and I've put my navigation into a table and when you click the picture the navigstion comes down, but everything in the table I've made is centered vertically, click Here to see what I mean. If you want more info just ask. Ok so I'm making a layout for HabbTunez and I've put my navigation into a table and when you click the picture the navigstion comes down, but everything in the table I've made is centered vertically, click Here to see what I mean. If you want more info just ask. Is it possible for me to upload a picture of my template I sketched and you guys tell me what I need to do in order to accomplish this? this is the way it looks right now: http://christoffer.wicb.ots.dk/byrummet/ but i want it to look like this: also with the rounded cornors but i have tryed lot of things but cant get it to work can u help me?? How would I go about laying this site out similar to this site? I don't want the bubble text in the blue banner, I want to leave that as it is on my site. Thanks for any help! Are there in depth tutorials on making a Div layout? Tables are making way more sense. How do you make a div float to the right of something without having it move to the bottom when a page is shrinked? How do you make a div take up space within a div that not taken out? Like in a div. 80%, inside that div is a 100px div, then have another div inside the 80% div that uses the rest of the space? and how do you fix this? http://vertion.fused.ws/div.html |
|||||||