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. The problem is that I can't get my nav-bar align in the center. This is my code: <div id="nav"><ul><li><a href="startpagina.html">Startpagina</a></li><li><a href="zomercollectie.html">Zomercollectie</a></li><li><a href="wintercollectie.html">Wintercollecite</a></li><li><a href="kerstcollectie.html">Kerstcollectie</a></li><li><a href="contact.html">Contact</a><ul><li><a href="contact-voor-particulieren.html">Contact voor particulieren</a><li&
  2. Hi Everyone, I've use case lets us say in a paragraph i've 100 lines i need to display first 50 lines and other 50 lines should not be displayed.But when i click on Read More link all the lines should be displayed(100 lines). When the 100 lines are displayed then the close link should be enabled and when i click on the link 50 lines should be displyed. Thanks in advance!!
  3. I was studying this "You try it" on the W3 site:http://www.w3schools.com/css/tryit.asp?filename=trycss_linka:link {color:#FF0000;} /* unvisited link */a:visited {color:#00FF00;} /* visited link */a:hover {color:#FF00FF;} /* mouse over link */a:active {color:#0000FF;} /* selected link */and used the code in a page of mine.But my page always opened with the link colored green, as if the link had already been visited; whereas the sample shows its initial state as red, or unvisited, as the code comment indicates it should be.Curious, I changed the destination in the sample from "default.asp"
  4. viswa46

    CSS Layout

    Hi, I'm new to css need to design a layout where at the center of the window website content should be present and on left and right of the space should be left(which is normally across the websites). Can you please guide me here!! Thanks in advance!!
  5. For my site i am trying to create a texture background that has 2 layers beneath it so that the texture layers looks as it is floating. I created a png file in Photoshop but that's not want i want because its a fixed size and doesn't contract or expand with my content. Below is my png file so u will see the effect i am going for. I tried creating 3 background images all 40px png files created a div #apDiv1 { position: absolute; left: 208px; top: 29px; width: 477px; height: 437px; z-index: 1; background-position: 150px 25px, 155px 29px, 161px 33px; background-rep
  6. I am taking the courses here and learning a bunch. Asd part of my education, I look at other sites and see how they do things. I got a couple of things from AstroViewer I was trying out, but I cant get it to align properly. The tabs show up as they are supposed to, but everything after that is still using the style from the nav division. I have been back over the style sheet (nav_slidingdoor) and cant figure out why it is still using that styling. I tried putting the last <p> in a new div but that didnt work.So, please guru's, give me a hand and show me the error of my ways. thanks, mi
  7. I am working on creating a basic website for a friend's photography business and found a drop-down style of menu that she enjoyed. I found a demo on how to do and worked on putting it on my own page. http://citpt.lcsc.edu/aaronroberts/memories.html I am running into an issue that any time you hover over the menu bar at the top, the sibling division "title" that has the words "Memories by Mynique" drops down approximately 200 px. I have looked repeatedly for ways to fix this, ask various people for ideas and we can't seem to find the error. Here is my code for the page: a
  8. I just built out a website for a client using a template from egrappler.com and I have encountered a spacing issue that I cant figure out for the life of me. For some reason, my image slider has been pushed to the right by 40px and I cant figure out why or how. Here is how it is supposed to look: http://screencast.com/t/pKQAAHEge Here is how it looks: http://screencast.com/t/TYkLqNWkp The URL is http://www.casablancapm.com Any help on this is GREATLY apreciated! It's driving me CRAZY!
  9. Hi, I'm having a glitch when testing the compatibility of my site in IE10. It works just fine in FF, safari and chrome on my macs, iPad and windows laptop. But my jquery navigation menu and fancybox image gallery just don't work.My site is under development and seems to be just dandy on all browsers except for IE10.:For some reason the menu bar and photo gallery, which are both powered by Jquery just dont work. I've noticed when I removed the fancybox scripts for my other pages the menu behaves but on my homepage in testing on IE10 on windows 8 it's not right. I also tried to link my jquery to
  10. Hi the following is my complete css. The font-size is having a different look in all other browsers but in IE-9, it is worse. How can i fix this problem? .label{font-family: serif;font-weight: bold;font-size: 20px;} This css have different appearence in chrome and mozilla. In IE it is pretty bad. If anybody have an idea on dealing this, please help me out.
  11. Hi before adding <!DOCTYPE html > to my html, my javascript code is working fine. But by adding this to my html, the below part of the code is not working div.style.left=x;div.style.top=y; i am not able to set left and top values to an element. What could be the problem?
  12. Hi folks, I really don't know if this is the right section for posting this question, but perhaps some Moderators could move it otherwise? On my website I have a "modal window" which shows a bulleted list of various online stores for digital music. At the moment I have inserted perhaps 100 different stores, and the pop-up box are really long. I need help with creating a fixed size for this window with a scrollbar inside it. CSS part: .text-box-ul li { list-style-type:disc; margin-left:16px; margin-top:5px; } HTML part: <ul class="text-box-ul"><li>Text here</li><
  13. Muhammad Usman


    Please any one can define all about the purposes Some Signs Of Use In CSS that's signs defined below: ~ , + , > I'm waiting....! Reply Any One.
  14. PaulV

    positioning problem

    I want to make a site, with a wrapper centered on the screen, with contnet in the wrapper.This works with plain text in the wrapperhttp://www.captain-africa.com/CSSProblem...This works well. Now i want to positionthe content in a specific place: the wrapper does not reacht the bottom of the pageThis happens if want want to position content in a div-containerhttp://www.captain-africa.com/CSSProblem...As you can see, if you scroll down, things go wrong.What did i do wrong?
  15. Okay, i have uploaded an attachement to the post here, and as you see. I have some trouble with the menu. I am trying to make a menu just like this website: http://www.templateaccess.com/demos/responsive/html/devclub/index.html And no, it is not stealing. Only educational purpose use! Anyhow and regardless! As you see, the menu drop-down's are going behind the boxes i have right now. And not sure why. I have also attached the 3 .css files, coz the code is a little long, it should be very easy to find out how to work with it inside the .css files. I did try to use z-index w
  16. I'm using Google flag translator for my website. When click on the flag its redirect to Google translator. In the Google window my website footer alignments are messed up. you can see what happened by click on any flag. this is my site, adseekershub.com I'm a beginner in programming, I know this is the right place to get me a solution. hope you guys help me. thanx,
  17. Hello internet. I am using <iframe> (with <button>) to switch between different web pages - embedded in the center - of my home page on my site. Everything seems to be OK until I click the button and then I lose some of my font styles on both the home page and the embedded page iframe brings up. Some things to point out: 1. I am calling an external .css and .js files like this: <link rel="stylesheet" type="text/css" href="/myfile.css"> <script src="myfile.js" type="text/javascript"></script> 2. I set up the <button> like this: <button typ
  18. Hai Guys,This is my work about drag and drop using HTML5 Before drag and Drop: http://cl.ly/image/0O3w2y1k0U3b After drag and drop: http://cl.ly/image/0C210U3m0d0Z I have 2 area, black area and White area, in which white area is area to drop. After drag and drop, i have problem that copy images(in white area) can't move/drag in white area... This is my Javascript code : http://cl.ly/image/3J1u101p0S1eMy HTML5 code: http://cl.ly/image/2z041f240f3UMy Questions is How to move the copy images after drag and drop in white area? this is to aim get functionality like modeling tool UML
  19. Hello internet. I have noticed that when I move my mouse over buttons or <a href> I have created that the pointer turns into a cursor - same cursor you see in Microsoft word. How do I keep this from happening?
  20. I have been struggling on this for a while now, I cant get my images to position correctly. My header image need to be centred and my buttons need to sit underneath next to each other neatly. Please help :-) its on my booking form. http://www.sunseavip.co.uk or direct link http://www.sunseavip.co.uk/booking/index.php
  21. deldalton

    CSS Sprites

    Good day, I have the following HTML code ... <body> <div id="navButtonContainer"> <img id="navButton" src="images/transparent.png" class="frame1"/> </div></body> and the following CSS code ... .frame1 { width: 200px; height: 100px; background: url(images/imageSS.png) 0px 0px;}.frame2 { width: 200px; height: 100px; background: url(images/imageSS.png) 200px 0px;}.frame3 { width: 200px; height: 100px; background: url(images/imageSS.png) 400px 0px;} I have some JS that modifies the <img/> class from "frame1" to "frame2" to "fra
  22. Hi, i was wondering how to move a image over a 9x9 grid of other images The 9x9 would be 81 images of a size, lets say 32px by 32px The images that moves over them the same size 32x32. The 9x9 would be the background and the image that needs to be moved should stay centered. In what direction should i look, and are there any tutorials on the mather ? i was thinking that if i move the background the image would always stay centered but i dont know i that is a good idea. an exemple would be http://www.pardus.at or http://sylfex.redirectme.net
  23. The website is www.cleantelligent.com/tour/This image, as a background, has tooltips and links on it.The issue is that, if you re-size the window, the image and title (the main div, I think) moves left and right. This means that the "Take the Tour" sub-head isn't always aligned perfectly underneath the "Tour" Title in the black bar above. They should be lined up down the left so that the image is centered underneath the header content.Is it my positioning that's causing this? If so, how can I fix it? I've tried positioning it absolutely, but that collapses the page and the footer pops up to th
  24. I have anchor links on icons for social media at the top of my page. As far as I can tell, the links and anchors are coded correctly.But for some reason, I can't get the icons to be clickable.The website is www.cleantelligent.comHere's the code for the icons themselves: <!--SOCIAL LINKS--><style>#UpperLinks{ position: absolute; left: 50%; margin-left: 380px; white-space: nowrap; padding-top: 27px;}#UpperLinks img{ width:auto;}#PhoneTop{ font-family: 'News Cycle', sans-serif; color:#D1D1D1; position: absolute; left: 50%; margin-left: 345px; white-space: nowrap; margin-top: -12px;}&
  25. I am working on a website with 4 servers with a load balancer. It is www.cleantelligent.com.All of the servers have an idtentical copy of the website on them. But on one of the servers, there is a white bar above the main content, below the header, that should not be there. I've tried re-copying all of the css and index files to the server, but it's still not working.The server is called enos.So, it's enos.cleantelligent.comCan anyone tell me what's causing this stupid little white bar? It's not showing up as an individual element, but as part of the background content, I think?
  • Create New...