Tag Archives: Div

Preload images or use a status bar to indicate page load progress?

Howdy, I’m redesigning my own site for a change and still have decided to use Simple Controls Gallery for the image viewing (it’s some sort of photography website). Nonetheless, it’s taking around 10 seconds for any gallery to initialise. We have 52 images up to now, all " saved for web" through Photoshop to minimize size. I think preloading the images would be counter productive as which is what the JS gallery script does on. Is there a way of integrating some sort of status bar and also countdown clock if anyone else is to see while the gallery initialises And here is the link: http: //www. 17minutes. company. uk/ Many thanks, Lol Are you sure it’s your images causing the condition and not the gallery If it’s the images, preload them independently without the gallery and display them over a page. No strange effects or anything at all… just the FIFTY TWO images on 1 page. This noises excessive, but you’re wanting to determine whether it’s the images or the gallery that is the problem. I suspect it’s the gallery, even with FIFTY TWO server calls to receive those images. Another thing you could possibly do is weight a … Continue reading

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

To JQuery .load my whole site or not?

Hello, I have 2 ideas to the design of my site. One functions JQuery’s. load to place each page right into a div without reloading the complete page. The other reloads the entire page to get the content. I will go into additional depth on the ideas and then please give my home your opinion for a designer and/or web traveler. Option ONE: JQuery This would certainly load index. php while using header, left list, and main written content. As links are pressed from the left menu the primary content is supplanted using JQuery in addition to only that sections is reloaded. Using this the url bar always stays from index. php since only the content material section is up-to-date. Option ONLY TWO: Full Reload This would certainly load index. php while using header, left list, and main written content. As links are pressed from the left menu being full page would end up being reloaded and replaced using the new page. Using this the url bar would change from index. php to be able to newpage. php. Thank you to your opinions and responses. SkaFreaks Method 2, with Selection 1 as… effectively, an option. Everyone and anything would see … Continue reading

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

Creating a Shadow Backdrop on a Website

I am working on putting a shadow to a website I’ve been working away at. I have under no circumstances done this before so it’s really a new technique. I tried making an image and then created a div for this to be inside. I then fit that div behind the content region (which is where I want the shadow). It didn’t seem to work. I seen my css along with html and every thing looked fine. Does anyone know of a way to approach this specific Please post any ideas/coding you will have that might aid me out. Here is the website: my-testing-area. netne. net This is my personal testing area for my website designs to make sure they work accordingly before building being full Website. Once We have the drop shadow worked out, I’ll then have the ability to start building the total website. I just realized that the server that may be holding my website is down now. I’ll post again when i see that it truly is back up. absolutely no sense in re-inventing the actual wheel…. http: //www. alistapart. com/articles/cssdropshadows/ The server is back so you guys is now able to access the internet site: … Continue reading

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

Need help stretching a horizontal slice

We have a website the place that the design was executed in Photoshop. I sliced the structure into 3 main parts: header, a horizontal piece to stretch vertically to let for longer heights, and a footer. These three are each of their own < div>, which might be inside of a new " wrapper" < div>. Right now, as it stands right this moment, I have to help manually set the height in the " stretch" < div> to suit the content. This very bad once the browser is resized. So, my question is actually two: The " content" < div> needs to be attached, or found within, which higher < div> Right this moment it is in the header < div> b/c I don’t know how to put it in the " stretch" < div> to create that < div> resize to suit the content. If that " content" < div> is positioned in the " stretch" < div> certainly, what kind connected with css do I desire to make the " stretch" < div> essentially stretch vertically, so the content establishes the height of this < div> (so that page is resized automatically), without my manual height setting … Continue reading

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

placing a transparent image over a flash video in dreamweaver cs4

Hello there All I will be having trouble determining how to have got an image post created in illustrator and inserting them over top of an flash video in dreamweaver. My image is absolutely my clients logo and several text, and i’d the flash video to seem in the background. Is this probable in dreamweaver Looks like you need a strong AP div using a high z-index value positioned over top rated the flash. This question is, have you thought to just add it directly towards flash and conserve the ass pain.

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

Does this look ok in IE?

