Tag Archives: Background Image Url

Navbar and other help

Posted on September 15, 2012 by admin519 views

I am just recently breaking into web site design, and I ended up being wondering if this is halfway decent. Here’s a chek out a screenshot from the website in question: http: //img444. imageshack. us/img444/6079/sitetype1gf2. jpg About my navbar, I’ve set everthing on an external stylesheet to We can easily maintain a theme in the site. At present Relating to two line breaks involving each link inside code for the particular site, because I don’t know how to code it within css (if you know how, please tell me, that will be great). I must set a width with the hover so that i could put a new non-opaque background with it, but since doing this it now pushes every one of my links down whenever I hover over one. Could someone explain to me what I want to add or remove to fix this problem And here is the code WE used: #links boundary: 4px outset rgb(196, 195, 221); size: 110px; height: 375px; background-image: url(linkbg. jpg); drift: right; text-align: facility; #links place: absolute; top rated: 197px; still left: 15px; #links a colour: green; font-family: arial; foam: 0px; text-decoration: it’s unlikely that any; #links any: link text-decoration: it’s unlikely that … 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

CSS footer question

Posted on August 13, 2012 by admin579 views

Now i am having trouble retaining my footer at the bottom of the internet browser, i can solve the issue if i work with a image by applying css Code: #footer_back (line 425) clear: both; width: 100%; background-color: #ffffff; background-image: url(/img/footer. png); background-repeat: repeat-x; background-attachment: scroll; background-position: middle bottom; but it’s actually a solid color and so i rather a background color any help with this Any more information on your problem I cant understand what you long for to do i apologize, i didnt express that well i want a footer at the bottom of my web-site to always sit at the bottom even if the entire body content is much less tall as that browser. And we can do this basically use a graphic for your footer What about giving your principal divs, containers etc a new 95% height in order to footer will have a 5% of display resolution what if im working having set pixels Then it is advisable to capture screen width from user plus use screensize plus subtract some horizontial pixels http: //www. search engine. com/searchhl=en&… ottom with screen& btnG=Search& cts=1239992686255 what about this. Code: div#footer location: bottom; .

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

Easy rounded corners…well maybe

Posted on August 12, 2012 by admin497 views

MY PARTNER AND I ran across this url that creates spherical corners and makes use of a copy plus paste thing. I make my but this could possibly be an option if you don’t know exactly how. I tried the item and tested in FF2 and IE7 and works in both. I don’t learn about other browsers when I didn’t sense like major examining or anything. Just thought I’d pass it along because a number of people ask about circular corner boxes. www. curvycorners. net should this too. Ya find out, it just seems easier, less computer code, and cross browser compatible to generate these with top rated, middle and bottom images in lieu of using js along with complicated code (complicated in my opinion anyway). I’m about to stick with by myself! Although Spiffy proverbial box was pretty simple. Moz and Safari assist you to create curved factors with CSS solely http: //www. css3. info/preview/rounded-border/ Great stuff! Only when IE would jump on this phone! HTML: < div id=" roundedContainer" > < div class=" roundTop" > < img src=" topLeftCorner. gif" class=" corner" /> < /div> <! –Content will go here–> < div class=" roundBottom" > < img src=" … Continue reading →

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

Help me with Navigation effects

Posted on August 10, 2012 by admin447 views

Hi guys. I built this navigation panel. What I need is a script or something to produce the little white boxes types of GLOW when you hover covering the link. What would I need for that The following is the pic: http: //i39. tinypic. com/2z82sg8. jpg I need detailed instructions ideas. I know it’s got something related to sprites but I don’t discover how to start… Thanks for your time and effort Reaper Search jquery. Once you choose to do that that you can do something like this < script type=" text/javascript" > <! — $(‘. navLink’). hover(function() $(this). next(‘img’). addClass(‘hoverEffect’); , function() $(this). next(‘img’). removeClass(‘hoverEffect’); ); –> < /script> This questions method to open ended without seeing any markup. post your navigation markup and the related css you could always create any transparent bg with gimp or adobe that is certainly say, 10px larger subsequently the pic next paste your pic within the center then make a second with any glow effect gas the transparent isn’t stable then //CSS// background-image: url(http: //whatever); : float background-image: url(http: //hoverwhatever); //but IE7 includes poor support to get transparent images// //but IE7 can be on its means out//.

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

Driving me nuts, form textboxes in 1024×768

Posted on August 9, 2012 by admin518 views

