Jump to content

Search the Community

Showing results for tags 'css'.

  • 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

  1. If you look at www.cleantelligent.com/tour, you will see active, working tooltips that are stylish and useful. They are purely CSS without any JS or jQuery.We have moved to a WordPress install and I am trying to copy and paste code from our live site to our beta.cleantelligent.com/tour So far, everything is great, until these tool tips. For some reason, the CSS is not being read across.Is this a WordPress issue? Is it reading my code differently?
  2. Okay, i have been working on a solution for alot of time now, and i can still simply not figure out what the ###### is wrong here. So im asking here for a new set of eyes, again -.-'. If you would just see the uploaded picture, you can see the menu does NOT go outside the content area. This has happened on MANY of my projects when i was trying to integrate a jQuery based menu with help from a few .JS formatted files. This is my style.css code: * { margin:0px; padding:0px; font-size: 9pt; font-family:"Trebuchet MS";}body { color:#000000; background-color:#AAD491;}#wrapper { color:#000000; background-color:#7fc655; width:900px; height:auto; margin:0 auto; overflow:hidden;} #header { width:100%; height:50px; background-color:#7FC655; } #content { width:auto; height:auto; float:left; } This is my menu.css code: .menu { width:225px; height:100%; font-size:12px; text-transform:uppercase; margin:0px; margin-right:5px; padding:0px; background-color:#58a02c; float:left;}.menu ul.menusm { background-image:url(pictures/menu/menu_sep.png); background-position:0 100%;/*X% & Y%*/ background-repeat:repeat no-repeat; margin:0 auto; padding:0px;}.menu ul li.ms_top { display:block; float:none; padding:0px;}.menu ul li.last {}.menu ul li a.ms_top { color:#A9A9A9; display:block; font-weight:normal; margin:0px; padding:0px 1px;/*TOP & BOTTOM - RIGHT & LEFT*/ text-align:left; text-decoration:none;}.menu ul li.ms_top { background-image:url(pictures/menu/menu_sep.png); background-position:100% 0;/*X% & Y%*/ background-repeat:repeat no-repeat;}.menu ul li.ms_top.ms_last {}.menu ul li a.ms_top span { color:#000000; display:block; margin:0px; padding:13px 14px 13px 50px;/*Top, Right, Bottom, Left*/ width:158px;}.menu ul li a.ms_top.ms_first span {}.menu ul li#active_menu-nav a.ms_top,.menu ul li a.ms_top.ms_hover,.menu ul li.active a.ms_top,.menu ul li a.ms_top.ms_hover span,.menu ul li.active a.ms_top span { background-color:#74AD34; background-position:initial initial; background-repeat:initial initial; color:#FFFFFF; text-decoration:none;}.menu ul li a.ms_top.ms_havesubmenu span { background-image:url(pictures/menu/menu_r_d_a.png); background-position:100% 0;/*X% & Y%*/ background-repeat:no-repeat no-repeat;}.menu ul li.active a.ms_top.ms_havesubmenu span { background-image:url(pictures/menu/menu_r_d_a.png); background-position:100% 0;/*X% & Y%*/ background-repeat:no-repeat no-repeat;}.menu ul li a.ms_top.ms_havesubmenu.ms_hover span { background-image:url(pictures/menu/menu_r_d_a.png); background-position:100% 0;/*X% & Y%*/ background-repeat:no-repeat no-repeat;}.menu ul li a.active,.menu ul li a.ms_hover,.menu ul li a.ms_havesubmenu.active,.menu ul li a.ms_havesubmenu.ms_hover {}.menu ul li ul { font-size:11px; font-style:normal; left:225px;/*Normal: 223*/ line-height:20%; margin:0px; padding:0px; text-transform:uppercase; top:0;}.menu ul li ul li { border-bottom-color:#74AD34; border-bottom-style:solid; border-bottom-width:1px; margin:0px; padding:0px; z-index: 10000;}.menu ul li ul li.ms_last { border-bottom-style:none;}.menu ul li ul li a { background-color:#49901e; background-position:initial initial; background-repeat:initial initial; color:#FFFFFF;/*Normal: 848484*/ /*text-decoration:none;*/ display:block; margin:0px; padding:12px 10px;/*TOP & BOTTOM - RIGHT & LEFT*/ width:160px;/*Normal: 160px*/}.menu ul li ul li a span { color:#FFFFFF; padding:0px;}.menu ul li ul li.ms_last a {}.menu ul li ul li a.ms_hover { text-decoration:none;}.menu ul li ul li ul { left:180px; top:0;}.menu ul li ul li a.ms_first.ms_havesubmenu.ms_hover,.menu ul li ul li a.ms_first.ms_havesubmenu.active,.menu ul li ul li a.ms_first.ms_havesubmenu.ms_hover span,.menu ul li ul li a.ms_first.ms_havesubmenu.active span,.menu ul li ul li a.active span,.menu ul li ul li a.active,.menu ul li ul li a.ms_hover,.menu ul li ul li a.ms_hover span { background-color:#74AD34; background-position:initial initial; background-repeat:initial initial; color:#FFFFFF;}.menu ul li ul li a.active span,.menu ul li ul li a.ms_hover span {}.menu * { z-index:9003;}ul.menusm { list-style:none;}ul.menusm li { cursor:pointer; position:relative;}ul.menusm li a { position:relative;}ul.menusm li ul { display:none; height:auto; list-style:none; position:absolute;}ul.menusm li ul li ul { list-style:none; position:absolute;}/*======================*//*QUICK JUMPY MENU*//*======================*//*.menu select { margin-bottom: 10px; display: none; font-size: 14px; height:auto; width:100%; }.menu select { width: 100%; height: 30px; padding: 2px 5px 2px 10px ; color: #000; font-size:20px; }*/ This is my index.php file: <?phprequire_once("include/config.php");require_once("include/core.php");?><!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; charset=UTF-8" /> <link rel="shortcut icon" href="favicon.ico" /> <script type='text/javascript' src='js/jquery-1.10.2.min.js'></script> <script type='text/javascript' src='js/menu.js'></script> <link rel="stylesheet" href="style/style.css" type="text/css" /> <link rel="stylesheet" href="style/links.css" type="text/css" /> <link rel="stylesheet" href="style/menu.css" type="text/css" /> <title>Hjem</title></head><body><div id='wrapper'> <div id='menu' class='menu' style="font-family: 'Open Sans';"> <div id='header'> <img src="style/pictures/logo.png" /> </div> <script type='text/javascript' src='js/menu_html_block.js'></script> </div> <div id="content"> Content </div></div></body></html> This is my menu Javascript File: document.writeln('<ul class="menusm" id="menu-top-menu">');document.writeln(' <li><a href="index.php"><span>Hjem</span></a></li>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Webshop</span></a>');document.writeln(' <ul>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a>');document.writeln(' <ul>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a></li>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a></li>');document.writeln(' </ul>');document.writeln(' </li>');document.writeln(' </ul>');document.writeln(' </li>');document.writeln(' <li><a href="#"><span>Menu</span></a></li>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a>');document.writeln(' <ul>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a>');document.writeln(' <ul>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a></li>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a></li>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a></li>');document.writeln(' </ul>');document.writeln(' </li>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a>');document.writeln(' <ul>');document.writeln(' <li><a href="rules.php" class="menu_navigation"><span>Rules</span></a></li>');document.writeln(' <li><a href="faq.php" class="menu_navigation"><span>FAQ</span></a></li>');document.writeln(' </ul>');document.writeln(' </li>');document.writeln(' <li><a href="#" class="menu_navigation"><span>Menu</span></a>');document.writeln(' </ul>');document.writeln(' </li>');document.writeln('</ul>'); I know the code is a bit long, but if you could. Please, any ideas? I am basicly desperate to get this to work! And i can simply NOT figure out what the heck is wrong, and i am almost crying here -.-'... Some ideas? Tips? Would be simply AWSOME! If possible. Thanks ALOT! rootKID
  3. Hi there! I was just wondering, there is a theme named 'Tetris' for wordpress. (Link) When posts are placed they float to the left and line up to the top neatly. Well currently i am creating a wordpress based website, and on the pages i use '#homediv' to id the div's that i want to do the same. Problem with how i coded it: they do float left, but do not line up to the top... I tried to search the code of 'Tetris' how they manage to do it, but couln't figure it out. If you know how to make this happen please tell me (and the others that search for the same problem on Google and land here). Code as it is now: /*CSS OF HOMEDIV:*/ #homediv { width:45%; min-width:180px; float: inherit; border:solid 1px #7D1517 ; margin:1%; border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -o-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -o-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; padding-bottom:15px; } #homediv h5 { text-align:center; background:#7D1517; color:#FFF; } #homediv h6 { margin-left:3%; margin-right:2%; } #homediv p { margin-left:2%; margin-right:2%; } Image example: As you see, they do not line up to top. Thanks in advance! - Marcel
  4. Hi guys and gals. I need some expertise knowledge and understanding with converting my Microsoft Worded CV to be viewed primarily in IE. Due to employers requiring CV to be emailed these days. I have found that when they print my CV off the page settings have printed the text all over the place. So far I have converted things exactly as it looked in word but much better. I have a few problems to complete it as I would like. Firstly, I tried to add a message box to come up on load. The problem the security content in IE browser blocks the Java script. I am sure any prospective employer would not risk trying to open it and would be deleted without viewing. Everything works in Firefox but not in IE. I need IE to be default browser as it is installed on machines generally, so this makes sense. Secondly, I am 45 years old and my CV is getting quite long but to keep within 2 pages is impossible to include everything. As seen on Facebook some posts have a "read more" or show more" text. I would like my CV work history to work in the same way. So only a few lines show on load of each job. Having the option to click or hover to continue reading the job detail, to enable me to include much more detail without over facing them. Lastly, and more importantly I am very new to HTML, CSS, PP and Java script. Can it all be done? I have loaded my code in this attachment option not sure how it works but just in case it helps. Not sure why some of my previous employer names are not lining up properly as the others, so annoying!! Thanks for taking the time to read me!! Online help w3.html
  5. I have developed gridview in asp.net. gridview is showing in Internet Explorer (IE) but not in mozilla firefox,chrome. please sort out my problem Following is my gridview code <asp:GridView ID="GridView2" style="table-layout:fixed;" Width="100%" AutoGenerateColumns ="False" AllowSorting="true" runat="server" CellPadding="4" ForeColor="#333333" GridLines="Both"> <AlternatingRowStyle BackColor="#DCDCDC"/> <Columns> <asp:TemplateField HeaderText="" HeaderStyle-Font-Size="Small" > <ItemTemplate > <asp:label ID="label23" Font-Size="small" ToolTip ="click to see assembly page" runat="server" Text='<%# bind("AsbCd") %>' > </asp:label> </ItemTemplate> <HeaderStyle BorderStyle="Outset" Width="90px" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="center" /> </asp:TemplateField> <asp:TemplateField HeaderText="" HeaderStyle-Font-Size="small" > <ItemTemplate> <asp:label ID="label24" Font-Size="Small" ToolTip ="click to see assembly page" runat="server" Text='<%# bind("AsbNm") %>' > </asp:label> </ItemTemplate> <HeaderStyle BorderStyle="Outset" Width="90px" /> <ItemStyle BorderStyle="Outset" HorizontalAlign="Left" /> </asp:TemplateField> <asp:BoundField HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField HeaderText="" DataField="operators" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField HeaderText="" DataField="Days" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right"/> </asp:BoundField> <asp:BoundField DataField="PlannedDt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="PlancedEnddt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="Operator" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField DataField="ActualDays" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="ActualStartDt" HeaderText=" " ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="ActualEndDt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell " DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="IssuePending" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell " > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="rack" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="Remark" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Center" /> </asp:BoundField> </Columns> </asp:GridView>
  6. I have created some tooltips based on http://sixrevisions.com/css/css-only-tooltips/ They work great and look great. The only issue is that in IE, the "img" is misplaced. Unfortunately, the only way I've been able to get the tooltips to work is by putting the css in th php document itself in a tag. This precludes me from being able to use an ie.css sheet because the styling in the doc would overrule it, right? The website is www.cleantelligent.com/cleantelligent-pricing and cleantelligent.com/cleantelligent-pricing/custom-package/ Any idea how I can move those images over so they line up on IE?
  7. Hi, i have a strange problem, i wrote a shoet HTML and CSS to create a simple Nav line. everything work perfectly in chrome and IE9 when the DB is in C: folder. when i transfer the folders to my networkdrive the Nav bar loose his CSS in IE9 (it is OK in Chrome) does anyone now what could have cause that? the html: <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Co</title> <link type="text/css" rel="stylesheet" href="Index.css"/> </head> <body> <!-- Navigation Bar --> <nav id="topNav"> <ul> <li> <a href="#" title="General">General</a></li> <li> <a href="#" title="Manuals">Manuals</a> <ul> <li> <a href="#" title="Cost">Cost</a></li> <li> <a href="#" title="Fin">Fin</a></li> </ul> </li> <li> <a href="Services.html" title="Reports Analysis">Analysis</a> <ul> <li> <a href="Services.html" title="A Ltd">A LTD</a></li> <li> <a href="Services.html" title="Others">Others</a></li> </ul> </li> <li><a href="#" title="Contacts">Contacts</a></li> </ul> </nav> </body></html> The CSS is: h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 120%; font-style: italic; text-decoration:underline;} /*---------------------------------------------------------------*/ /*Navigation Bar*/ nav { display:block; font:16px arie, Sans-serif ; border-top:2px solid ; border-bottom:2px solid; border-color:#F2F2F2; width:400px; margin: 35px 30px 0px 0px; z-index:10;} nav ul {padding:0; margin:0; } nav li {position:relative; float:left; list-style-type:none; } nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } nav li a { display:block; padding:8px 20px; ; color:#8E8E8E; text-decoration:none;} nav li a:focus { outline:none; text-decoration:underline; } nav ul ul { display:none; width:100%; position:absolute; right:0; background:#F2F2F2; text-align: right} nav ul ul li { float:none; border:solid #FFF 1px; } nav ul ul a { padding:5px 10px;font-size:16px; } nav ul ul a:hover { background-color:#555; } thank you in advance
  8. 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><a href="contact-voor-bedrijven.html">Contact voor bedrijven</a> </ul><li><a href="over-ons.html">Over ons</a></li></ul> <br class="clearboth"/></div> .clearboth { margin: 0; padding: 0; clear: both;} #nav { font-family: verdana; font-weight: bold; font-size: 9pt; margin: 10px auto 10px auto; text-align: center;} #nav ul { margin: 0; padding: 0; list-style: none; text-align:center;} #nav a:link,#nav a:visited { color: #ffffff; text-decoration: none;} #nav a { display: block; padding: 6px 8px;} #nav li { float: left; background-color: #44A04D; margin-right: 1px; position: relative; width:15%;} #nav li li{ width: 100%; margin-top: 1px;} #nav li:hover { background-color: #006837;}#nav li li:hover { background-color: #006837;} #nav ul ul { position: absolute; visibility: hidden;} #nav ul ul ul{ position: absolute; left: 100%; top: -2px; border: solid 1px transparent;} #nav li:hover > ul { visibility: visible;} .right-arrow { float: right;} Can anyone solve my problem?
  9. 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!!
  10. 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" to "http://www.google.com/" Then the unvisited, initial state of the link was green like mine, not red.I downloaded the code and replicated the sample on my website, with the same results when the destination was changed.Please advise.Thanks
  11. 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!!
  12. 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-repeat: no-repeat; } that works but anytime i set the background-repeat to REPEAT it wont work Please help guys
  13. 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, michael nav_slidingdoor.css why.html
  14. 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: and here is my attached CSS Any and all help would be GREATLY, GREATLY appreciated!!!
  15. 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!
  16. 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 the latest version on Google but all that seems to do is break my scripts in all browsers.Can anyone shed any light on this for me..., I've tried everything aside from going fxxk u to IE. I hate papering over problems, I like to resolve them...Here is my code:Code:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script><script type="text/javascript" src="jQuery Sliding Flexible Menu v2/deploy/js/jquery.sliding-flexible-menu-v2.js"></script><script src="SpryAssets/SpryEffects.js" type="text/javascript"></script><link rel="stylesheet" type="text/css" href="jQuery Sliding Flexible Menu v2/deploy/css/sliding-flexible-menu-v2.css"><script type="text/javascript">$(document).ready(function() { //Horizontal $("div.menu-horizontal").slidingFlexibleMenuv2({ buttonSpacing: '1' }); $(".fancybox").fancybox( { transitionIn : 'elastic',transitionOut : 'elastic',easingIn : 'easeOutBack',easingOut : 'easeInBack',speedIn : '650',speedOut : '650',changeSpeed : '650', padding : '0px', });});function MM_effectAppearFade(targetElement, duration, from, to, toggle){ Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});}</script><script type="text/javascript" src="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.pack.js"></scr ipt><link type="text/css" rel="stylesheet" href="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.css">`Anyone got a clue why this aint working in IE????Full site herehttp://www.heggie5.webspace.virginmedia.comCheers
  17. 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.
  18. 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?
  19. 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><li>Text here</li><li>Text here</li><li>Text here</li></ul> The CSS and HTML-parts are located in different folders on the website structure. I would really appreciate all the help I could get! Thanks!
  20. Muhammad Usman

    CSS

    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.
  21. 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?
  22. 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 with 100000 on .menu ul li ul li inside the panel css file, but since it did not work, i'm on a little thing i would call broke of ideas -.-'. Hope you guys can help me figure out what is wrong here, could be awsome! -Thanks NOTE: If you need more information, please do not hesitate to give a comment etc . And ohh, almost forgot to tell. The Menu is based on .JS file. Meaning i am using .JS to input the different menu-tabs etc to the panel. Hope you can make some sence of this whitch i cannot, just yet. -rootKID
  23. 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,
  24. 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 type="button" class="a1" onclick="changesel1()"><div class="menuc1"><font class="ftag1"><b>Home</b></font></div></button> 3. The <iframe> code looks like this: <iframe id="blocks" frameborder="0" img src="http://www.mysite.com/home.html" style="background-color:black" class="iframe1"> 4. I am calling google font styles like this: <link href='http://fonts.googleapis.com/css?family=Trocchi' rel='stylesheet' type='text/css'> Once I click on the button I lose the font class=”ftag1” font style…. What could be the issues here?
  25. 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
×
×
  • Create New...