|
HTML - Layout Question, Can't Figure Out How To Start
Hello guys,
I'm not sure how to start this design out. If you'll take a look at the image below, I would like to design a page that just has text where the page is on the right hand side. What would be the best way to go about doing this? I want to be able to scroll if there is a lot of text (this is the light grey area), plus have the red tabs link to different pages. This isn't the final design, as I just wanted to highlight different areas for you to be able to see it better. Anyway, any suggestions you have on how to do this would be GREATLY appreciated. Thanks!! Similar TutorialsOk I had someone recently create me a new myspace layout. We will be using various images for the layout that I will be changing myself from time to time. He needs to know the file path of where I'll be storing these images on my server so he can link all the images correctly. I guess for right now I was just going to use my home computer as the server & just get the hosting? What do you guys think? Also when creating the file path, none of the folders that I want to use can have a space between the folder name right? Like it must be: AcidTripMedia Not Acid Trip Media Right? I must take all of the spaces out of the names of the folders I want to use? I am creating product directories that I want to show 3 products across, and then a break, and then the following three products, and so on. Is there a way in regular html code, not database driven, that when I remove one of the products the rest move over to fill in its spot automatically instead of leaving a hole? So, if I had products: 1 2 3 <br> 4 5 6 <br> 7 8 9 And I remove #2, could it automatically shift to: 1 3 4 <br> 5 6 7 <br> 8 9 instead of: 1 _ 3 <br> 4 5 6 <br> 7 8 9 ???? Hi! I design profile layouts for an online sim game called howrse.com. I was looking through some other layouts online kind of like the ones I do, and I came across this layout: http://i11.tinypic.com/72qe2io.jpg I tried making a similar one, but I can't really figure it out. Any suggestions as to how this layout was coded? Thanks! I really don't like my layout right now. http://www.nike-dunks.net/nike-dunks...2c35315e8843cf I want my new one to look like this with the navigation bar to the left side and the boxes like where the product is. Will some one please show me how or send me to a tutorial. Thank you. Good morning/afternoon, My company is obviously living in the stone age, I have been tasked to create a website using notepad. Dreamweaver has been bought but getting it, is anyone's guess. I have a good foundation and the layout that they want: 1 image in the top right Company name in the center 1 image in the top left In the body of the page three different tables with hyper links in them I have gotten a lot done so far, but I seem to be stuck with the code for positioning the tables. All the tables seem to be aligning themselves on the left side of the screen, and not the middle or right side. I have attached a copy of my code for anyone to possibly decipher. i used to use tables for the layout, now i'm trying divs..the thing is i'm not sure how should i think about the layout, i mean like tables i have rows, every row have cells, now with the divs i should think about it the same way? a container div to replace the main table, then another div to take place of a row, then divs as cells..an so on does that make any sense? i don't know if that was clear, but the question is: how should i think about it? i know the question sounds stupid but it seems that i just got used to tables & can't accept divs yet Hello all, Sent out my website to a bunch of people, noticed it only works on my firefox+mac what is going on?? Site is at www.dmrosemark.com Hi, new poster, as well as new web designer! I'm having trouble with having a javascript execute in an html table. What I'm trying to do is have the image background for the table to change with an onMouseOver, then change back with an onMouseOut: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> function mouseover () { document.getElementById("nav1").src="nav1_hover.bmp" } function mouseout () { document.getElementById("nav1").src="nav1.bmp" } </script> <STYLE type="text/css"> body { background-color: white; color: silver; font-size:12px; font-family: courier new; } </STYLE> <title>untitled</title> </head> <body> <a href="http://www.htmlgoodies.com"> <font color="#666666"> <table border="0" cellpadding"0" cellspacing="0"> <tr> <td onMouseOver="mouseover ()" onMouseOut="mouseout ()" id="nav1" width="120" height="34" background="TF221 site redo/menu1.bmp" align="center">nav1 </tr> </td> </table> </a> </body> </html> The bolded and underlined chunk of code is what I'm having trouble with. I've put it everywhere in here but it's not taking it. Heck, what I'm trying to do may not be possible anyway, I'm not sure. Help is appreciated, thanks! Ok, so I have this div set up like this: HTML Code: <div id="divbody"> <div id="menudivcenter"> Content of menu goes here </div> </div> <div id="footer">Content Of the Footer Goes Here</div> To me, this would stack the divs on top of eachother. Problem is they are side by side instead...... here is the site: http://dl.dropbox.com/u/9856200/baby...d-wrk/dfc.html here is the css: http://dl.dropbox.com/u/9856200/baby...bdb_colors.css Also this is a work in progress obviously so there's probably tons of errors and crap. I'm a novice so let me know if I'm horribly disfiguring this thing. Sorry this post can be removed, figured out problem. Hello everyone. I know nothing about html and was wondering if someone could help me. I am trying to load this code into a website I am building but don't understand why nothing comes up. I downloaded the background tiles like the website said and then inserted the html to my website they provided. What do I need to do in order to get this page loaded and working properly. Any help would be greatly appreciated. Here is the code they provided: Code: <html> <head> <title>Title of Your Page</title> </head> <body background="tile-012-b.jpg"> <br> <p><center><table width="90%" cellpadding=40 cellspacing=0 border=1 background="tile-012-c.jpg"> <tr> <td width="100%"> <p><center><table width="100%" border=1 background="tile-012-a.jpg"> <tr> <td width="100%">Your Content Goes Here </td> </tr> </table> </center> </td> </tr> </table> </center> </body></html> And here are the background tiles I saved to my computer. tile-012-b.jpg (this being the very last background) tile-012-c.jpg (this one being the middle background) tile-012-a.jpg (and this one being the top background) What am I doing wrong? Please help! Please go to my site www.ithp.org 2.) Look at the very top gray horizontal menu that has the RSS | Twitter | Facebook etc. 3.) When I make the window smaller or resize my screen window that top gray bar gets all weird and looks bad. However the rest of the site just dissapears like it should and doesn't resize. CAN ANYONE HELP?? I'm doing a blog for a friend with a test run setup he http://www.g3concepts.com/tarablog This theme is setup in tables and based of a single HTML page. I cant seem to figure out how to get a header, with an intro paragraph added to this theme without jacking it all up. If you take a look at the blog now, youll see I simply added a table above the container, but nothing lines up right. I'm just trying to get the header and intro paragraph done right. (theme didnt have header or intro paragraph) I also cant for the life of me figure out how to make this red bordered section white And I wanted to add a small section below the container as well, but again, adding anything seems to hack this theme up Can anyone lend a hand? I'm sure it's pretty simple to do, I just cant figure this one out. i posted this earlier but its been hard to get a response, basicly im trying to get a form to submit to an e-mail, i have the form on a finance.html and a contact.php the form tabs are like this <td style="width:194px"><input name="input" type="text"></td> </tr></table><table style="height:23px"><tr><td height="28" style="width:67px"><br style="line-height:2px">Middle Initial:</td> <td style="width:194px"><input name="input2" type="text"></td> </tr></table><table style="height:23px"><tr> <td height="28" style="width:67px"><br style="line-height:2px"> Last Name</td><td style="width:194px"><input name="input3" type="text"></td></tr></table><table style="height:23px"> the submit tabs look like this <span><a href="contact.php" onClick="document.getElementById('form').reset()">Clear</a></span><img src="images/spacer.gif" alt="" width="20" height="1"><span><a href="contact.php" onClick="document.getElementById('form').submit()">Submit</a></span></p> </td></tr></table></td></tr></table><form name="contact_form" action="#" method="post"> </form> and the .php looks like this <? $subject="from ".$_POST['input']; $headers= "From: ".$_POST['input1']."\n"; $headers.='Content-type: text/html; charset=iso-8859-1'; mail("sirv101@hotmail.com", $subject, " <html> <head> <title>Contact letter</title> </head> <body> <br> ".$_POST['input']." ".$_POST['input1']." ".$_POST['input2']." ".$_POST['input3']." ".$_POST['input4']." ".$_POST['input5']." ".$_POST['input6']." ".$_POST['input7']." ".$_POST['input8']." ".$_POST['input9']." ".$_POST['input10']." ".$_POST['input11']." ".$_POST['input12']." ".$_POST['input13']." ".$_POST['input14']." ".$_POST['input15']." ".$_POST['input16']." ".$_POST['input17']." ".$_POST['input18']." ".$_POST['input19']." ".$_POST['input20']." ".$_POST['input21']." ".$_POST['input22']." ".$_POST['input23']." ".$_POST['input24']." ".$_POST['input25']." ".$_POST['input26']." </body> </html>" , $headers); echo ("Your message was successfully sent!"); ?> <script> resizeTo(300, 300) //window.close() </script> Hi, please tell me what should I start learning to create an interactive website like facebook.com and photobucket.com . I have good knowledge in HTML and CSS but I want a website where people could register, have profiles, upload pictures, post comments to others etc. Just don't know how to start and what to read Please help Thank you Hi, I'm not too sure if this is the right section for this, so forgive me if it's not... I am about to embark on designing a new site, I have some experience of HTML and general design, but not too much beyond that. The site I am aiming to develop is to be a lot more dynamic than anything I have done in the past. I am not too sure on the best methods for acheiving what I want, so I will list the desired features. It would be really helpful if someone could tell me which languages I need to look at. I am prepared to learn for this (already started looking into very basic xml and php), but the main goal is an easy to use, well presented site in a relatively short time. The features I require are as follows: 1. A news/post section for only selected members to log in and add content (including the odd graphic). It would be useful if each post could exist as an independent 'module' and, for instance, appear on its own embedded on another site. 2. A music player (probably flash, this on itself is not an issue) that can also be embedded in another site. 3. A user forum (I have a MySQL database, but have no real experience of using it) - possibly using PHPBB?. 4. A number of linear comments sections that can exist below posts and other items (that does not necessarily require login, but can include a name and comment). 5. A site design which remains the same page for page but where the content can be entirely different (so the title and links etc. remain the same). Once again, I am not looking for detailed instructions on how to acheive this, just what I need to start looking at and any tips or problems I am likely to run into. I would be extremely grateful if someone would take the time to indulge me. Thanks in advance! Hi Sorry if this is not strictly in the codes of conduct. I am an engineer who sometimes plays about with websites. I just built one and I cant get the frames to work for an on line catalog. 2 issues - Firstly it works with firefox on my pc b4 upload then will not display the pictures online. Secondly it will not work with ie7 correctly with the frames. It shoots off from a button on this website www.projectsuppliesdirect.com/shower.html the catalog was generated using Vevo catalogue builder Vevo have a htm suffix and this site is html suffix. The site is XHTML and the catalog is HTML. If you have any ideas I would be happy to hear thanks Si PS Just thinking that it will be simple for many of you to see what I am trying to do. If you could advise an alternative software that can provide a similar function, that would be very useful as I am not so confident in the code this application rolls out (easy to blame the tools ) http://www.l2-wow.com/ is the link. As you can see, on a 1027x768 resolution there's this bar that drags into nothing.. nothing is there. I have been all over the HTML/CSS and I can not simply figure out what in the world is doing it. I had to re-do it again because things weren't lining up right when people with higher than 1024x768 resolutions viewed it.. any insight on these issues on what causes them and how to fix them before a computer gets thrown down the stairs? Nevermind: It's been resolved. Apparently I forgot to set the width on the navigation in my first stylesheet and it was making it obnoxiously long for w/e reason. Writing code and being tired don't mix well. Hey guys, I am currently stuck on something. If you view this website i am working on in firefox it looks good, but in internet explorer it doesnt. It's not the whole website its just a small part of it. website: guardianfence.com user: guardian pass: guardian If you look at those images that rotate in firefox they look fine, but if you view them in IE the text is all messed up... This is how the first image starts: Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> Here is the CSS part fot the gallery_box_layout Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> and here is the code for gallery_text_layout Code: .gallery_text_layout
{
padding:9px 20px 0px 6px;
}
Can someone please help me figure out why it's like that in internet explorer? Thanks!! |
|||||||