Jump to content

Search the Community

Showing results for tags 'CSS'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 885 results

  1. lchosts

    Proper Css Method

    So general layout question here... which method is proper styling? obviously this is a dumbed down example of all the elements and stuff Ill be working with but just curious if it was better to list 1 style multiple times or 1 class or ident or whatever multiple times. I wanna be as professional as I can be in my writing so Im trying to learn proper techniques now #example1 {color: red;height: 43px;border: 1px solid black;} #example2 {color: red;height: 10px;border: 1px solid green;} #example3 {color: red;height: 100px;border: 1px solid purple;} OR#example1, #example2, #example3 {color: red;} #example1 {height: 43px;border: 1px solid black;} #example2 {height: 10px;border: 1px solid green;} #example3 {height: 100px;border: 1px solid purple;}
  2. Hello everyone,I am brand new to this, as may already be evident from the wording of my thread title. After some reading and practice, I am fairly confident on the basics of CSS and XHTML, and I am wanting to push myself a little. In the website I am creating for my own practice sake, I have an external CSS page which is working satisfactorily for basic things around the website. Now I'd like to see if I can make certain sections of the background image to be links to other pages, instead of the HTML navbar I have created. So if I want different sections or elements of the background image to link to other pages on the website, is there a way to do this? If this is written into external CSS, then it should be the same site-wide, correct? Perhaps I am biting off more than is helpful for me to chew at the moment. Any suggestions/corrections are welcome.Thank you for your time. It is much appreciated.
  3. ct34lf

    Css Float Pushed Down

    I miss the simplicity of tables, this is why css is a failure as a replacement: <div id="footer"> <div id="footerright"></div> <div id="footerimage"><a href="http://twitter.com/#!/k"><img src="t.JPG" alt="" width="34" height="39" border="0" /></a><a href="http://www.youtube.com/user/k"><img src="y.jpg" alt="" width="28" height="39" border="0" /></a><a href="http://kobalt7.deviantart.com"><img src="d.JPG" alt="" width="29" height="39" border="0" /></a><a href="http://www.facebook.com/pages/k><img src="f.JPG" alt="" width="32" height="39" border="0" /></a></div><div id="footerleft"></div></div> #footer{background-image:url("bottomiddle.JPG");background-repeat: repeat-x;margin:0;padding:0;overflow:hidden;background-color: #000000;height:115px;}#footerimage{width:123px; height:38px; margin: auto; text-align:center;}#footerleft{background-image:url("leftbottom.PNG"); background-repeat: no-repeat;float: left;height:115px;width:115px;}#footerright{background-image:url("rightbottom.JPG");background-repeat: no-repeat;float: right;height:115px;width:110px;} pretty simple right?Nope heres the issue:
  4. Resolved Two issues I'm having that I could use some help with http://31theseries.com/shriekfest/ I have two images and I'd like to center the two of them as a group. In this case they're the same size but I have other applications where they're going to be different sizes Also I'm a bit mixed up on how I can get my buttons in a horizontal row instead of a vertical one. I tried using display inline but when I do suddenly my width and height definitions mean nothing and the images get cut off.
  5. Hi,I am new to Joomla, and just getting started with html and css code.I have been reading for over a day now about how to change a vertical menu to a horizontal menu. I have used the css code "display:inline;" and removed the "display:block;" according to the instructions that I found on the web, but it didn't work.Joomla version 1.5.23Template: joomla 18 http://www.joomspirit.com/vmchk/free-joomla-1.5-templates/template-joomspirit_18.htmlwebsite: http://www.mvseahorse.nl (I want to make the menu at the top horizontal)As far as I can see the css code that has to be changed is in the moomenuh.css file, and the first code in this file I have pasted below.I know this question has been raised many times before, but like I said, I got stuck. I appreciate your help.Joris#main_menu {clear:both;display:block;height:28px;position:relative;z-index:100;list-style: none;margin:0;padding:0;text-align : left;/** change **/}#main_menu .moduletable{margin:0;}#main_menu li{margin:0;padding:0;height:28px;float:right;position:relative;list-style : none;/** change **/margin-top:-1px;padding-top:14px;}#main_menu li a, #main_menu li span.separator {display:block;float : none !important;float : left;position:relative;z-index:1000;text-decoration:none;/** change **/color: #eee;line-height:28px;text-transform: capitalize;letter-spacing: -0.5px;font-weight: normal;font-size:105%;padding:0px 18px;}#main_menu li li a, #main_menu li li span.separator{/** change **/color:#eee;float:none;font-size:100%;line-height: 13px;letter-spacing: 0;font-weight:normal;padding: 6px 2px 6px 5px;text-transform:none;margin: 2px 4px 0px 4px;border: 1px solid #666;background-color: #333;}#main_menu li.parent {}#main_menu li.parent li{}#main_menu li li.parent{}#main_menu li ul {display:block;width: 160px;position:absolute;z-index:99;left: -999em;clear:left;/** change **/margin-left:0;margin-top:0;padding: 6px 0 4px 0;background-image:none;}#main_menu li ul ul {margin: -29px 0 0 158px;/** change **/padding-top:0;background-image:none;}#main_menu li li {width: 158px;height:auto;padding:0;}
  6. http://attilahajzer.host-ed.net/ look in the footer and hover over the SOCIAL icons: facebook, flickr and twitter. the image changes to a color one. but flickers, how do i pre-load that hover image without it flickering for the first time?
  7. My directory tree looks like this - Public_html (Working directory) Images (contains all my .png files) css_Files (contains my css files)first_html_filesecond_html_file so I have one directory containing two sub-directories and my html files. The first_html_file calls a css file in css_Files Part of the css file reads - body{background-color: #cde6ff;background-image:url(public_html/Images/tbc_backdrop.png);background-repeat: repeat-x;padding-top: 0px;}Is the second line a valid reference, if not, what paths can the css file legally follow? This is the first time I've tried to use a reference inside a css file, and it doesn't seem to work - does the .png need to be somewhere else?
  8. I've been working on my uncle's website all summer, redesigning it. He hasn't changed the layout since 1996, so it was very much needed. Everything is working perfectly fine in Safari and Firefox, but when I view it in Google Chrome, the audio files on two of the pages do something weird. Instead of going underneath the header and footer while scrolling, the play bars are going overtop of them. The mock-up I've been working on is linked below, and I've pasted my CSS as well. Thanks in advance for your help! http://webpub.allegheny.edu/student/G/gooda/sobolov/demos.html (There is no doubt some superfluous coding in the CSS. If you notice it, please let me know. I only just got into CSS this spring.) body{ background-color:black;background-image:url('bg.png');background-repeat:repeat-y;}div#headerwrap{ position:fixed;top:0;left:0;height:160px;}body>div#headerwrap{ position:fixed;}div#header{ height:160px;width:1024px;margin:0 auto;}div#middlewrap{ padding-top:150px;padding-bottom:75px;padding-left:75px;width:810px;height:auto;}body>div#middlewrap{ margin-left:0;}div#middle{ width:815px;margin:0 auto;}div#images{ left:0px;top:0px;border-style:none;border-width:0px;}body>div#footerwrap{ position:fixed;bottom:0px;left:0px;padding:0px;}div#footerwrap{ margin:0;position:fixed;padding:0px;bottom:0;left:0;height:75px;width:1024px;}p{ font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:medium;text-align:center;}h4{ color:red;font-family:"Trebuchet MS", Helvetica, sans-serif;text-align:center;}h3{ text-align:center;}blockquote{ font-family:"Trebuchet MS", Helvetica, sans-serif;text-align:center;color:red;}a:link{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;text-decoration:underline;}a:visited{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}a:hover{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}a:active{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}
  9. hello newbie here.. i got a big issue whit a eclipsephp i recently installed at his latest version and the problem is that it dont have CSS or HTML codes, i cant call , ID's , Class, Browse whit Ctrl + Space, even if a call it for a external file i it dont show me whit Crtl + Spaces the this that i need, and many code more when i need it like Dreamweave ... in Dreamweaver you have all dose option whit Crtl + Space they told me that you have a way to install plugins Css and Html on EclipsePHP how and where i do that ?
  10. This code works in the .css file for an Iframe in the main pages iframe{border: 5px solid #b69874; width:700; height:320;} But I can't seem to get it to work without the border I tried: frameborder: 0border: 0pxand code like that, any ideas?Thank you!
×
×
  • Create New...