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. HiI'm trying to add an option page with a colorpick to my wordpress site, but I can't make the INPUT background update when a color is selected. I added a STYLE but this will only update the background color when I save the changes. I'm pretty sure that it's in the code below or in the javascript file the error is: <input type="text" name="my-theme-options[color]" value="<?php echo esc_attr( $options['color'] ); ?>" style="background-color: <?php echo esc_attr( $options['color'] ); ?>" id="color" /> Here's my code: http://pastebin.com/YHUR6HMk Based on this tutorial: http
  2. Nice be with you everyone! Question:1. How to select multiple id's or elements with hover?I want to simplify this, // CSS or JQuery Selector#id:hover, #name:hover, #age:hover{ } to this one, (#id, #name, #age):hover{ // I know this is wrong selector but is there any way to select like this one for optimisation?} Thank you in advance!
  3. Hello there, I am new to these forums and I am hoping I can get a lot of help from here Basically i've looked through the W3C markup validation service to see if there any errors in my CSS coding because my site isnt looking right in IE. What i've found is that all the errors arn't actually errors? Please if anyone could click the link below and tell me what the supposed errors are? http://validator.w3....=Inline&group=0 The site: http://mandownclothing.com/ Thank you in advanced! Kieran P.S I have attached an example image.
  4. I'm having issues with this website I'm working on (temporary location for sharing): http://zach-php.host-ed.me/sjucc_new/ In Firefox and Chrome, it's coming up exactly how I want it to. However, when it comes to IE, it will push the Church's info and the marquee past the right side of the viewable page (i.e. you have to scroll right to see it), and the border is around the page, not at the width I set it to and the height to only surround the main content of the page. I've tried messing around with other DOCTYPEs, but can't seem to get anything to work properly. I'm sure I have something wron
  5. Hello & Thanks ,I am looking for a tutorial of sorts :Something with a view of html , javascript , and css , all on the same window ,and how they fit together . Perhaps a small webPage , with pointers & arrows with comments .THanks...Vernon
  6. dewinky

    Vexing issue!

    I have a few questions i wish to see if anyone can assist me with:1. is it possible to have javascript dynamically adjust the height or width of a cell on a drag and drop event?, would i be better off using divs instead of table elements (easier to layout with my limited css skills). 2. would i be able to dynamically rotate the image of the dominoe, depending on which side of the dominoe is played and how could i do that? would i have to code something in javascript ondrop event 3. to enable select cells to allow dominoes to be dropped on them. 4. why does a dropped image takes one an opaque c
  7. I have a minor issue that is bugging me. I can't seem to work it out (probably due to spending to much time on it). The issue is that when I hover over the menu items the whole menu bar expands and jumps the the content on the rest of the page down a bit. I've done other themes and never had this issue. I'm sure its something simple but my brain is escaping me and sometimes it pays to have a fresh set of eyes look it over. Here is the css for the menu; .main-navigation { /* wraps the entire navigation menu */background-color: #3B813B;font-size: 2em;text-decoration: none;border-bottom: 2px sol
  8. Possible with CSS/JS?? WITHOUT jQuery !!! Hi, I need a technique to have a special position of elements inside of scrolling elements. For instance: many words ordered alphabetically in a scrollable container beside the list appears the actual First Letter at the top level of the first word with this letter ...but max. at top of the scrollable box scrolling by user moves the next First Letter closer to the previous one and pushes it sometime out of the box WITHOUT jQuery !!! Thanks for your help. My base code: (without the needed functionality) <!DOCTYPE html><html><head>
  9. I'm trying to create a dropdown menu effect here http://cbd-alpha.com/ideal/But I'm stuck with how to get the menu items under the "about" menu item to stack vertically like a standard dropdown. Here's the CSS: #mainNav { margin: 82px 0 0 160px;}#mainNav ul {list-style-type: none;padding-top: 8px;}#mainNav li { float: left; padding-left: 21px;}#mainNav li:first-child { padding-left: 80px; background: none;}#mainNav a { text-decoration: none; padding: 0px 10px; font: normal 14px "ITCAvantGarde", Helvetica, Arial, sans-serif; color: #FFF;}#mainNav ul ul { display: none;}#mainNav ul ul li { pad
  10. JoReL

    Tab Menu

    I´m looking for a tutorial and how to make a menu with 3 tabs with different content each. one of the tabs will have a video. My question is, How can i achieve this?Will it be on html only, css, or both?Thanks in advance for your time. :)I'm looking on google but nothing on how to achieve this.
  11. JoReL

    CSS: 2 columns

    I have this menu with tabs on it for deferent info on products. The problems is that in this tab i added a list of two columns, but the info i placed on the list wont show. I dont have problems with the other tabs, thinking there might be a problem on the css or bad sintax.Code on css: #lateral_X{width: 100px;background-color: #CCCCCC;float:left;}#lateral_Y{margin-left:190px;background-color: #FFFFFF;border:#000000 1px solid;} code HTML <div id="panel_02"> <div id="lateral_X"> <li><p>Functions</p></li> <li><p>blablabla</p></li&g
  12. JoReL

    Making a Tab menu

    I´m looking for a tutorial and how to make a menu with 3 tabs with different content each. one of the tabs will have a video. My question is, How can i achieve this?Will it be on html only, css, or both?Thanks in advance for your time. :)Currently im looking on google but nothing special on how to achieve this.
  13. Hey everyone, I have been scouring the internet trying to solve this layout problem but I haven't found a solution - I want my article section to line up next to my nav bar properly. Using <float> left or right just pushes it above or below the nav bar as you can see here: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><title> My Magical World </title> <style> html, body { margin: 0px; padding: 0
  14. rootKID

    now im pissed...

    ok... i have been working on this thing for a month or so now..im really pissed and need some verification... the last post i posted what actually ALMOST fine.. the only trouble was my explore i suppose.. anyways.. now my explore is NOT my problem any longer.. but google chrome is at this point at an another project.. (pictures added..) i mean.. what?... this is my php file: function stdhead($sitename = '',$css_style = ''){$HTMLOUT = "";//Starting Variable...$HTMLOUT .= "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
  15. Hello, I'v tried to let the footer stick to the buttom of the page but it won't work.And now I don't know what I did but I can't see the whole footer image and can scroll down. Can sombody please help my with this problem. http://promotiefilm.....net/footer.jpg http://promotiefilm.net16.net/ Thanks
  16. HiI'm kinda new to XML and coding so I dont know if this is possible...I have this XML made with Processing what it does is: It takes the feed from the webcam and when I press Space it samples color from 2 pixels in different possitions. It writes the XML like this: <?xml version="1.0" encoding="ISO-8859-1"?><COLORS><SHIRT>#959789</SHIRT><PANTS>#19100F</PANTS><SHIRT>#999486</SHIRT><PANTS>#19110D</PANTS><SHIRT>#939791</SHIRT><PANTS>#1D120F</PANTS></COLORS> So everytime I press Space it adds the Tags <SH
  17. Hi, im having a little problem with a css menu bar displaying correctly on internet explorer but on firefox not showing it correctly. the problem is that the color I set on the css code is a red one, but firefox shows a blue color. I tried with other browsers to see if there was a problem with the code but for chrome,safari an ie the color shows correctly, having only firefox with the bad color displayed. Here is the code of the menu bar on the css: #menu {list-style:none;width:1160px;margin:30px auto 0px auto;height:43px;padding:0px 20px 0px 20px;/* Rounded Corners */ -moz-border-radius: 1p
  18. First of all, why isn't there any information about customizing scroll bars using CSS on the w3schools website?? Well anyway, I was trying to figure out how to customize scroll bars and when I Googled it I thought for sure the only way was going to be by using JavaScript, to my pleasant surprise the top of the search was a way using CSS. Although I am aware it is not supported in all browsers. Well, the article I found is from a beloved site: http://css-tricks.com/custom-scrollbars-in-webkit/ and I think one of the states it shows is what I need but I am confused how to use it. What I am
  19. 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
  20. 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"&
  21. 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
  22. 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
  23. 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
  24. 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><
  25. 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.....
  • Create New...