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. Hellos! I'm having a problem with a border: What I want to do, is to create a line between my site title and my header image. It would be a bottom border for the title. I want to use an image instead of the normal lines, that you normally use. The image is a sort of a chain which I want to span through whole page. What I've tried out so far is:border-bottom: url("/mywebsite/wp-content/uploads/2012/02/chain.png") no-repeat scroll 0 0 transparent
  2. I have a problem with the overflow function on my page, somehow when the function is active the elements height gets inactive. It has to be 100% but it renders thin. this is the page: http://bram-de-leeuw.nl/filmlapse/ When you disable the overflow in the chrome console it renders 100%, i dont know how to fix this, i tried setting next to height the top and bottom properties to 0 i hope you know whats the issue!many thanks in advance!
  3. Hello there! I was just wondering..Lets say you have a site with 50+ pages. And lets say you would like to add a new stylesheet, or your want the original one in a Folder called styles. How would you go about adding a new stylesheet without going into every page and changing it manually?Any answers / coding you can give would be great. Cheers!
  4. My page does not view correctly in other web browser than Firefox.I want the page to have a "book/magazine" design, where you flip to the next page in HTML. I managed to get the design i wanted, but when i view my page in other browsers, it does not look like it does in firefox. Here is the page I am talking about -open in Firefox for correct view, and then try safari/chrome/opera. Why is it like this?http://www.ia-stud.h...strate/inn.html Here is the source-code:<html><head><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8" /><META NAME="COPYRIGHT" CONTE
  5. I have a div animated by incremented margin-left when the user clicks a button. I would like to force the animation to stop at a specific margin-left value and callback a different animation. So if the user tries to click too far it prevents them from doing so. Suggestions? I'd like to do it with margin because it'd be easier to edit later, but if I have to use .position.left as a variable, I'll take the code for that just as well. Here's a wacky selector I tried, to no avail, if it helps convey my intention: $('.slidingDiv[style*=margin-left:80px]').stop().animate(.....); I didn't bind it to
  6. Hi, I'm simply trying to induce a gap between my navigation area and my content area, like this website:http://www.thearteryfoundation.com/ But whenever I try adding padding or margin, my two div's seem to be attached at the hip. HTML: [/s][s]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/s][s]<html xmlns="http://www.w3.org/1999/xhtml">[/s][s]<head>[/s][s]<title>Metalcore</title>[/s][s]<link rel="stylesheet" type="text/css" href="main.css" /> <!-- Main Paige Styling -->[/s][s]
  7. What I want is a image as a background-and then place divs on that same background I use wrapper ^^
  8. I am new to CSS and I am trying to make my menu stretch 959pixles. My website is centered in the page and is 959px wide. My menu is on the right but i can't get it to stretch all the way to the left side. i want everything to be evenly proportioned, with no spaces. but i can't seem to get it to work. Any help would appreciated!My CSS code is bellow:#menu {position: absolute;top: 219px;right: 1px;z-index:99}#menu > li {float: left; margin: 0 0 0 0px; position:relative}#menu > li > a {background: url(images/menu-span.gif) repeat-x 0% 0%;display: inline-block;height: 38px;line-height: 28
  9. Hey! So I have an intersting situation:I am trying to make a div stop moving left past a certain point when the browser is resized. But in the method I am using, I can no longer position the Div to sit exactly where I want! I want it to float: left at 50%, and be offset left by about ~150px. My code looks like this: div.main_content {padding: 0 195px;margin: 0 auto;}div.inner_content {position: relative;float: left;top: 150px;left: 50%;margin: 0 auto;min-width: 400px;border: 1px solid #000000;background-color: #A0CFEC;text-align: justify;overflow: hidden;}<div class="main_content"><d
  10. Hello Everyone, I am having difficulty getting a CSS background image to display properly in webkit browsers (Chrome, Safari), but it displays as intended in Firefox, IE9, and Opera. The site in question is: http://www.gnosisstudios.com In the upper right hand corner there is a folder looking tab that says "Contact Us". The "Contact Us" tab is inside a div that should align directly with the div above it as I have not entered any margins or padding. However in Chrome and Safari there seems to be a padding of about 25 pixels between the div above it and the tab itself. This began displaying in
  11. Dear all, Currently I am building a website for my study/myself but start to experience some problems, maybe it's impossible to do but I would like to take a shot. Underneath the following URL my website is located.http://www.nielsschreuders.nl/webtest As you can see, this site exists out of one page only in which multiple sections "home, products, about,..." are located by scrolling through the page all sections can be seen. Though, in the product section I have implemented 6 spry collapsible panels but page 3 is getting confused when two spry's underneath each other are collapsed. What I wo
  12. <html><head><style type="text/css">#customers{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}#customers td, #customers th{font-size:1em;border:1px solid #98bf21;padding:3px 7px 2px 7px;}#customers th{font-size:1.1em;text-align:left;padding-top:5px;padding-bottom:4px;background-color:#A7C942;color:#ffffff;}#customers tr.alt td{color:#000000;background-color:#EAF2D3;}</style></head><body><table id="customers"><tr> <th>Company</th> <th>Contact</th> <th>Country</th>
  13. what are these -moz- // mozilla-webkit- // safari or chrome-o- // operafor what purpose are it used.I have come across in css tutorials, I have come to know that the deprecated properties have been symbolized -moz- , -webkit- ..I may be wrong . because i don't know the actual purpose of it.I want to know where are they used also it would be very much helpful for me if you can give an example for it?thanks
  14. Hi, I'm relatively new to CSS, and have been trying to learn to use some of the newer CSS3 features recently. I've been trying to get an effect looking similar to lens vignetting around the edges of a web page and decided to try using the "box-shadow: inset [etc...]" property to do so.However, for some reason when I apply this to my "body" in CSS, the effect does not extend to the bottom of the page. Instead, it seems to be constrained to the extent of the padding around the body element. The only reason I thought it would make sense to add the box-shadow to the body in the first place was bec
  15. Update again: Solved, thanks to ShadowMage! Turns out Dreamweaver was putting in strange characters that the browser didn't understand, most likely from copying & pasting from Firebug. Update: Posted an example, cant figure out how to link so scroll down to the bottom. I've been running into this problem on several occasions the past few months and it can be a major setback. What I have to do is take a Joomla website template and make changes to the CSS to get it to look how the client wants. I usually do this by making overrides as opposed to changing the original code (don't want to roya
  16. Hi, I am just finalizing my first website and need a little advice on creating a form to complete a sale. I want to get customers name address email etc and then link to paypal to finalise payment. What is the best way to do this? I can create the form easily enough but am not too sure about getting the customers details sent to me via email etc. Advice please????? CheersCammy
  17. Whats the best solution for completing this:http://app4.websitetonight.com/projects/2/3/9/4/2394058/Tools_for_Web_Success2.htmlthe website I'm working on.scroll down a bit and click the H4 there's a hidden content that slides out.but when multiple on page, it unfolds them all. whats my best option.the reason it opens both is because their both set to the same ID's. and i know that if i set all divs different ID's it will work. BUT what are my other options? are there any other options?here's the code:http://jsfiddle.net/attilahajzer/zx2dk/2/Please Help.
  18. Hello my name is Alexander, the last year and a half I've been trying to work on building websites myself. I work on it for a few days or weeks out of a single month, then I quit for a few months and started back up. I quit because my frustration and inability to learn this stuff. I have read and watched and asked so many people, forms, Videos, guides and other tutorials. I'm not familiar with a lot of the terminology and other file associations that go along with building websites. I use Adobe Dreamweaver and probably not use anything else. I know most of the Adobe product and found out but
  19. Can anyone help me. this may be a noob question but...... I am trying to create a website and am trying to position two spaces I have for my header side by side. The left is going to have a logo inserted into the html code and the right side is going to be using a background image place in the css code. I cannot eem to get the 2 boxes to sit side by side in the header tags. Can someone help me? Heres the HTML: <body><div id="container"> <div id="header"> <div class="lftimg"><img src="images/logo.gif" /> </div> <div class="rtimg"> &
  20. Whenever I use <a onclick="">on text</a> it ignores the css formatting for the <a>. Why? Is there a way around it?
  21. Hi,I´m new in this forums.Does anybody know how to really make a website look the same in all browsers?Maybe its impossible, but are there ways to even try?Thanks
  22. I've been playing around with site making and through tutorials and such nothing "exactly" tells how to position anywhere you want, at least nothing I've seen. My site is here http://www.moonanbeings.com/I want it to be as you see now, but correctly. I'm using CSS to place that image center there and I don't think that's how it should be. It shouldn't be through CSS and it shouldn't be a background image. Having it like that is like my easy way out. So, how do I get that background image to be a regular image and center, center for every resolution?
  23. I have an image that kind of serves as an opaque background, and once hovered the opaqueness goes away. Also, I have a row of list items to serve as a menu, and once hovered the color of the text darkens to become more visible. This works great. As long as the mouse is directly over each element. The text element is directly over the background. What I want though is to have the background stay apparent as the text is hovered over, instead of the background becoming opaque again if I hover directly over the text. Can this be done without Javascript? Or is there a way with CSS3 to have the elem
  24. Hey mates. I want to share this information with you all who may be having the same issue. On Windows my webpage background and images display well. but on linux/ubuntu i was unable to view the images on the web page. Finally it worked after i changed the image name to its correct case. Example: background-image : url('images/gradient1.png'); changed to background-image : url('images/Gradient1.png'); It applies to html too. Hence i believe its better to practise using correct case when dealing with links and image names.
  25. Hi forum, I've been struggling with an annoying bug in IE7. You can see in the pictures how the nav it's correctly displayed in any friendly browser and in that spooky thing called IE7. I've put a red border around the <li> elements so you can see what's the problem in IE7, hope you can find me to find the solution to it. Chrome IE7As you can see the <li> elements are being extended to the right and overlapping the <span> element in the right. Here's my HTML and CSS for reference HTML <div class="category-image"><img src="images/PipelineImage.jpg" alt="main-pic-deve
  • Create New...