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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. Hi guys I have a navigation bar where the code for the position isposition:absolute; left:350px; top:400px;On my computer it looks fine and where I wanted it to be. But on my friends computer it's skewed all the way to the right. So what am I doing wrong? I'm fairly new to CSS and only learned through some online reading so sorry for the beginners question :/ @font-face { font-family: 'Limelight'; src:url(../fonts/Limelight.eot); src:local(Limelight), url('../fonts/Limelight.ttf') format('opentype');} body { background:url(../images/bg.png); margin: 0; padding:0;}#l
  2. Hey Everyone! i want to convert my HTML form data to JSON and send that JSON to a PHP page on server. How can i do that. My HTML form is like this.. <!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/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title></head><body id="top"><p>Enter Products</p><form id="form1" name="form1" method="post" action="create_product.php"&
  3. i have a color error about the tables. i dont know when it comes to put the color using the CSS text "tbody {color:blue;}", im setting it at the same order as the page has gives.. except for tfoot and tbody.. i switched their orders, but what im trying to figure out.. is why the tbody element affects the color of the whole script.. when its set.. the whole text of the html page changes to the element's color, in this case.. blue. i want to know why it happens.. how to fix this bug or error scripting... this is the example tag that the page gives.http://www.w3schools...s/tag_thead.asp and ill p
  4. yoyo w3...a question is needed again.. i was the other day looking at a friends website, and i saw this in he's coding: EXAMBLE: <head><meta http-equiv='Content-Type' content='text/html'; charset='iso-8859-2' /><title>TITLE</title><link rel='shortcut icon' href='favicon.ico' /><link rel='stylesheet' href='CSS.css' type='text/css' /></head><body><main class='outer'><main class='main'>123</main></main></body></html> now to my question, the MAIN tags itself, is that a good or bad way of coding?... i mean, if
  5. Hey, I've added a screenshot to make it easier to for you guys to help me. I'm not sure why this is happening because I haven't changed a thing and it was al perfectly fine before. My web developer program shows my <ul>'s -webkit-padding-start: 40px;. So I've tried to change it to 0 pixels in my CSS file but nothing won't change.Does someone have an idea how I can make the space around the <ul> go away. Thanks in advance! Greets,Porkypie
  6. Hi. I have a small .html file which is linked to .css file. However, not all atributes in .css file are "transfered" to the content in .html file - only a background image and text color are tranfered, whereas font-style, font-size and font-weight are not. Here's the content of .css file (with atributes which are not transfered marked in bold): h1.test{font-style:cursive;color:white;font-size:40px;font-weight:1800;}p.test_p{font-style:cursive;color:white;font-size:40px;font-weight:200;}body{background-image:url('flower.jpg');} And the code in html file looks like this: <!DOCTYPE html><
  7. awaise17


    Hello Everybody...i want to ask that how to make a form such that when the user click on the submit button, the data entered by him should be sent my email id....actually i am practicing on HTML and have a form with the fieldsFULL NAMEPHONEEMAILCOMMENTS now i want that when the user fill in this form and click the "send" button then the data should be mailed to my email address.....i have searched through the internet and found like an "action" but it ask to some language.....i dont know what to do...please help me out.....
  8. 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.
  9. 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
  10. 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.
  11. 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
  12. 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
  13. 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
  14. 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
  15. I tried to create image button using css but i would like to know is it possible to create a image using CSS
  16. 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' =>
  17. 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
  18. 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
  19. 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
  20. 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
  21. 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,
  22. 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
  23. 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
  24. 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=
  25. 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:
  • Create New...