Tag Archives: Px

How big is to big for a back ground image?

Posted on August 11, 2012 by admin498 views

I used to be just wondering exactly what everyone though about sizes for foundation images. What is a good size for them and what exactly is to big Relating to all ways heard that as long at they are usually under a meg then they work effectively but I realize that a meg can be to big. With regard to download size… under 40k if it is going to be an integral part of your design (e. gary the gadget guy. a frame or border on your site). But in the event that it’s just the ambient background image, I would visit as big since 200k. A megabites is ridiculous. Aim to have the most basic background image likely.. if its up and down repeated eg get 800×1, if its orizontail tumble 1×100 and also try to use transarency and also table colors in making them smaller ANY background image should not even be near 1Mb. The background picture should be no more than you can ensure it is. You can start using a gif format together with indexed colors that will control the size from the image. PNGs tend to do better when compared with GIFs for great BG … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Downloads Help

Posted on August 10, 2012 by admin515 views

Hello there everyone. I’m having trouble deciding the right way to present my downloads. I don’t just want titles with links for the download. I wish to be creative. How can everyone else do downloads therefore to their site Or what sort of cool download sections designs have any kind of of you viewed What type of downloads PDF, MP3, photos . zips along with. rars mainly you could do a directory of names for download, but with your twist and do flyouts which have either an impression or something about the file inside… i kinda want to do that now i wrote it, so dont let that happen its a poor idea. Apply an unordered number and list goods. Inside the list item produce the file name, as well being a graphic. Maybe songs notes for tunes, a book pertaining to pdfs, etc etc computer code a jquery fadein/fadeout in mouseover, or any color change at hover Unwell write you a strong unordered list guide. Theres a lil bit of css involved heres the actual gist though ul. downloads overflow: hidden; thicker: x px; ul. downloads li float: left; thicker: x px; /*adjust this to know how many fit … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

font-size em VS. px

Posted on August 5, 2012 by admin449 views

Ok, I am discouraged with. em font-size controls. Mainly, I am frustrated while using amount to which usually they cascade. Concerning read in destinations that. em is the best way size fonts regarding accessibility reasons mainly because browsers can’t resize. px font-size. Every browser Relating to tested in Has the ability to resize. px. I think it’s possible only IE6 and below aren’t able to. So, if IE6 will be only browser not able to resize px… would it be really worth the trouble to utilize. em Now, why is em annoying to me Allow me to show you: With my style metal sheet, if I wish to make a common statement for font measurements, such as: Code: p, li, your font-size:. 8em; Code: < p> < your href=" #" > Lorem Ipsum< /a> < /p> The rendered text is definately not. 8em, but alternatively. 64em because the particular font-size cascades decrease. (a inherits the particular font-size from p after which you can applies its own font-size). For that reason, it is much harder to make general font-size terms and instead forces you to definitely have much much more style than required (meaning, you have to start styling by means … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , | Leave a comment

Optimum maximum number of images in css image gallery

Posted on August 3, 2012 by admin556 views

What can you say is the uppermost level of no of images you must put in some sort of css image gallery when it comes time the If the particular large image is definitely – say – 500 x 350 px and the small image just isn’t loaded separately (ie its just a scaled down version belonging to the large image), after that would 20 graphics per page often be OK or ought to this number always be split onto ONLY TWO pages Would certainly appreciate any sights. It’s completely impacted by the size belonging to the image (KB), what sort of images are packed, how fast your current server’s network link is, and precisely how fast your visitor’s multilevel connection is. Scaling the image down around HTML is terrible; always provide a server-side processed thumbnail, cached and also otherwise. Generally in case you have a lot of images that adheres to that, the best notion, if possible, would be to make that page as common as possible. The reason by that is usually to not put a bunch of other objects, flash, or other items on the page. Now for those who have these pics to be able, say … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Considering backgrounds for my website

Posted on July 25, 2012 by admin455 views

Hey everyone. I’m new to web page design and this looked as a quality forum in order to join. I’m aiming to create a track record for my website, www. deepbluetrees. com. I have just one idea but I am open to quite a few options. Now, the background is simply a static grey color. I have considered quite a few paterns, but can’t think of an idea that might both look very good and fit with the " design" with the site. My idea for that design is to acquire a gradient which turns from dim grey (darker versus current color) to a black or dark navy blue down with the bottom of your page. This would choose pretty far to the footer, where there could well be downward facing tree outlines that end in the very bottom with the page. The idea should be to make it seem like a reflection… Related to that made feeling, I’m going in an attempt to work out a mockup in photoshop. The type of look i always would be going for can be bought in this picture: http: //deepbluetrees. com/images/inspiration. jpg I’d even be fine with something like cropping the reflection … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Divs Give me Different Layout in Ie and CSS – Can Anyone Help??

Posted on June 30, 2012 by admin470 views

I am just finishing a web site where I want two columns with coloured boxes in order to align underneath both: 3rd left box 184px height ——–1st right field 184px height 15 px space ————————10 px space Following left box ————————2nd correct box I’ve used CSS and also Divs (rather than tables) but cannot understand why the item aligns properly with IE but around Firefox and Chrome the 2nd left hand proverbial box appears 10px as well as so below the next right hand common box. This site is http: //www. specialistangliansecurity. co. uk/ and the particular relevant code is definitely: 3rd left box: Code: #menuitems situation: relative; top: 0px; vertical-align: prime; width: 319px; peak: 184px; padding: 0px; margin: 0px; border: 0px; background-image: url(‘.. /security-images/navigation-bk. jpg’); background-repeat: no-repeat; overflow: hidden; 1st perfect box: Code: #gallerysection situation: relative; z-index: 50; height: 184px; thicker: 621px; padding: 0px; margin: 0px; border: 0px; . gallerycontainer situation: relative; top: 0px; vertical-align: prime; height: 184px; thicker: 621px; padding: 0px; margin: 0px; border: 0px; z-index: 50; background-image: url(‘.. /security-images/security-imagesbk. jpg’); background-repeat: no-repeat; 2nd remaining box: Code: #companies situation: relative; top: 10px; vertical-align: prime; width: 319px; peak: 448px; padding: 0px; margin: 0px; border: 0px; background-image: url(‘.. /security-images/company-bk. jpg’); … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , | Leave a comment

New to web design and advice needed

Posted on June 30, 2012 by admin371 views

Cheers i will set to use that. Thanks As part of your CSS styles, in case you gave styles to the a tag, then all of your links will possess those styles. On the other hand, if you applied the styles in order to div/class specific your tags, then a bit more have that dilemma. Hi, I have made loads of progress and my website is finished. I will be uploading this this evening for individuals to see. Simply a quick question. I’m using the adhering to video Code: < iframe title=" Myspace video player" width=" 300" height=" 199" src=" http: //www. myspace. com/embed/f_NiRrWQwvU" frameborder=" 0" allowfullscreen> < /iframe> How does someone get it indent by way of 20 px Furthermore: Is there a way to enter a space Cheers for your help! perimeter: 1em 20px; will put a very similar to a line break before and right after it and indent them by 20 px. Kind regards. May this " perimeter: 1em 20px; " try it out the < > code on the video Also I’ve been trying to be able to setup the contact me as well as the bottom of this footer. I have activated the old … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Does Size Really Matter?

Posted on June 10, 2012 by admin585 views

Good day, We are a newbie to web design. I made our page 1696 times 1438. You guys noticed it and said I were required to take it lower a notch. Now its 1280 x 800 that is popular I listen to. I just got done redesigning the idea in photoshop. While i preview it them doesnt fill your page. So What will i do to complete the page Should i make it 1920 wide and center the middle How do i make it so if the user opens the actual page big it will eventually stretch, but if the page is tiny the center will probably be what the user sees compared to the topo left from the page BTW A person guys really aided me last time frame thanks! 1280 x 800 is a popular monitor file size. Best size for most websites is 960 huge. Centering the web page is popular (look from this site for example of how to do that). PS – LOL the title of this thread. I wasn’t guaranteed whether I’d look for a spammer’s post inside or a respectable question. LOL. One easy way is as Moseley claimed, design 960px large and … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , | Leave a comment

Need Help ASAP ( How to use Liquid Design? )

Posted on June 8, 2012 by admin450 views

Ive complete my website to get my final, but theres another thing I have yet to complete that Im necessary, but so significantly ive failed in doing. Im suppose to make use of a liquid pattern for my remaining ( with 1024×768 solution )… How do you do this my site is within a table data format ( yes I realize its outdated, nonetheless it was req ) Can certainly anyone please help me quick my own final is owing less in next 3hrs For creating liquid website, instead of px you need to use % (width must be in %). If you are using width: 900px;, it will always be 900px, no matter if you zoom it or maybe zoom out… If you are using width: 90%;, it will always be in the identical position, doesn’t matter in the event you zoom out or even zoom in… width shall be 90% of an individual screen in this case in point I zoom released every web site in order to see what will be liquid and what is fixed This can be liquid… liquid is used common in forums which is fixed I believe you know the difference… I hope … Continue reading →

Posted in Web Design | Tagged , , , , , , | Leave a comment

How to make this image slide over?

Posted on May 31, 2012 by admin437 views

In case you go to http: //shovenose. com/dev/ you will notice the Facebook icon in the bottom left nook. How do MY PARTNER AND I make there be a tiny little round X inside the corner of the image that folks can use to obtain it to slide towards left to near it if it gets in the way of the content And I’d prefer there to become little blue factor to click if its closed to create it slide returning on. Thanks a lot! See this specific example… the demo could be the contact link to the page: http: //www. building58. com/examples/tabSlideOut. html Thank a person! On the other hand, it doesn’t are most often working properly. (note that only the home and about pages contain the script in this head; my problem is the fact nothing shows whatsoever on those that do hold the code and it only shows on the ones don’t have the particular code. Help to make this number little, like 100 topPos: ‘500px’, Probably on some web pages, the page isn’t tall enough to succeed in 500 pixels, in order that it doesn’t show It isn’t really working. Nevermind I don’t care very much … Continue reading →

Posted in Web Design | Tagged , , , , , , , | Leave a comment
Page 3 of 3123