Fine, this is cruising me nuts. HTML: < div id=" myDiv" class=" singleContent" > < div class=" roundTop" > < img src=".. /images/wrapper/tl. gif" class=" corner" alt=" " /> < /div> < div class=" innerWrap" > < h2> 123 Speedy Check< /h2> < sort id=" myForm" method=" post" action=" " > < fieldset> < course id=" sprytextfield1" > < label> 123 Variety *< /label> < reviews type=" text" class=" txtBox" name=" 123Number" id=" 123Number" /> < course class=" textfieldRequiredMsg" > < /span> < /span> < /fieldset> < fieldset> < course id=" sprytextfield2" > < label> Previous Name *< /label> < reviews type=" text" class=" txtBox" name=" lastName" id=" lastName" /> < course class=" textfieldRequiredMsg" > < /span> < /span> < /fieldset> < fieldset> < reviews name=" submit" type=" submit" class=" btn" value=" Speedy Check" /> < /fieldset> < /form> < /div> < div class=" roundBot" > < img src=".. /images/wrapper/bl. gif" class=" corner" alt=" " /> < /div> < /div> and my personal css fieldset border: 2px auto 0px; national boundaries: 0; label screen: block; drift: left; text-align: left; width: 10em; colouring: #494949; text-indent: 2px; #myForm. txtBoxwidth: 30%; #myForm labelfont-size: 10px; . singleContent background-color: #FFF; text-align: left; margin-bottom: 5px; #myDiv … Continue reading →

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

How to get borders off of a table

Posted on July 21, 2012 by admin522 views

I will be working on a few new pages associated with my site and I will not seem for getting the borders away from. I have accomplished about 50 some other pages, but these Allow me to not seem for getting off. Can people check www. waikoloavacationrentals. com/kolea-rentals/beach-club along with www. waikoloavacationrentals. com/kolea-rentals/floor-plans and allow me to know what I may be missing. Borders are defined inside the < table> community… You possibly can comment-out those traces (in lieu connected with deleting them)… Inside the file called, " kbv. css", transform this part: #internal_text family table border-top-width: 1px; border-left-width: 1px; border-top-style: not one; border-left-style: not one; border-top-color: #FFF; border-left-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; #internal_text td border-right-width: 1px; border-bottom-width: 1px; border-right-style: sturdy; border-bottom-style: sturdy; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; coloration: #3c3c3b; #internal_text th background-image: url(imgs/table_th_bg. gif); background-repeat: repeat-x; background-position: remaining top; border-right-width: 1px; border-bottom-width: 1px; border-right-style: sturdy; border-bottom-style: sturdy; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; text-align: center; To the current: #internal_text family table border-top-width: 1px; border-left-width: 1px; border-top-style: not one; border-left-style: not one; border-top-color: #FFF; border-left-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; #internal_text td /* border-right-width: 1px; border-bottom-width: 1px; border-right-style: sturdy; border-bottom-style: sturdy; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; */ coloration: #3c3c3b; … Continue reading →

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

Quick question with editing my page with css

Posted on July 12, 2012 by admin515 views

Hi there everyone. First submit here. I am in a web development book today. Its the initial chapter introducing CSS. I’ve made an alternative style sheet to utilize to all our pages, though just one problem is puzzling me. I have made specifications question headings (h1, h2 and h3), for our bodies, for paragraphs, and blockquotes. But one of the last steps, it says to use the following type to elements. What precisely does this are What tags Precisely how would I do that in CSS Relating to no problem setting the properties, but what precisely do they signify by hypertext elements With thanks everyone! Marky Such as, if your CSS file has something such as this…. p font-size: 14px; color: #000; Wherever you employ the Hypertext (HTML) label < p> as part of your HTML, it may take-on that font size and color. < p> blah blah< /p> You usually start out your CSS such as this… html, body perimeter: 0px auto; padding: 0; font-family: arial; font-size: 12pt; color: #000; Of which sets-up the simple styling for all within < html>… < /html> and < body>… < /body> Any HTML tag is usually given specific CSS properties, by using … Continue reading →

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

Looks right on my computer, but not on others

Posted on July 10, 2012 by admin470 views

I’m having trouble by using everything going everywhere on other personal computers. On my computer system everything looks excellent, but when it pertains to others its most of off. Can somone help me out! StocksAndStocks. com Do you add that style part yourself I’m preaching about the part demonstrated below… That’s what the situation is. You work with absolute positioning, but every one of us use different size monitors, what exactly I see in the event different than everyone. Delete each of the CSS style stuff that may be not part of one’s WP theme. Each of the layout things should be done within ones theme CSS. Code: < form type=" text/css" > <! — #apDiv1 job: absolute; width: 144px; length: 298px; z-index: 1; left: 2px; best: 109px; #apDiv2 job: absolute; width: 307px; length: 72px; z-index: 2; left: 639px; best: 25px; #apDiv3 job: absolute; width: 145px; length: 44px; z-index: A FEW; left: 2px; best: 2px; font-size: 14px; text-align: centre; . monthlytotal color: #0F0; font-weight: bold; #apDiv4 position: absolute; width: 108px; length: 99px; z-index: FIVE; left: 10px; best: 389px; #apDiv5 job: absolute; width: 113px; length: 34px; z-index: FIVE; left: 982px; best: 105px; body background-image: url(bgwithpicture. jpg); –> < /style> EDIT: And … Continue reading →

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