HTML - User Selected Layouts [was Help With Html]
i recently learned html, still a n00b though, lol
i made a layout, which im proud of but i wanna know how to make a layout changer, which i can pput as a topic and have links, when ppl click them, the layout changes, and u can always chnge it bak to the original or something else mind helping me out? Similar TutorialsHello guys and girls! I'm currently working on a Web Design assignment for College, and I'm having a hard time trying to find the second way of building a lay out using HTML. We have done the table way of doing it, and I have got that way down, but i can't find out the other way. Could you guys maybe give me a little help, or at least a push in the right direction? Thank you! Hi all. I have a page that the select box is not selecting the option when selected is put in there. Here is the code. Any help you have is appreciated =) Thank you =) Light and Love and Healing to you, -Patrick Arden McNally Code: <html> <head> <title>DULUTH Music Scene</title> <link rel="stylesheet" type="text/css" href="music_scene.css"> </head> <body > <div class="wrapper"> <table width="100%"> <tr><td colspan="2"> <table width="100%" border="1"> <tr width="100%" align="center" valign="top"> <td><a href="index.php">Home</a></td><td><a href="calendar.php">Calendar</a></td><td><a href="featured.php">Featured Shows</a></td> <td><a href="view.php?mode=3">Venues</a></td><td><a href="view.php?mode=2">Local Artists</a></td><td> <a href="classifieds.php?type=1">Instruments</a><br> <a href="classifieds.php?type=2">Lessons</a><br> <a href="classifieds.php?type=3">Repairs</a><br> </td> <td><a href="email.php">Contact<br><a href="about.php">About Us</a><br><a href="user_reg.php">Join</a></td></tr> </table> </td></tr> <tr> <td><h2> DULUTH<br>Music Scene</h2> </td><td align="right"> You are logged in (admin) <a href="logout.php">logout</a><br> <a href="home.php">My Profile</a> | <a href="admin.php">MusicScene Admin </a></td></tr> <tr><td colspan="2"> <hr> <h2>Edit Featured Show</h2> <form action="admin.php?mode=edit_featured" method="post" name="form1" enctype="multipart/form-data"> <input type="hidden" name="mode" value="edit_featured"> <input type="hidden" name="id" value="9"> <input type="hidden" name="regionID" value="1"> Shows: <select name="showID"><option value="27" selected>2009-04-25 - The Rez <br>The Big Wu - The Orpheum Duluth - NorShor Theatre 1st Floor</option><option value="33" >2009-06-25 - The Infinite Flow <br>The Lovers - Blue Crab</option><option value="8" >2009-07-10 - The Infinite Flow <br> Johnny Reeferseed & the High Rollers<br> Harmonic Order<br> Cirrus Minor<br> The Rez<br> Dead L - Mellow Meddle Music Festival</option><option value="10" >2009-07-10 - The Rez <br>The Infinite Flow<br> Harmonic Order - Mellow Meddle Music Festival</option><option value="15" >2009-07-10 - The Infinite Flow <br>The Rez - Mellow Meddle Music Festival</option><option value="29" >2010-10-20 - The Hobo Newphews of Uncle Frank <br>JnvsVwNotS - The Rex</option></select><br> Description: <textarea name="description" cols="80" rows="10">The Rez and The Histronic will be opening for The Big Wu on Saturday April 25th at the Historic NorShor Theatre in Duluth (Now Called The Orpheum Duluth).</textarea><br> User: <select name="userID"> <option value="16" >Jamie Ness</option> <option value="17" >Jim Hall</option> <option value="18" >Marc Gartman</option> <option value="19" >Too Many Banjos</option> <option value="20" >Acceleratii</option> <option value="21" >Root City Band</option> <option value="22" >The Tisdales</option> <option value="23" >Equal Xchange</option> <option value="24" >Charlie Parr</option> <option value="25" >Uprising</option> <option value="26" >The Fractals</option> <option value="27" >Lonesome Dan Kase</option> <option value="28" >Ian Alexy</option> <option value="29" >The Hobo Newphews of Uncle Frank</option> <option value="30" >The Hobo Newphews of Uncle Frank</option> <option value="45" >Thirsty Pagan Brewing</option> <option value="46" >Lakeview Castle</option> <option value="48" >The Orpheum Duluth - NorShor Theatre 1st Floor</option> <option value="49" >The Rex</option> <option value="60" >Sir Benedict's Tavern on the Lake</option> <option value="61" >Pizza Luce</option> <option value="62" >Blue Crab</option> <option value="63" >Fitger's Brewhouse</option> <option value="51" >#dennick[IRIFIFZFZIII]</option> <option value="52" >2</option> <option value="12" >Music Scene Admin</option> <option value="47" >Angelic Ascension</option> <option value="13" >The Infinite Flow</option> <option value="58" >infoffwrofE</option> <option value="59" >itedgeGootorm</option> <option value="55" >Josh Brown</option> <option value="56" >pp</option> <option value="57" >pp</option> <option value="42" >Patrick</option> <option value="43" >Patrick</option> <option value="44" >Patrick Arden McNally</option> <option value="8" >Patrick Arden McNally</option> <option value="9" >Patrick Arden McNally</option> <option value="15" >Teague Alexy</option> <option value="14" >The Beat Coffee House</option> <option value="31" selected>The Rez</option> <option value="2" >Tim and Pat</option> <option value="6" >Twins Bar</option> <option value="50" >xpokvmihdsz</option> </select><br> Date Start: <select name="date_start_month"><option value="01" >Jan</option><option value="02" >Feb</option><option value="03" >Mar</option><option value="04" selected>Apr</option><option value="05" >May</option><option value="06" >Jun</option><option value="07" >Jul</option><option value="08" >Aug</option><option value="09" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select><select name="date_start_day"> <option value="01" >01</option><option value="02" >02</option><option value="03" >03</option><option value="04" >04</option><option value="05" >05</option><option value="06" >06</option><option value="07" >07</option><option value="08" >08</option><option value="09" >09</option><option value="10" >10</option><option value="11" >11</option><option value="12" >12</option><option value="13" >13</option><option value="14" >14</option><option value="15" >15</option><option value="16" >16</option><option value="17" >17</option><option value="18" >18</option><option value="19" >19</option><option value="20" >20</option><option value="21" selected>21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" >26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select> <select name="date_start_year"><option value="2009" selected>2009</option><option value="2010" >2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option></select><br> Date End: <select name="date_end_month"><option value="01" >Jan</option><option value="02" >Feb</option><option value="03" >Mar</option><option value="04" selected>Apr</option><option value="05" >May</option><option value="06" >Jun</option><option value="07" >Jul</option><option value="08" >Aug</option><option value="09" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select><select name="date_end_day"> <option value="01" >01</option><option value="02" >02</option><option value="03" >03</option><option value="04" >04</option><option value="05" >05</option><option value="06" >06</option><option value="07" >07</option><option value="08" >08</option><option value="09" >09</option><option value="10" >10</option><option value="11" >11</option><option value="12" >12</option><option value="13" >13</option><option value="14" >14</option><option value="15" >15</option><option value="16" >16</option><option value="17" >17</option><option value="18" >18</option><option value="19" >19</option><option value="20" >20</option><option value="21" >21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" selected>26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select> <select name="date_end_year"><option value="2009" selected>2009</option><option value="2010" >2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option></select><br> Paid: <input type="checkbox" name="paid" checked> Payment ID: <input type="text" name="payment_id" value=""><br> Active: <input type="checkbox" name="active" checked><br> Type: Front Page <input type="radio" name="featured_type" value="1" checked> | Featured Shows Page <input type="radio" name="featured_type" value="2" ><br> Featured photo: <input type="file" name="featured_photo"><br> <input type="hidden" name="featured_photo_old" value=""> <input type="submit" name="submit" value="Submit"> </form> <br><hr><br><br><br> <a href="admin.php?mode=featured">Add/Edit Featured Shows</a> | <a href="admin.php?mode=banners">Add/Edit Banners</a> | <a href="admin.php?mode=classifieds">Add/Edit Classifieds</a> | <a href="admin.php?mode=report">View Site Reports</a> <tr><td colspan="2" align="center"> <br><br> </td></tr> </table> </div><div class="push"> <div class="footer"><a href="about.php">About us</a> | <a href="email.php">Contact Us</a><br> <div style="font-size: 12px;">Website Design by <A href="http://www.thedesignedge.com/">The Design Edge</a> - ©2009 Music-Scene.org</div></div> </body></html> I've been working on a way to see who's using my website and I've just created a way for other web developers to use it too. My tool shows you who's on your website in a single HTML tag. It's still under development, but I was wondering if some of the other members of this forum might want to check it out and then reply back with what they think of it. It's written in PHP and Javascript, and of course it's free to use. The project site is http://www.websiteusermaps.com/ so I hope some of you have a moment to check it out and report back to me on this message topic as to whether or not this looks like something you might be interested in using. Thanks everybody! Jon Just before I start, I want to say I'm a total beginner, and don't reallu understand much about HTML and things. For my website, I want a new layout, and I usually download one from DayDream Graphics. But, my old layout was really annoying, as when I wanted to change something on the navigation or side bar, I would have to change the HTML on every page. I know with a lot of other layouts, that when you want to change the side bar, you can just change one thing, and it'll change on everyother page. That's because the side bar is on a different page (I think it might be in the style or something), apposed to the main body of my index. I really want a layout like this, but I don't know what sort of layout to get. Did anything I say just make sense to you, if so please help me! For example, this is the kind of layout that has what I'm talking about. - http://www.collybird.net/alist (The page may take a while to load!) Hello, I want to create this website, using the mailto tag, the user will input the info in the text boxes then click on the submit button and mail the information to what ever email I specify in the mailto tag(is that correct, can malto do that?). But I want to take it a step further and the email in the textbox the user filled out it would be sent email about more information on what they came to the website for, can this be done in html? if so how, hopefully this made sense to everyone. Thank you Okay so I want to make an input where a user (me) can input coding and then it will post it in another place but it will display in the site as not coding but just will execute the code....how would I go about doing this? Thanks for any help! (I'm trying to make a simple blog for my site but don't want to have to recode the entire page for each post individually. I would love to be able to just enter in one post's coding then it will display...I just assumed it's possible? Because of HTML code previewers out there.) Hi again! I am thinking of another project. I wanted to make/remake our software user manual in HFLM file. I want its file size to be small as possible, so I do not want to use CMS. How should I accomplish it. I want to use a temple with all the links in the header. Your comments and suggestions are highly appreciated. Thanks a lot. Hi all programmers I have a doubt. Im making a school project wich makes me to create a new website. But Im stuck in a point of this project. This website is like wikipedia but including videos and musics. What I cant do its to make a textbox where the user can write a code for example : "<b>bold</b>" and after he saves it the text will appear in bold. How can I make that possible ? TY Guys. Hi everyone. I'd like people's opinion on something. That something being layout design, or more specifically, width. When designing your website layouts, what width do you optimise your site for? Which technique do you find works best? I have had a tendency to make sites that are centered in the browser window and are optimised for 800px width screens, usually setting up the layout to be 788px wide, allowing 12px for a scrollbar if required. Another technique I have considered is the so-called Holy Grail liquid layout. With larger screens and half decent graphics cards now a lot cheaper than in the past, do you still optimise based on a 800x600 resolution, or 1024x768? I guess it can depend on the website's target audience as to how it is designed. For instance, a website aimed at a target audience of the elderly or younger children would need to have an easier to follow layout with larger text etc on screen. What are your thoughts on this? Hey, I have made a layout in Photoshop CS3, and would like to start coding it into a website. Anyone have a tutorials that they can point me to inorder to achieve this? Cheers. -JT Hello, Lately I've been getting more into HTML/CSS, but I have a problem. What I'm trying to do is make the website the same size on every browser window / resolution. I have heard Fluid Layouts does the trick, however I have not clue how to do that. I've tried going by tutorials, but no one really explains it step by step. What I was wondering if anyone has a link to a "Video Tutorial" on learning how to do Fluid Layouts, or if anyone knows a different way to accomplish this. Thank you Hi I want to give the visitors the option to view a layout of their choice when they enter my site can someone tell me how to do this please but instead of basically making 3 sites for 3 lots of HTML which is useless when i can do something simpler in just one go if this makes sense thanx I want it to be like so: first page visitors see will have previews of the layouts they click one then for the rest of the site that's there layout i dont want them to enter and be able to choose a different one while browsing the rest of the site with like a banner at the top of the page with the different layout options I have made 3 layouts for 3 headers Hi I hope someone can help me here, please view my site at www.sydneycivilcelebrant.com/divsite/index.html - when I zoom in or out using ie, the layout becomes all out of order, yet when I do it in firefox its fine. viewing the site with chrome or safari doesnt work yet as im still trying to figure out the css for both sets of browsers, but any help you could afford would be greatly apreciated! thanks Recently one heck of a lot of stuff about why you should use tabless layouts, but I have yet to find any reason to use tabless layouts, apart from their fashionable and W3C say so. However I have found several not to use them. Let me start with a plain simple myth about: Tabless layouts are more browser compatibly. Right? I frequently seen Mozilla Firefox, and IE process tabless layouts in quite different ways. Yet every time I have seen a table based layout, virtual browser has processed it exactly the same. The only exception I have seen is a percentage height on a table. Conitinuing on: Positioning Also has anyone here found with nested div's, a reliable way of positioning a nested div and still keeping firmly fixed to the parent? Ok, you can use the absolute position and make sure the div is within the area of the parent, what happens if you move or resize the parent div? I have yet to find of way of making sure the child stay in a position relative to is parent, apart from not using positioing at all. If their is a way of reliably positioning a div relative to its parent, then I would be very glad to know. Fixing a 'div' to another div. Secondly, if you got a multiple column layout, without using JS, I yet to see a way of fixing two or more divs to together to make sure that they are always the same height. With a table layout, you just had three columns in the table, and they will be fixed together, no faffing about Overflowing Content. Anyone here ever had a content div nested in a parent div, What happens when the content divs hot taller than the parent. In a very large number of setups, the contents of the content will flow straight out the parent. To sort the problem out you resize the parent. With a table, whats in the table stays in the table. I have yet to see it happen any other way. This is how things are my experience, I have yet to see any article that tells any way of doing that completely avoids all of these problems. If you know a way of avoiding these problems please, if not, and I ask the question, what is the practical point of tableless layouts? I would like to have a "User" or "Memebers Only" section on our website. What differs from other HTML code that I have been able to find is that what we would like to do is from our login page have have a specific page come up depending on the "User Name" and "Password". We DO NOT want to have a list of other users to be shown though, we have found a code that has a list to select from but this shows other users. Can anyone assist? ______________________ sport book betting steroid Html code for Text Boxes that the user writes down his details and then click to a button and his details comes to an eimail... look an example ... http://www.arkadiko-meli.gr/form.asp?i=2 Ok so here I am yet again with another mess on my hands. I know tables are tales of yore so I have recently dived into the world of divs. Well now I find myself with a coding issue that I could easily achieve with a table no problem. If I was using a table I could set a BG image and then I could put text over the image or another transparent image over that. I am wanting to achieve the same effect but with divs. If I am not mistaken all I have to do is create a div and float another div on top of that div however this I am finding is not as easy for the CSS beginner. Mind you I am not new to programming. So how is it done? here is a link to the site I am working on DeeJayOctane I am wanting to put text on top of the image in the nav div. But yet again this alludes me for some odd reason. Any help would be appreciated! Thanks I have a drop down box with a few items that can be selected. <select name="id_products" id="id_products"> <option value="CHOOSE ONE">CHOOSE ONE...</option> <option value="Bundle 1">Bundle #1 ($5795)</option> <option value="Bundle 2">Bundle #2 ($5495)</option> <option value="Bundle 3">Bundle #3 ($5295)</option> </select> When an item is selected and the Submit button is clicked, the form POSTS to FormMail.php which sends me an email with the value of "id_products". What I want to do is to expand on what the "Bundles" are before sending by email. For example, if "Bundle 2" is selected, then "id_products" equals "Bundle 2". I want to check what "id_products" is before sending this off to the FormMail.php and change it to something more descriptive, like: If id_products = "Bundle 2" then id_products = "Mustang $495 Pinto $23 Chevy $1200" So instead of receiving for id_products "Bundle 2" by email, I get... Mustang $495 Pinto $23 Chevy $1200 ... instead. Can this be done? Thanks. Webbiz Hi guys, i have a drop down code below Quote: <select class="input" name="mod[cpu]"> <option value=""> </option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> the output are like this Quote: $html .= ($content[cpu] ? '<div class="' . $this->switch_bg() . '"><strong>CPU:</strong> ' . @htmlspecialchars($content[cpu]) . '</div>' : ''); i want after the drop down choosed by user, it will add SELECTED next time they opening the drop down again i am still dont know how to put the SELECTED there, please help what is the code to add SELECTED, i only have variable mod[cpu] and $content[cpu] i already tried in bold below, but still not working Quote: <select class="input" name="mod[cpu]" selected="$content[cpu]"> <option value=""> </option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> please share your knowledge |