Jump to content

Search the Community

Showing results for tags 'CSS'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH


  • Community Calendar

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. I am trying to change the style of one word inside of a whole bunch of words that are all inside of <P></P> tags. Here is an example of what i am trying to do <p>I go to the mall.i drive fast cars, i get a lot of money. and I travel all around the world.</p> I want to change the color of (i get a lot of money). give it a background color and a border.
  2. Hey Everyone! i am writing a javascript for a button, when the button is pressed it gets the product id from url and add that product into the cart. The button is working fine but the problem is when i am pressing the button the screen hangs and a flash screen appears which is loading continously. I have also applied css in it for button.here is the javascript which i have written.. $('#detailsPage').live('pageshow', function(event) {var id = getUrlVars()["id"];var serviceURL = "http://localhost:8080/mano2/services/";$.getJSON(serviceURL + 'getmagento1.php?id='+id, displayPromotion);});va
  3. Hello,I'm working on some CSS with relative and negative positioning, and z-index.This creates a problem at the bottom of the site. How do I fix this?Is there a better method for CSS Positioning?my site: http://chanarmstrong.com/clients/michelle/e.g.#logo {background-image: url(../images/logo.png);width: 265px;height: 162px;margin-left: auto;margin-right: auto;position: relative;top: -178px;z-index: 1;}Thanks.
  4. Hello everybody!This is the first topic of me and hope you sympathetic when i have some mistake . My problem is i'm very confuse about add multiple classes into element and i want to make sure i understand right. i confuse about the white space when i write : .test1.test2{ some style } or .test1 .test2{some style} what different between them? i think the first style for 2 classes inside 1 element and second for 2 element for 1 each class. look like this: My code test: <style>.test1{width:100%;height:200px;overflow:hidden;margin:40px auto;background:#C5C5C5;font-size:2em;} .test1.t
  5. Hello everybody...i need some help..i am trying to make a website for my practice after going through your tutorials....i am stuck at one place....i am using two headers at the very top but there is a white gap between the two...i have tried all the options like using margin and padding to 0 and alignments etc but it does not work.....i have attached the image about my problem...need your help...thanks... Here is the code of my HTML : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org
  6. I have a simple html + css page that has 3 images on it. I'm trying to make the page resize depending on the size of the browser window. Right now, I have the 3 images in a div that is set to a height as a percentage of the surrounding containers, and the images are set to height:100% and width:auto. now, that works fine if you resize the entire window- but if you only change the width, they won't resize of course since the height didn't change, and they end up getting pushed down the page which is really ugly. my first question: is there a good way to make the images resize no matter if you c
  7. Hi there Fellows!! I've encountered at a bizarre behavior at the underneath code snippet. what I've tried to do is to turn on the visibility of the second div element when the mouse hovers on the first div element. and then, when the mouse goes over the second div element, it triggers a CSS animation on the third div element. but strangely, when the mouse hovers on the second div element, it indeed triggers the CSS animation, but the second div element itself disapper although it wasn't requested to do so. can someone here figure out why does this occur and how to prevent it? any help will be
  8. I tried to create image button using css but i would like to know is it possible to create a image using CSS
  9. dear forum, i have two category logos as you can see here and in the attachment:http://quop.eu is it possible to get them in a row or do i need to do this in css?like this (attachment 2). here is the code of the page: <?php/*** Homepage Features Panel*/ /** * The Variables * * Setup default variables, overriding them if the "Theme Options" have been saved. */ global $woocommerce; $settings = array( 'thumb_w' => 100, 'thumb_h' => 100, 'thumb_align' => 'alignleft', 'shop_area' => 'false', 'shop_area_entries' => 3, 'shop_area_title' => '', 'shop_area_message' =>
  10. Mind you due to the work environment technical restrictions I can only use IE8.The OS is WinXP. For some reason that I'm failing to spot, I can't have both things at the same time. Is either the iframe tag or the textarea tag. I wonder if it's a limitation of IE8, or I'm just doing a "big NO NO". I would appreciate it if someone could enlighten me with this ;)Notice that if you are to remove the Comments tags from the iframe tag the textarea tag will no longer show. <html><head> <style type="text/css">div.c_notes { position:relative; width:400px; height=auto; left:600px; to
  11. Hello, I built a site and it looks good in IE, but in google, it drops my background image and changes the position of the top nav bar.Is there something I need to put in the code to fix this? Here's the url: http://www.roverspets.com/cmctest/home.html
  12. Hy every one... I have a problem in CSS design,look my picture.I check my desaign web in 4 browser . I dont know why design be different in Oprea Browser,margin not same for my menu .. Can some one explain my problem pic in Firefoxfor crome for safari: for Operalooking , pic that//I don't know why, in Opera there little difference margin top,. what I should be for be same for any browser Thanks for corrections
  13. hello everyone, please tell me anyone. can we give padding in menus? example:{padding-left:-15px;} is this proper way or not??? thanx in advance
  14. hello everybody, I am trying to add an image on a login page but when the browsers viewport is resized the image gets overlapped. /*-------------------------Simple reset--------------------------*/ *{margin:0;padding:0;} /*-------------------------General Styles--------------------------*/ html{background:url('../img/bg_tile.jpg') #161718;}body{background:url('../img/bg_center.jpg') no-repeat center center;min-height: 600px; padding: 200px 0 0;font:14px/1.3 'Segoe UI',Arial, sans-serif;}a, a:visited {text-decoration:none;outline:none;color:#54a6de;}a:hover{text-decoration:underline;}section,
  15. Hi, I can simply use the following tag to horizontally align a table to center: <table align="center" class="centertable"> I would like to use the CSS to do the same but somehow I cannot make it work. here is how i tried. Will appreciate help. .centertable {align:center;} with best regards,rnv
  16. Hi, I am currently building a portfolio using the drag and drop design software wix. I have tried coding it myself in dream weaver but I always get hung up the design. So What i want to do is get the basic ideas of the site with the WIX program, and then recreate it myself in dreamweaver as there are some things that the program can not do that I would like. My problem has been in the design process though. I always read to code repeating items in separate files so you only have to change one file if something changes. Things like the header, footer, navigation, ect.My question is, what is the
  17. Dears, I have a problem with wrapping text arround image Here is my code <div id="content"> <div id="block-system-main" class="block block-system no-title"> <article id="node-30" class="node node-nieuws article clearfix" role="article" typeof="sioc:Item foaf:Document" about="/nieuws-test-1"> <div class="node-content"> <div class="field field-name-body field-type-text-with-summary field-label-hidden view-mode-full"> <div class="field-items"> <div class="field-item even" property=
  18. Hello. I've created a page that has a grey body and a background image within the container in the body. The container will not show the background image when centered. I read up on this online and found that if I float the container to the left, the background image shows up. Sure enough, it worked, but I want my container centered. Does anyone have a work around for this? Here is the page http://aphoniastudios.com/TestSite/t3/ and here is the css: @charset "UTF-8";/* CSS Document */ html {height:100%}body {background: #CCC;width: 95%;height: 95%;}a:link {color:#FFF; text-decoration:none;}a:
  19. Hi, i'd like some feedback please, if its possible. I 've found this article ( http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-dar k-clean-website-design-in-adobe-photoshop-free-psd/ ) that teaches how to design a website in photoshop. I can guess how is going to be the structure of the html and css in general, when turning this psd mock-up to an html document, but my main focus is on the coding process of banner/ slider area of the website, and i'd like to know which is the best or more efficient way to code it in some parts, like: the gradient background: is it better t
  20. Hello. I'm a bit of a newbie so rather than building a site from scratch I decided to try editing a template. My girlfriend wanted a website for her new business so I said I should be able to do it for her. I found Andreas Viklund's website http://andreasviklund.com/ and showed her the templates. She decided she wanted andreaso6http://andreasviklun...ates/andreas06/so I started editing it using Dreamweaver 8. I then changed something in the code, I'm not sure what and it all went wrong, so I now have to start from scratch. I was wondering if anyone could tell me the best way to edit the templa
  21. Good day my friends, Here is the problemMy site opens (visualy) perfectly in Opera and IE9, but in firefox it moves the like buttons a little, and chrome moves the whole page around...Look at what I'm talking about http://Tuinadviesruud.nl ...Yes it is aired, and it should not be down. This has to be fixed ;/ I messed up the style pretty bad, I know no languages, thats why I messed it up. I can't seem to get it right. If you think you can easily solve this tell me!! I can also send you the style and index if you want to help me.Thanks, Haj
  22. Hi, Can you please help me any one. Problem: I've given background image for the div with repeat-x to show 100% in browser. But when I reisze the browser, horizantal scrollbar will displays in bottom of the browser. When I scroll the horizantal scroll bar the background image not repeating it stoped some position. I don't know why I tried background-size in css3, still not working also I've attached image you can refer that for good understand Is it possible to fix, How? Please tell me anyone with your solutions.
  23. I have a simple list of articles I read that I feature at my subdomain, http://notes.gabrielsistare.com. It's basically an unordered list of links with a little bit of description associated with each. I would like to anchor to the individual "entries," but I was wondering if it is possible to style the list item bullet points to include an anchor. I don't know if this is at all possible, but, ideally, for each new list item I include, it would feature an anchored bullet point where I could link to. Thanks for any and all help.
  24. I am working on a project, and i need the new phone image to show up after the bus slides in... http://webapps.easy2.com/ce/ext1104/messages/iris_messages.html
  25. Hi,I don't know if this is possible, but, I am getting back into web design and don't know how to do this. What I am attempting is quite a simple idea, I have a background image I created in photoshop with its "flicks" & "flares" and what not. I have set it as a part of my banner_bg in my responsive CSS code, but, what is happening ( of course this would be the problem I face) is the background image is re-sizing to fit in the fluid design. What I want it to do is stay static, and simply Crop the areas outside of the devices boundaries. So that I dont loose the effectiveness of my logo
  • Create New...