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. Ok so I made a little scrolly box thing for my stories on my websites little html slide show thingy with all the link buttons right. Well on the first slide it worked, but on the 2nd, the scroll box wouldn't show up. I tried it again with the 3rd. Same thing, yet the first one shows up, and the page is perfect. Help please. Ill post the code. <html> <head> <title> Picture Five </title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> </head> <body> <table class="SS"> <tr> <td class="navigation"> &l
  2. Good day, I am quite new to web design with only 3 weeks experience and I ran into a problem that totally elude me. I am currently working on my website and I am stuck with my "Send" button. I can't apply the style from my CSS to my php button, it is supposed to be on the right side and look like the clear button, instead I get a plain rectangle box on the left side. [/left] The first part of the following code is to make a clear button. Here is the html part of the code:[/left] [/size][/color][/font][/left]<div class="alignright"><a href="#" class="link4" onClick="doc
  3. p:before {content: url("/smile.gif") open-quote "Smile" close-quote;} <p></p> I would like the text to vertically align with smile.gif
  4. I'm trying to have a centered <div> that always goes top to bottom, but as content is added it expands with the content. Thanks! Here's what I have so far. <!DOCTYPE HTML><html><head><title>My Site</title><style type="text/css">* {padding: 0;margin: 0;}html, body {height: 100%;}body {background-color: #999;}.container {position: relative;width: 1000px;height: 100%;margin-left: auto;margin-right: auto;background-color: #fff;}</style></head><body><div class="container"><h1>TESTING</h1><h1>TESTING</h1><
  5. Hi I am just self-learning CSS and am practising in a new WordPress site. It is only hosted locally for now so sorry I can't provide a link. I'm sure this is easy for a CSS guru though I am having trouble center aligning the text (i.e page links) within my horizontal navigation menus. I tried using padding (which works) though discovered it is displayed differently in different browsers (I am still learning about using universal CSS for multiple browsers). I read a few tutorials regarding using "margin: auto" and "align:center" though I have no idea where to use it in my code. I have tried a f
  6. <style type="text/css">p:before { content: url(images/filename.gif) }</style><p>Text goes here</p>How do I position text vertically to image?
  7. hello w3schools... was wondering... im searching for the momment being for good and relieable sources to start up a reseller company... and the only 2 sources i find nice is ->opencart (newest version...)->BoxBilling (newest version...)... so here is my problem/question... does anyone in here knows how i can integrate boxbilling billing system into opencart?... because opencart is a shop and not recommended for hosting bills and such stuff... but boxbilling is... but i also like to sell stuff (one time)... and there opencart comes in handy and not boxbilling... so anyone... knows how to
  8. Hi! I'm afraid I'm ignorant to something here, as I've been trying to apply particular effects via css on this simple site, but cannot figure it out! Before I make even more of a code mess, I thought I'd see if anyone with a clue could help point me in some direction as to what it might be... thank you for your help! INDEX: body {height:auto;background-color:black;margin: 10px auto;}#main {width:1280;background-image:url(images/bg.jpg);margin-left:auto;margin-right:auto;background-repeat:no-repeat;} #header {width:1280;margin:50 0 0 0;background-image:url('images/logo.png');background-repeat:n
  9. Blake


    Hello, I wasn't sure if I should post this under CSS, HTML, or whatever so I ended up in the general topics. I am relatively new to we development. I had page that the back ground is an image of a color to goes light at the top to a darker shade at the bottom (gradient). So normally to save load time I assume you would just apply the color via CSS so it doesn't have to load and actually image. Is it possible to use some sort of HTML, CSS, etc to apply a gradient to the solid color? Or do i just have to load the image. I hope this makes sense. I appreciate the help. Thanks
  10. Hi I'm just learning CSS/HTML (self-taught) and am curious about the process required to achieve something like the image that can be seen on this blog page: http://theletteredcottage.net/our-house/ Any advice/info, and in particular some example code, would be fantastic. As stated, I'm only a newbie so simple explanations with limited jargon much appreciated :-) Thanks so much!
  11. Hello everyone, Lets share the best books you know related to web development. Share their links as well so that they can easily be downloaded should be in PDF formate. Thanks.
  12. Me, again. This time, I just can't seem to get my head around it. I came up with this idea when I was looking at the link tutorial. So my links on my website are little button pictures right? And I want them to change to a pressed button when they are active. How would I do that? This is probably a stupid, but I just can't get whatever I am not getting right now. And yes I have read the tutorial and searched the reference, I even went to other web pages and inspected their elements.
  13. Hello. Like I said in one of my other posts, the one about giving a table a margin on a style sheet; I am new to CSS really and I am making a little website for a school project. Last night I spent making some graphics for it and all, but my style sheet, as far as I know, is really unorganized, and I am really confused on how it's supposed to be organized. Most of the things I just put in it, and kept moving them around till it worked, but I am getting tired with that process, and it's really messy. Ill post my style sheet beneath, and if anybody could help me organized, that would be wonderfu
  14. Sorry if this may have been answered before but I could really do with a specific answer to a specific set of circumstances. I am very new to anything other than basic css.The best way to describe what I mean would be to look at the site in various browsers. http://www.livingwithaddicts.com/ .I have put this together for a charity using the Joomla CMS (version2.5). If you look at the site in Firefox it is as (for now as it ain't finished) how it's meant to look. It's fine in Chrome and passable apart from some easily solvable positioning issues in Opera. Then we get to IE and I have just added
  15. I've seen this done several ways, but I'm looking for a simple solution. The main content area is white, with rounded corners at the top and a shadow around the top and both sides.(See image below) I've saved out the image in 2 pieces, one contains the top 72px or so with the rounded corners. The other is a slim piece, the same width as the top piece, including the shadow. I've created a div and gave it an id="contentcontainer", where all of the content for the pages will rest. Inside of this div is where I need these images to show up. The top image with the rounded corners needs to always be
  16. http://pastehtml.com/view/buakxo9oj.html I know it lacks the images but I think you can see what I having a problem with: the dropdown menu isn't vertically centered with the page, I tried margin:auto; but it didn't work. In the bottom the footer is overlapping with an upper section, I tried positioning it but it won't go any further down this the 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/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; c
  17. Hi, I know that this might be a quite common question but I haven't found a solution for my site so maybe you guys can help me out. I am not very experienced with this CSS stuff and I haven't been able to come up with a solution. My navigation bar works fine with other browsers but not firefox. You can find a live view of the site at: http://www.korukivi.fi/?page_id=375 Thanks for any help!
  18. I am trying to make a horizontal menu bar for a website. I am doing it the way they show on W3 with a <ul> list and css formatting. Every attempt looks horrible in IE 8.0. The usual bullets are still present and it is still vertical instead of floating horizontal.Can anyone take a look at this and tell me how to make this type of menu show up properly in the common versions of IE? Here is the site: http://cwarchitect.d....com/index.html
  19. Hello! I'm working on building a small website for my company. I need help in figuring out why the menu isn't working out... Here is what I've built so far: http://silverbergandsons.com/beta/ I can't figure out why the list items are shifted over to the right like there's an invisible bullet there... this applies to the submenu too. When I use width:100% for the background of the menu, it stretches out the page to the right side... Probably has sometime to do with the invisible bullets in problem #1. I can't get the images/menu buttons centered in the page... And lastly, I've
  20. I've been working on this for a while and I've had varying levels of success but have not been able to achieve what I'm after so far. I'm looking to do this with CSS, no jquery or anything like it. I followed the "Son of Suckerfish" tutorial and that got me somewhat there, but when I tried to make the 2nd level dropdown, it started getting all funky and I haven't been able to figure it out. Not to mention, it isn't working properly in IE9 or FF, only Chrome and Safari (for Windows). Below is the design view of the dropdown navigation: So far, I've gotten it most of the way, but the 2nd level a
  21. What i want to know is how i make the thumbnail bigger while clicking on it simillar to what i have done with the fisheye menu on the top. I cannot get those images to work with the dock JS, any suggestions in how to do it with CSS? This is my page: http://www.wedub4u.com/ Let me know your suggestions.
  22. Does an experienced webmaster know which style sheet is best?Note that the image bg.bmp is just a white rectangle with a width of 1000 pixels. So in both cases a white text area of 1000 pixels wide on a gray or silver background will be created. So far, I always use the method with the image but i.m.o.the other way is more straight forward (and therefore less vulnerable?).CSS 1: html { background: #808080 url("images/bg.bmp") repeat-y top center;}body { margin:0 auto;} CSS 2: html { background: #808080;}body { margin:0 auto; background: #ffffff; width:1000px;}
  23. Hi guys, I need you to help me what I can do to implement this site and make it look more appealing. I am a backed coder php, but not good at design.www.jonathonleggwebdesign.co.uk/fw/Any criticism or feedback on code to add would be great. Thanks,Jon
  24. ezmacc

    I broke my homepage

    I added a javascript witget on the right sidebar of my home page and it changed the way the navigation in the left sidebar is being displayed. I have tried everything to fix it and the only thing that will work is if I remove the javascript from the right sidebar. Does anyone have any idea how i can fix this? You can go here to see how it looks now. Below is how I want my home page left sidebar to look. Thanks!
  25. 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
  • Create New...