Use a client saying her site looks almost all misaligned in IE 7/8/9. Then again I see that fine on almost all planes (tried IE 7/9, Firefox 4/5, Chrome 13). Had added people check them out, they all article it looks fine overall their browsers. So we’re possibly not entirely sure why the customer is seeing that incorrectly. The client notion maybe it had something related to his large display resolution (1440 a 900) but I’ve tried various resolutions and it continues to appear fine. I dont think that would lead on the way that he’s seeing it erroneous anyway. Was hoping some people here could possibly say if this looks ok as well as not in IE, so you can easliy get a bigger picture of the best way often/which browsers it isn’t really displaying correctly. Website link: http: //www. blackburnstest. com/bwf_test/ This is the screenshot the purchaser took of how he could be seeing it: http: //i. imgur. com/JtgC4. jpg Definitely doesnt look resolution-related. Regardless, can I try to get some yay as well as nays here if looks good for you in the prevalent browsers and which often versions Thanks much ahead of time! It’s IE7 (IE9 … Continue reading

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

Navigation Menu – Best Practices

Can it look badly to make use of the ul tag to map out a navigation menu How about surrounding the nested li tags with divs so each menu button features a separate CSS formatting If it does look badly, what exactly are some technics which might be considered " greatest practice" for producing navigation menus That the menus are user-friendly and uncomplicated, work with or maybe without javascripting or flash, render properly with regard to accessibility (like screen readers for any blind), and chek out pertinent content. Test your site out with a variety of people. If it takes anyone more in comparison with 5 seconds to figure-out the way to navigate your web site, start over. You’ll quickly find out any problems you might have… for example poorly positioned for those browsers, or several screen sizes, challenging to read, challenging to click, inadequately worded. If it’s important to tell people the way to navigate, you’ve unsuccessful already. The method that you make the menus happen (the scripting, layouts, coding)… whatever you do is fine. You won’t need to make each < li> any < div> : make classes with regard to them instead, if you want them to … Continue reading

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

Browser Issues

Formerly suffering with tinnitus working on the tech help internet site for my college. I just realized that usually there are some browser issues when using the website. And this the website mimic (viewed in Mozilla Firefox): And this the website seems like in Safari (I forgot to say that the links aren’t the right color): And this the website seems like in IE IN SEARCH OF: And this the BOTTOM on the website looks like in IE NINE: I do not know how to correct this issues. Tips Yikes! Are there this site live somewhere I’d like to peek along at the code if doable – It is a main page: http: //www. my-testing-area. netne. net/tech_tidbits2/ It is a current page that is definitely displayed in individuals screenshots: http: //www. my-testing-area. netne. ne… computer_maintenance/virus_checking/index. php OK – I’ve seen both your CSS information, and you are deprived of a reset (http: //meyerweb. com/eric/tools/css/reset/) throughout there anywhere. Try adding a reset in the beginning of the list. css file. It might not fix all of the problems, but the item should help a number of. I added the reset. It fixed the majority of the problems. I also determined a … Continue reading

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

DHTML menu vs Flash object

Hello there, This really is my first submit, unfortunately I get abit stuck at designing my hottest website… I can try and explain best Allow me to (see supporting image). Concerning created a DHTML palate, with drop decrease sub-links, however directly under the DHTML menu Concerning a flash item, my problem is when i test my internet page the menu is working and often see from the image I will be hovering over " Vanquish Performance" button though the drop down list is hiding guiding the flash item, I have looked everything within Dreamweaver 4 in an attempt to bring the DHTML menu for the front so your drop down can be visable but I have to admit I are actually defeated I can not bring it for you to it overlaps your flash objext… would you help Thanks Ste If you edit the CSS for any menu, add this for the menu CSS: z-index: 9999999; This really is overkill. Complete overkill. But when you still can’t notice your menu guiding the Flash, it is really something else, whereby you’d have to help upload it somewhere so you can easlily see your value. It may just be placing the div … Continue reading

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

jQuery not working

What exactly am I doing wrong Gives thanks! it is the big " sample" slider with http: //phpos. org/ OK must i call my JavaScript from the body after or leading to a Div in which it really is used Or am I purported to put it from the head I do think that’s why my slider is not really working right. But Thought about don’t know. You need to advise! Or could it be a CSS difficulty You should place the slider javascripting inside the < head> part of your script. And you also are referencing this kind of file: jquery-1. SOME. 2. js Although I can’t come across it.. did you distribute that file You’ll need that file. Aha! WHEN I simply linked that to http: //ajax. ms. com/ajax/jQuery/jquery-1. 4. 3. min. js instead and from now on it works Many thanks! Actually you place the jQuery in the long run of the body. Hence like this Code: < script type=" text/javascript" src=" jquery. js" > < /script> < script type=" text/javascript" > $(document). ready(function() //jQuery throughout here blah blah blah ); < /script> Thus, it loads the other site first, which makes it so that the consumer … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , | Leave a comment
Page 9 of 11« First...7891011