|
HTML - Can This Layout Be Achieved Without Scripting?
Basically I've got two columns (divs, positioned with float left and float right).
The right column has a graphic at its top and bottom. Its middle section is for a repeating graphic (background image). The total height of the right column needs to match that of the left column. The left column will contain loads of different things - it's completely unpredictable. Is the only way to use JS and get the height of the left column and resize the right green div accordingly? Or could it be done using a table? Thanks for any advice, Seymour. Similar TutorialsI want to have a website setup that is dynamic in a way. Ive figured out how to include other files for the header and footer etc, but im wondering if I can also do the following. I want it so that the home page, and say the gallery page are one in the same, with only the content in the middle changing. So its using the same basic layout on every page but populating the content section with news etc rather than having 20 html files for each section. Is there a way to do this, or can anyone point me in the right direction? Thank you. Hi, I have a cgi code which takes input as param() from text file in html page. the code then processes the file and gives the result as output as an array in perl.I can get the result to print in a text file on my local server and hence i have made it in table in HTML page. I want to create a download link on my result webpage so that the result can be downloaded as txt file from the server where the text file is generated from the cgi code. Thanks in advance! I have a series of checkboxes and the user can check one or more of them. When I display their submission back to them for verification, I want to display only those which have been checked. I have a form processor (FormProcessorPro) and they tell me that they can't guarantee that PHP code will parse correctly. And they're correct, it isn't parsing correctly - unless I'm missing something. Here's an example of what I'm trying to do: <?php $blmc = "[blmc-gp]"; // [blmc-gp] FPPro's access to field names if ($blmc == "YES") { echo "<tr>"; echo "<td align="right" class="maintext">General Pastor :: </td>"; echo "<td><font size="2">[blmc-gp]</font></td>; echo "</tr>"; } ?> First question, should the above work in suppressing the table row if the checkbox hasn't been checked? Second question, is there a way in pure HTML (no PHP, PERL or JAVA) to accomplish my goal of suppressing any table rows where the checkbox hasn't been checked? Thank you, Roy hey there Seniors... i've been trying to learn basic Html script but ended up getting big headack LOL... All right, this is what i need.. i need a Script that could refresh every 4-5 seconds of a certain website and also to add a number on the website everytime it enters to another page.. Example, www.hello1.com the next site should be www.hello2.com i tried making one but ended up only able to refresh every 4 seconds but i dun know how to add a number to the website... Here is it! ===== <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META HTTP-EQUIV="refresh" CONTENT="2;URL=www.hello1.com" </head> <body> window.onload=beginrefresh //--> <h1 align="center">Redirecting in 4 Seconds.... </h1><hr /> <p>You will be redirected to a new page in 4 seconds, if you are not redirected, please <a href="hwww.hello1.com">click here</a> </p> <p>This tutorial was created by Mr Me</p> <p align="center"> <a href="www.hello1.com">www.hello1.com</a> </p> </body> </html> ==== hope you Seniors can help me out ^_^ Thanks in Advance! force download via server side scripting e.g. php <------ DOES ANYONE KNOW HOW TO DO THIS??? I want to have downloads on my site, but dont want to use zip files or the "right click, save as" garbage.... 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 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 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 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?? 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 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? 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! I'd like to have an image "inside" a block of text such that the text surrounds it. Here's a mock-up: Is that possible? I've tried various things but no luck yet. 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. Hey guys, I created a webpage with a some pictures and roll over images. The page turned out perfectly well, except when i minimize the browser size. All the images from the right push over to the left depending on the size of the browser. Why does this happen ? Thnx in advance !! 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. im making a layout for a band's myspace. on www.myspace.com/sunofmithra www.myspace.com/symptomofreality and www.myspace.com/iwrestledabearonce you will notice that there is a picture ABOVE the search bar (not on symptom of reality's but its good enough.) how do i get a background like that?? also, how do i put links in there, like iwrestledabearonce did with a video, and symptom of reality did with the send message, add to friends, etc. Thanks! P.S. Bare with me im not that good at html, i made an account here so i could LEARN about it more, and i also did not know where this would go really. |
|||||||