HTML - Page Design Question
I am fairly new to web design and was wondering what some of the techniques are to
make a page appear to have more on it then it really does. For example, how do you make it appear as if the page contains very little white space? is it best to use a pattern in the background? Is there a way to crop the page to make it smaller? Similar TutorialsAny way to make the potential links at the top and bottom of this page look a bit smoother, or fitting. Any help or suggestions in greatly appriciated. Code: <html> <style type="text/css"> ul { text-align:center; float:left; width:100%; padding:0; margin:0; list-style-type:none; } a { width:6em; text-decoration:underline; color:yellow; background-color:blue; padding:0.05em 0.3em; border-right:1px solid white; } li{display:inline} </style> <body bgcolor ="bisque"> <hr style = "color: green; height:3;width 50%"/> <ul> <li> <a href = "Menu.html" target="_top" style = "font-size:large;">Menu</a></li>     <li> <a href = "cater.html" target="_top" style = "color:blue;font-size:large;">Catering</a></li>     <li> <a href = "comment.html" target="_top" style = "color:blue; font-size:large;"> Comments/Suggestions</a></li>     <li> <a href = "http://www.mapquest.com" target="_blank" style = "color:blue;font-size:large;">Directions</a></li>     </ul> <hr style = "color:green; height:3;width 50%"/> <center><img src="logo.jpg" alt="image description" height="400" width="550"></center> <hr style = "color:green;height:3;width 50%"/> <a href = "Menu.html" target="_top" style = "color:blue;font-size:large;">Menu</a>     <a href = "cater.html" target="_top" style = "color:blue;font-size:large;">Catering</a>     <a href = "comment.html" target="_top" style = "color:blue; font-size:large;"> Comments/Suggestions</a>     <a href = "http://www.mapquest.com" target="_blank" style = "color:blue;font-size:large;">Directions</a>     <hr style = "color:green; height:3;width 50%"/> </body> </html> Hi guys. I'm working on a website, using ASP.NET. I'd just like to find out if there is anything specific that all websites should have, i.e. an about page with information about the owner and author of the site. Anyone have some advice? Hi there I got a little problem with my website http://www.gone-surfing.com ; the thing is that I would like to have the waveforecast on the right side of the site, where there is currently only an empty black space. And I am simply wondering how this can be done? In a way which enables the waveforecast to progress downwards out there, without pushing the other tables / content downwards. Hope some clever minds can help me out here. Any suggestions? PS! I would like to keep the design like this, it would be a bit too much work changing the whole design due to my lack of webdesign skills. The source code is available here @ gone-surfing.com/index.html A big thanks in advance for any help or suggestions. All the best, Alex hi, i was asked to design a web page in arabic, and i dont have any idea how to do so, i use wampserver (php).. any ideas??!! Hi and thanks for help in advance, iam new here. Just needed a help that how can i design my front page using CMS Arsslan I have learned through video tutorials that how to add video content, audio content, blog content and article content, but dont know yet how to design your front page. Help please and asap. thanks. I have made a rigid non repeated background image on a webpage I am designing using html and css code. Above the image is a title of the page which is "About Us". I want the "About us" to be rigid and non moving and to stick with the background image while the rest of the text on the page will be free scrolling. What code should I use to accomplish this. Thank you in advance. I'm in charge of doing the coding for a site that's been designed by a graphic designer with no knowledge of code. I like his designs, and the client wants me to make the site look exactly like them. They're .psd files representing each page. He sent me almost all of the images, but not the background and not certain key decorations (the guitar pics). I told him I needed the background, but his hard drive died (without being backed up) before he could send it to me. He doesn't seem to remember what font he used either. In light of all that, and the fact that the client wanted to get a basic version of the site up asap, I just converted the PSD's to JPEG's, uploaded them as whole pages, and used div's and image maps to add links and additional content. But that is obviously not a long-term solution. In fact, it's causing browser compatibility issues right now. And it's not accessible . . . etc. So I need to replicate these page design images using HTML or XHTML, and CSS. I can probably find a similar background and font to work with, but I just don't know where to begin. I haven't worked with CSS in years, but it looks like I'd probably need to use it. I'm not asking anyone to do my job for me. I'm just wondering how you would approach this task. Does anyone have time to look at the images and point me in the right direction? Here's the embarrassingly incomplete site: http://www.musicisrevolution.com The navigation works with Safari and Firefox. I'm also attaching one of the images so that it'll be clear what I'm talking about. Ok I need to take things like this forum: http://lmiinc.com/forum/ http://lmiinc.com/forum/calendar.php And make it active on the new site I'm building for LMI. So what files exactly do I need to copy to the new directory & then reference as a link in my navigation bar in all of my .html files? Hello, I am a page and was wondering how I would align it center in the page without all the formating being messed up. So I was wondering if there was a way to make everything center in the page but look just as it does now, just centered no matter the size of the page. Hope you can help! Thank you in advance. This is the page I would like the code to center http://www.primenewscenter.com/updat...ncom&buid=4928 Thanks! I'm sure there is a way to go about this but I can't seem to figure it out and I'm not that proficient with html or css so hopefully someone here will able to help me out with this. Im working on a portfolio site for myself and this is what I have so far http://www.visualonestudios.com The site contains two main DIV's. One horizonal one for the menu called 'Outer' and one vertical behind it called 'main'. What I want is that the menu section always stays and the content of the main DIV changes depending on what has been selected on the menu. I'm not using any frames so what would be the easiest way to do this and remember I'm html-challenged lol. Thanks I have link to a new page. I want to set the size of that page so that it's about 3"x4". Can I do that? Here's what I got so far <td class="listing"><div align="left"><a href="display_member.php?member_id=<?php echo $row_listMem['member_id']; ?>" target="_blank"><?php echo $row_listMem['name']; ?></a></div></td> Edited: Seo Concerns. (This is one of those stupid 'Why do they do that?' questions. I'd ask them, but I'm worried it's really obvious and I don't want to look like a mook.) I've noticed a couple of teachers at my College set up websites that take up only part of the page. For example, this one page is 440px in height and 775px in width. This leaves a lot of white space, because the page is huddled up in the NW corner of the page. At first, I thought it was for visually hindered people, so when they zoom in, the text would be larger, and the page would fill out larger as well, take up the whole screen. But zoom doesn't actually change the page's height/width. Any thoughts? hi, I have one question I have one index page <index.html> with iframe it displays: info.html, contact.html, and main.html it default src="main.html" if I creat a link from the other page eg. <hot.html> from <hot.html> I want to make a link just a single click it will go to <index.html> but in the iframe displays <info.html> instead of <main.html> how the codes should be like? Thanks. Hi guys I've recently got into to the whole making sites for people running for political office and a lot of them want a donation function on there pages only problem is I have like NO idea how 2 do that. Its it done with HTML? Do I need to run through pay pal? Do I need to hand code the fields? So more then like a specific Q and A on this one I just need a broader response on where and how this is done. Thx 4 the assist. John My current web site is at "CAVAglass.com" I created "http://www.cavaglass.com/gallery/1.GORMENGHAST.htm" and want it to be my new Index Page. All the links work fine here. When I rename "http://www.cavaglass.com/gallery/1.GORMENGHAST.htm" as "index.htm", and open my "CAVAglass.com" website this home page looks fine, but no links work. Any suggestions? Best, Joseph how do you make youtube videos small on your profile like... icon size i've seen it on profiles but cant figure it out How do I figure out the lenght of the page (content, not browser window) so that I can make all of my regions line up at the bottom? I noticed that % in the height attribute is related to the window not content. I have also tried auto, but that is different for different content. My page has an outside region, a left nav bar and a content region, and I don't know how to make the bottom line up without tables. Sorry if this is confusing. Thanks in advance. I'm trying to design a simple html website for the company I work for but I have run into a problem. I can't figure out how to make the table extend all the way down to the bottom of the page without stretching the content. I tried adding bottommargin="0px" to the body tag but that didn't work. I also tried adding height=100% to the table tag but that stretched the content of the page. Here's my code: <html> <head> <title></title> <link rel=stylesheet type="text/css" href=stylesheet.css> </head> <body topmargin="0px" bottommargin="0px"> <center> <table bgcolor="#FFFFFF" width=70% cellspacing=0 cellpadding=6 style="border: #000000 2px solid; border-bottom: 0px; border-top: 0px"> <tr><td> <center> <img src="logo.png"></a> </center> </td><td> <center> <b><big>Name</big></b> <br>Address <br>Address <br>Phone & Fax <br>License </center> </td><td> <center> <img src="logo.png"></a> </center> </td></tr> <tr><td colspan=3 style="border: #000000 2px solid; border-bottom: 0px; border-left: 0px; border-right: 0px"> <center> <img src="star.gif"> <a href=index.html>Home</a> <img src="star.gif"> <a href=testimonials.html>Testimonials</a> <img src="star.gif"> <a href=employment.html>Employment</a> <img src="star.gif"> <p><b><big>Welcome!</big></b></p> <p>Content</p> </center> </td></tr> </table> </center> </body> ----------------------- I've seen (and cannot find again) a header piece of artwork that was justified a percentage distance from the left of the page. Another plain slither of header artwork was repeated seamlessly across the total width of the page. It went 'behind' the prime piece of artwork and reappeared. The 'joins' were invisible. The header seemed / appeared to be one piece of artwork that went across the page regardless of how wide the page was with the piece of artwork always remaining between the centre of the page and the left hand edge of the page. The distance of the piece of artwork got nearer to the left hand edge of the page the narrower the page got. How does one achieve that? Both images were hosted by ImageShack. I barely understand all that myself! My knowledgebase is a little above zero. Thanks in advance, MD. |