HTML - New Layout, Need Suggestions...
Hi everyone,
I'm currently in the process of re-thinking my layout www.ballermag.com and I would love to hear some feedback or ideas from the pros on this forum Not sure if this sort of post is frowned upon here in this forum, but I thought I would give it a try. If we are not supposed to do this here, just ignore this message and accept my apologies... If I'm going to rebuild the site, what should I start with? Any suggestions would be a big help! Thanks for reading, Milkman Similar TutorialsI'm working on a site for a friend. She designed it all in Photoshop, but she didn't know what to do after that. I sliced it up in photoshop, and saved it to html. The problem is it uses tables for everything. I know tables are not the way to go and I want to do it all with CSS, but I've never created a site from scratch, I've just hacked templates alot. I have no problem reading and editing CSS, but like I've said I've never tried to style a site from scratch. Is there a good tutorial around to take a sliced up psd into html/css? I can do it if I have some direction. Thanks, Joe ps - here is the site I'm trying to work on: http://sewandsew.joeipson.com Here's the website that I'm trying to fix up: http://web1.pas.rochester.edu/~sps/ For my screen resolution (1680x1050), the text on the right frame seems to be shifted too much to the right and viewing it on a lower resolution makes it so the user has to scroll to the right to see the entire text. Just wondering if there was a way to get rid of that empty space so the text could shift over closer to the left frames? Also, i've noticed that when i click the links on the right frame, a scroll bar appears on the bottom to allow me to scroll left and right, though it really doesnt change much. Is there a way to get rid of that? I'm in a nonprofit org that has an events page & a job posting page. We're currently using an old guestbook format that is getting spam on a daily basis. I'm looking to replace it w/ a more secure forum or something which would require posters to sign-up or something (in hopes of preventing spammers). I'm looking for recommendations for something EASY to setup. Sorry if this is in the wrong forum...wasn't sure where to post this! Thanks in advance, Shelly I am trying to add a photo gallery, slide show images (10photos) to my site and I would like to get some suggestions from you guys. Thanks Hey guys!! I am a newbie at the whole HTML thing so looking here for some advice from you experts! I am looking for a simple way of making small buttons for people to post on either their website or social media. Like you know those sites where they ask you to give them a free link if they provide a free service for you? does anyone know of any good software or a really easy way of making a picture button like this? Thanks in advance for your help!! Cheers Hey guys I just got an oppurtunity for an internship this summer and I need some Ideas for a small little portfolio (some small web pages and such) also maybee some banner ideas. Here is the email I got "We design and create anything from a simple 3 to 5 page website to huge applications for an organization or even a municipality. My ongoing project is www.ourfortworth.com (OFW.) It is a web community I created in 1999 just for kicks. Since then, it has grown to an average of 85,000+ visitors each month. OFW focuses only on local information and advertising for local businesses. The "full color display type" ads you see at the top and on the sides of each page are something we are constantly making for new or existing advertisers. We usually change or update the ads when ad contracts renew every three to six months. We are just starting our Restaurant Guide to complement the business directory we are working on. Most of the work initially would be the ads I mentioned above and the basic 3 to 5 page websites for small businesses. I would like to talk with you when you have time and get a feel for the style of work you produce, your basic design style, etc. to see if we might be a good fit to work together. " Any programs that y'all know that work well for making banners? Also I know HTML pretty well , what would help me practice getting better at it or what should I move onto? Just looking for some Ideas.. (By the way I'm 17 and know XHTML) Thanks, Randy http://www.danielbourne.net/pdwcs/1/about.html this seems to work fine in firefox but in internet explorer creates pading and i cant see how could someone lease look and see what im doing wrong ? I every one I'm working on a page where the text is set up in HTML and I'm getting some pretty different results on different computers. This really is a 2 parted question. First if you would be so kind as to visit this page and tell me if the text is properly sized and formatted as to fill the areas between the images: http://www.reelectjusticecliffordtaylor.com/bio.html I've included a screen grab of what the text looks like on my PC when I see it live. at this link: http://www.johncliffordtaylor.com/text_example.jpg Second base on what I've seen up to this point I would like to know if there is a way to get the text to appear more uniformly in different browsers on different PC's. So far I'm just working with: body,td,th { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #2B24A6; (pretty much navy) } that are embedded right inside my page HTML page. So I'm very open to any ideas on how to get the text to appear more consistently across many computers and browsers. Thx for the help every one! John Hi All, I am wondering if someone can recommnd an solution or point me in the direction i should be going. I am looking at creating a dynamic form, what i would like to do is use a drop down and depending on the dropdown selected the required fields would populate. I have attached an file to show as an example. If someone clicked on Item A they would get one set of fields to fill out. If that same person selected Item B they would get different fields to fill out ... All being mandatory.. Thanks ahead for any help or suggestions ... This is a great place to get info. Hi, I am trying to set up a pictures page on a web site. My first idea was to set up two iframes so that the user could scroll sideways on the top through the pictures and each picture would link to itself in a bigger size targeted to another iframe... like this. I put a few of the pictures in here just to show you what I was thinking... the page really isn't working well, I just threw it together to show you the structure I'm talking about. This would work, but I'd also like the description to change, so I was thinking of using Javascript (I don't actually know javascript yet, so I'm guessing at this) so each picture would change TWO iframes, one as the picture and the other would be the description. The problem with that would be that I would have to make a new html page for each description... I guess I could do that, but would there be anything easier? All the solutions I have thought of like using a getElementByID javascript to change the picture and text wouldn't work because of the iframe. If there is another solution, I don't even need an iframe. I was just checking to see if anyone had any suggestions on this, either a simpler solution to the iframe idea or a completely different idea. It really doesn't matter, I just want a good looking, easy to use pictures page. My web page is suffering from the Box model bug described he http://en.wikipedia.org/wiki/Interne..._box_model_bug I cannot seem to rectify the problem. My site is he http://spyware-free.us Yes, I know the xhtml is not valid, but that's blogger's fault. If you want to see the error on a completely valid page, try this: http://spyware-free.us/intro xhtml: http://validator.w3.org/check?uri=ht...doctype=Inline css: http://jigsaw.w3.org/css-validator/v...usermedium=all A picture of my problem is he http://spyware-free.us/2007/05/template-updated.html As the article states, it works fine for IE7 and FF, but not IE6. Any tips would be greatly appreciated. wng 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 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> 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? 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. 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 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. 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?? |