Jump to content

Search the Community

Showing results for tags 'CSS'.

The search index is currently processing. Current results may not be complete.
  • 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 friends, I am a beginner in programming.Now i am assigned with the task of making a site with html5 and css.The issue what i am facing is I have a horizontal menu bar with vertical sub menu will come on hover. 3 main tabs home ,health,safety under that i have sub menus health 1,health 2,safety 1 ,safety 2 when i am clicking all main menus are working fine. But when i am hovering menu sub-menu display will come page wont load if i click any sub menu , If i am on home page and on hover am clicking on safety 1(sub menu) the page wont load: Error message:" Thi
  2. Hi there,Love the W3CSS for a lightweight material design and easy responsiveness. Working on it for few days and thinking to contribute.So here is my thought for using .w3-spin class to spin something mostly the icons in reverse direction. I fork this spin class to .w3-spin-reverse which is working perfectly for a spin in reverse direction. .w3-spin-reverse {animation:w3-spin-reverse 2s infinite linear;-webkit-animation:w3-spin-reverse 2s infinite linear}@-webkit-keyframes w3-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(-359deg);transf


    Hi, Sorry about my total lack of technical knowledge. What do you save .css files as? Is it UTF-8 or ANSI? Also in the raspbian distro I'm using it has the option of 'Current Locale(UTF-8)' and 'UTF-8' but not for 'ANSI'. The other options are ISO-8859-1, ISO-8859-15, CP1252. And next to the options is another box with CR+LF and you can choose just LF or just CR. I'm trying to use the raspberry pi as a webserver so I can see what my website designs look like on my Apple Ipod. 1. It shows up on the ipod but the css doesn't seem to be linking. 2. I can open it in the Dillo w
  4. Hello huys, i’m doing create dummy html using bootsrap and need some help how to customize my template will be like images,and images is here and all i have been done is here My question is how can i give one div in the left, i have been adding one div but the div show in the top of three div, if any suggest will be thanks full. PS : Sorry upload in printscreen cause trying upload here file to bigs. Regards
  5. Okay, so I'm trying to use: http://codyhouse.co/gem/3d-rotating-navigation/ but the text from my nav bar and buttons appear above it when I scroll down.. https://gyazo.com/fdb218e18dbe364635fd9652c693eaaa https://gyazo.com/f26263256f2a0e55488150d9ff008b10 Anybody know hot to fix this? :3 Thanks
  6. Hello. i dont get why my background in my Container isn't showing even to i've done margins in it that works http://2.1m.yt/vLtNTHjtR.png (The code proving that it can find the image) http://4.1m.yt/-dSNxBFUD.png (The result of that coding) but when i write in the body of the html it looks like this http://2.1m.yt/3SNtkz42G.png http://1.1m.yt/4EDAmTcZS.png (then thats the result) even tho i write in the lower "tier" div it's still inside the margin aswell but it's suppose to be a background right? and with this code <style>body { background-image: url("Images/B
  7. My goal seems simple: a dark green background to my table with lines alternating with a lighter green background. The problem is that I can't get rid of the areas to the left and right of each <td> where the dark green is bleeding through. I've tried setting the left/right border property to 0, the left/right margin property to 0, the left/right border property to 0; the border color to the lighter green—all with no results. The only thing that works is to use "cellpadding='0' cellspacing='0'" with the <table> tag, but this also affects the vertical spacing, which I don't want to m
  8. Hello, I have so many image icon lists. I want to convert all image icons to font icon for my website.I did not want to use “fortawesome or other type of fonts”.I want to my own. Is this any way for that type of process? Please help… Thanks
  9. I'm having trouble with getting the image in the right order. I'm trying to filter images gotten from the database based on the button link. I got the reference from http://www.evoluted.net/thinktank/web-development/jquery-filtering. I have about 20+- buttons and for each button, I am getting all the picture that is being under that filter button through database. (Not sure where to post this, but I think it's more suited to be under css). Basically, I have gotten the css all wrong (my css is basic too ><), so I hope you could help me(where i have gone wrong) and give some pointers. Her
  10. Can anybody help me put Text titles in the image thumbnails in the homepage please? So it would look like this: http://www.asiancrib.com/wp-content/uploads/2015/08/images1.png My website: www.asiancrib.com I would really appreciate if anyone could inspect it and send me a CSS code. I am a bit of amateur at this... Thanks for your help. CSS vertical .title a {color: #252525;font-family: "Hind";font-size: 44px;font-weight: 700; <div class="layout-featured clearfix">h2 class="main-title">Featured</h2><article class="clearfix fea
  11. Hello,I have few problems that I cannot solve and if possible with your kindness that you can help me figure out the problem.The website is a coming soon page : www.tealovers.caThe problem: When you check on on a smartphone or a pc or mac with the resolution of 1280px x 800px. The logo is not center with everything else, it s cut. <div class="row" ><div class="col-xs-12 jasm-logo" data-scroll-reveal="wait 0.25s, then enter top and move 40px over 1s"><a href="#" title=""><img src="img/logo-1x.png" class="jasm-logo-1x" alt=""></a></div></div> and the
  12. Having a hard time getting the CSS and Javascript files referred to, how the work together into my head. When naming text files of html, and having it in a folder along with css and javascript. It seems like when building a site with the (great) web building tutorial that I like so much. I can vary a few attributes and things like that. It seems like every time I set it up with anything other than "demoweb" "index dot html" title of "our company" as instructed I get dodgy results. I also seem to have hit and miss PHP results. I am still plugin away at this if someone knows what I me
  13. Hi there. Rather newbie question today, but how do I add 'sections'? This is what I'm talking about: https://outstandingsetup.com/ more specifically: http://gyazo.com/8fe213a71899a26ebfca79c82926c0a9 how do I start a new block like that? I've tried already but to no avail. Thanks.
  14. Please look at the code: in this line: line#42reactionTime = (clickedTime - startTime)/1000; all browsers are saying that startTime is not defined :/ any help will be appreciated <!doctype html><html><head> <title>Learning JavaScript</title> <meta charset="utf-8" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style type = "text/css"> #simpleBox{ width:200px; height:200px; background-
  15. Hey dear, happy IED MUBAROK i hope not to late to said well i have problem about my carosel, i follow the tuorial from herehttp://bootsnipp.com/snippets/featured/carousel-side-caption Then i trying to customize it to my dummy and here is the results IN CODEPEN http://codepen.io/anon/pen/MwZaPZ in my localhost carosel running well but my questions not about that, my questions is How can i make the arrow in the left and right not blocking the article here is the images How can i make push the bullet to the bottom Here is my dummy template https://www.dropbox.com/search/personal?is_adv
  16. Hello Internet, I'm having an issue with how Safari is rendering a picture on my smartphone - but not chrome. Any thoughts on why this is happening? Please attached image.
  17. Hi everyone! I'm using the "Electric Multi-Purpose HTML5" theme from ThemeForest and I have to limit the width to 1000px instead of 1300px which wasn't a problem to change in the css file of course. http://treacle.faceversa.net/assets/custom/css/style.css The boxed layout has changed to 1000px now but some parts like the portfolio do not adjust to it, as it can be seen in the screenshots below. Or here: http://treacle.faceversa.net/ At first I thought I could fix this via breakpoints, but there are only breakpoints for the screen sizes 400, 768 and 992 included. When I bring the brow
  18. Hi, I 'built' a website a while ago . I 'built' it using a template. It is only 5 pages so every time I needed to edit something in the footer I would just go through each page and edit it. I am going to be building a slightly larger website soon (20 pages). What is the best way to set it up so I can easily edit the menu items or the footer on every page in one go? As far as I can tell the templates on w3layouts don't have anything built in to their templates to do this? Is the best way to just use wordpress or something instead? Is there a way to do it with html/css? Also, i would appr
  19. Hey everyone, I'm fairly new to the whole web design business and I have a simple question. I've made a site, just for practice, and I'm not happy with the colors. Instead of every time scrolling trough my css file, I want to have quick acces to a few color codes at the top of the file. In this way I can change the colors way quicker and more easily. Stig
  20. Hello, I'm attempting to re-create this Wix page - http://gtnphotography.wix.com/collectivecp#!new-equipment/c10au -in WP using the genesis theme. However, I'm having issues with spacing and alignment. Here's the code I have: <style> div.container{ position: relative; } p { text-align: center; margin-bottom: 60px; } div.container img{ position: absolute; top: -30px; left: -10px; right: -10px; } </style> <div class="container"> <img src="http://www.collectivecp.com/wp-content/uploads/2015/07/Red-One-e1436565960605.png" /> <img src="http://www.collect
  21. Hello, I want ask about css3 animation in exercise 6 in css3 animation using (animation-delay: ease-in-out;) in answer exercise why not use animation-timing-function? Thanks,
  22. Hello. I am a newbie and suggestions would be greatly appreciated. I am redesigning a page within a Dreamweaver template. There are CSS stylesheets and JavaScript attached which is part of branding standards. There are many changes that I would like to make but I am having to comment out elements since the template is for the entire website. I am not allowed to completely change the header or the footer ( I asked our webmaster). Is there a way to override the template header and insert my own navbar while retaining the other presets? Next, I am having trouble with my div box
  23. I am trying to make a website that follows the rulles of Google insights. Most of the time it works fine, but yesterday I found out, by watching the website on my daughters phone, that it doesn't display well on Android 4.4.2 and an older iPod it looks like that the style.css ( that should load after the html and a small part of the more important CSS have been loaded ) is not loading. On a Android 5 or iPad it looks just fine. Her is the code I have been using to delay the loading: <script type="text/javascript"> var cb = function() { var l = document.createElement('link'); l.rel = 's
  24. Hi again, i don't mean to ask every time i face bugs i'm trying by my self but sometime i success remove line when small device, Please resize it. Here is my simple demo http://codepen.io/anon/pen/pJaXGa i want to remove line white when small device here is image http://imgur.com/l0mUcnC I want to remove three line white between tooglle button and search form, only remove it in small device, Will big thanks for debuging or suggest where is the code should remove it
  25. I am trying to get my navigation menu to show up in 2 columns for the sub menu since it is a long list but havent been successful yet. Here is the css script: .navigation { position: relative; top: 30px; clear: both; margin: 0 -10px 0; padding: 0 10px; border-width: 1px; border-style: solid; border-color: #343131; } .ie9 .navigation, .not-ie .navigation {z-index: 30;} .navigation { background: #f7f5ed; /* Old browsers */ background: -moz-linear-gradient(top, #f7f5ed 0%, #ebe9e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f5ed), colo
  • Create New...