Tag Archives: Images Background

Scrolling Text With A Static Background

Posted on October 16, 2012 by admin508 views

This could be a truly basic question yet… I was only wondering if there seems to be anyway to fixed a background powering a text area/box (ie. a frame) which will stay static whilst text scrolls more than it. If therefore, how With thanks Yep, you need to use the CSS: Code: #divWithBackground background-image: url(‘images/background. png’); background-attachment: unchanging; That must do it Also, let me know should you not know CSS, in which case further explanation is order. With thanks! I know extremely basically what CSS is although not enough to know what exactly you are dealing with. Could you sophisticated… It would end up being really appreciated. With thanks again. Just what exactly his code may is take the particular image at " images/background. png" and puts it because background image around the element named " divWithBackground". The background-attachment aspect makes the image static in order that it won’t move while you scroll the internet page. For scrolling apply: Code: #divWithBackground background-image: url(‘images/background. png’); background-attachment: unchanging; width: 100px; top: 100px; overflow: car; with the following html Code: < div id=" divWithBackground" > < p> sometext< /p> < p> sometext< /p> < p> sometext< /p> < p> sometext< /p> < … Continue reading →

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

transparency

Posted on October 10, 2012 by admin506 views

Howdy! We have just joined this kind of community, and i have to say that i’ve already learn a large amount. On the list of thing i learned was when using the slice tool for making websites. So inpired, i created a background impression to slice afterwards. but I possess a question: so, so picture the following: We have a header, with the navigation bar ( each " button" shall be sliced), but then i’ll possess a content area. I have to say for reference that it’s just a band web web site, so you realize the drill: news flash, audio, pics, for example. so, so what i would like is all that’s within the content area features a transparent background to ensure we can notice the image behind(being this image a part(slice) of the website image. I hope you understood this weak english, and thart you can help me about this. If an individual make the image your " background image", anything everyone place on your site will go over the top. Text will look as if float over that background image. In the event you place any images, it will include the background until you have any " … Continue reading →

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

Dumb question, CSS layer styles

Posted on October 4, 2012 by admin516 views

I built a internet page at 800×600. I’m trying to figure out how it is I will get the content/layout to become centered, that way when people perspective the page at say 1024×768, the content will not stretch leaving this page with a lot of white space. Like like if an individual made everything from a table and just did a centre alignment. Here’s a check out what I have got. https: //home. comcast. net/jerrysmartin The navigation about the left stays into the left and the flash within the right stays justified to the right. The content is with a div. I’d want to have it ready to where it’ll look uniform in whatever resolution. Bless you. -Mike You might even make your screaming image width = 760 pixels. Next, make a several changes as demonstrated below… Here i will discuss your CSS part for " body" shape background-image: url(images/background. jpg); background-repeat: repeat-x; margin: 0px; support: 0px; Try changing it for this: code, body background-image: url(images/background. jpg); cursor: default; font-family: " Verdana", arial, " MS Sans Serif", Geneva, sans-serif; font-weight: normal; font-size: 10px; line-height: normal; margin: auto; support: 0px 0px 0px 0px; min-width: 760px; text-align: centre; Next, add this to … Continue reading →

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

need help with buttons

Posted on September 10, 2012 by admin526 views

all right so ive produced a layout throughout photoshop, and coded the vast majority of site, except the control keys which i have no idea how to carry out. heres what the layout seems as if. http: //img67. imageshack. us/my. phpimage=testjv1. jpg and heres what ive obtained so far what it seems as if in firefox (havent got it to be effective in IE, i have no idea how hopin possible get some benefit that aswell): http: //img405. imageshack. us/my. phpimage=untitledak5. jpg this ccs: Code: body backdrop: #1D1D1D url(images/background. jpg) repeat-x; perimeter: 0px; color: #1E1E1E; font-family: font-family: Arial, Geneva, Helvetica, sans-serif, Tahoma; #border wider: 700px; margin: 0 car; #content width: 598px; margin-top: 200px; margin-left: 50px; #main background-image: url(images/content. png); min-height: 200px; margin-top: -5px; #text placement: absolute; margin-top: 0px; margin-left: 18px; wider: 310px; min-height: 100px; #news placement: relative; margin-top: 0px; margin-left: 370px; wider: 195px; min-height: 100px; h1 margin-top: -10px; font-family: Tahoma; color: #d38030; font-size: 18px; font-weight: vivid; p margin-top: -10px; font-family: Tahoma; color: #FFFFFF; font-size: 12px; and this html: HTML: <! DOCTYPE html PUBLIC " -//W3C//DTD XHTML YOU. 1//EN" " http: //www. w3. org/TR/xhtml1/DTD/xhtml1-transitional. dtd" > < html> < head> < title> GENIUS Designs< /title> < meta http-equiv=" Content-Type" content=" text/html; … Continue reading →

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

The "design process" for noobs.

Posted on July 8, 2012 by admin441 views

Hello there all. We’ve only been building websites for about two weeks right now, am teaching by myself and am improving slowly, but obviously with only two months experience iIm very terrible atm. What I found hardest and I couldn’t often fin any info anywhere which was detailed enough was your whole process. What I’m keen on, (because if other new members come here intended for help like I did, this may end up being of use) is what you decide to do first, next, there after and last and so on. Start to surface. The first website I made, and I have to stress, this is obviously the incorrect way to exercise, but for an idea: MY PARTNER AND I designed my site in photoshop, did every very last element there besides the text. Next I divided it up in photoshop and exported it to some html file ready for easy use in dreamweaver. In dreamweaver I made every one of the images background images while in the ready made desk then added all of my text articles and made the particular rollover images to the menu bar, repeating this method for each page of my site. Next I … Continue reading →

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

Backgrounds not working?

Posted on June 20, 2012 by admin460 views

MY SPOUSE AND I can’t ever learn how to make a qualifications in CSS it doesn’t matter what it never functions (even when pasted originating from a tutorial and stuff)… Exactly how! Err… planning to need more info, because if you’re just talking about using an picture or solid color for any background, it’s pretty hard to ruin. Image inside CSS: one example is Code: background-image: url(navi_bg_divider. png); Along with the image is in the same folder as being the CSS Will it be one big image Or does this need repeats I have got the repeats just about all sorted out. but I can’t even find the image to exhibit LOL. root> images> this is where the image is root> this is where the css report is Adding images to somewhat of a CSS file… You must put the relative path for the location of the image pertaining to the CSS that is definitely calling it… I always decide to put my CSS files in a very folder on the root called CSS… Images in a very folder on the root called img… So my journey to any image I easily use in my CSS can be:.. /img/imagename. png … Continue reading →

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

IT WORKS!….but is there a more secure way to do it? (PHP: Include question)

Posted on June 15, 2012 by admin496 views

I’m doing a tech site for my education, and I have decided to use the PHP: include function and so the website will be easier to keep. I have not one but two include files: head. php (which holds the internet in the < head> tages, the actual header, and the particular horizontal navigation) footer. php (which holds the internet in the footer) My problem is when using the files in sub-folders. Next time i include " scalp. php", the links for the css files, photographs, and other pages are incorrect in addition to won’t work. I tried when using the direct url to the files. It does work, but I don’t like the thought of having the file urls out for everyone to see inside source code. Is there a more secure way to achieve this You requires the full report url’s really, having them comparable won’t reap any benefits for that public. Fact is I can save as on your own page and it will eventually change every url to include the complete URL. You have to to remember your images will be relative in your file containing your includes. The comprises, for a strategy to think of … Continue reading →

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