Jump to content

cclloyd9785

Members
 View Profile  See their activity

  • Posts

    90

  • Joined

  • Last visited

 Content Type 

Posts posted by cclloyd9785

    CSS Menu not working

    in CSS

    Posted · Edited by cclloyd

    I zero'd all them, which did fix an issue I was having with the width, but now there are spaces in between them that have no reason to be there. http://webdev.cclloyd.com/Test%20Menu/ Edit: I actually got it working basically how I want it to on that page. The only issue I have now is I want it to be hidden behind the parent li, instead of on top of it. I tried z-indexing them both but it didn't work.

    CSS Menu not working

    in CSS

    Posted · Edited by cclloyd

    Yea I know, about the numbers; that was just for example. Anyway, the list is a ul, but when I nest the sub menu inside a li, it doesn't display properly. Edit: Another issue I'm having is that when I nest it inside the li, it leaves a blank space for the menu, and if I hover over that blank space it shows, unless I set it to display:none, but if I do that, then the fade-in transition doesn't work.

    CSS Menu not working

    in CSS

    Posted · Edited by cclloyd

    The page is a mess and therefore not able to post, but here is example code to display what I mean. CSS

    div#1 {width:100px;height:100px;background:blue;}div#2 {width:50px;height:50px;background:red;}div#1:hover > #2 {background:green;}

    And the HTML

    WORKS:<div id="1"><div id="2"></div></div>  DOESN'T WORK:<div id="1"></div> <div id="2"></div>

    It only seems to work when the div is nested inside the other one, but the way the page is set up, it won't work unless it isn't inside the div, but separate.

    CSS Menu not working

    in CSS

    Posted

    I have a CSS dropdown menu, and to make it drop down, I have one ul, and have it set to ul li#home:hover > .submenu {top:230px;opacity:1;} But, the only way it changes the properties of the .submenu is when .submenu is within the li#home, and not when they are 2 separate lists, which I have to do to get it to work the way I want. Any way to get it to apply the styles on hover to the .submenu?

    Separate stylesheet for retina

    in CSS

    Posted

    Is there a way I can make a page have a completely separate stylesheet for retina devices? Not the @media inside a stylesheet, but a completely different css file. LikeIf retina then style@2x.csselse style.css

    XML page showing blank

    in HTML/XHTML

    Posted · Edited by cclloyd

    I was following the XML tutorial, and had an XML page with an XSL stylesheet attached. Neither of them had any errors according to my browser, but it's showing a blank page. When I opened it in chrome and inspected the blank page, the only thing it showed was "xsl-stylesheet" and nothing else.Edit: I actually tried opening it in IE10 and it worked... but not working in Chrome. /edit Below is the code for the XML and XSL sheets. 

    										 			<?xml version="1.0" encoding="ISO-8859-1"?><?xml-stylesheet type="text/xsl" href="style.xsl"?><collection>	<game>		<name>Halo 4</name>		<genre>FPS</genre>		<developer>343 Industries</developer>		<release>4Q12</release>		<system>Xbox 360</system>		<esrb>M</esrb>	</game>	<game>		<name>Gears of War 3</name>		<genre>FPS</genre>		<developer>Epic Games</developer>		<release>3Q11</release>		<system>Xbox 360</system>		<esrb>M</esrb>	</game></collection>

    <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><xsl:template match="/">  <html>  <body>    <h2>My Game Collection</h2>    <table border="1">      <tr bgcolor="#9acd32">        <th>Game</th>        <th>Genre</th>        <th>Developer</th>        <th>Release Date</th>        <th>Platform</th>        <th>ESRB Rating</th>      </tr>      <xsl:for-each select="collection/game">        <tr>          <td><xsl:value-of select="name"/></td>          <td><xsl:value-of select="genre"/></td>          <td><xsl:value-of select="developer"/></td>          <td><xsl:value-of select="release"/></td>          <td><xsl:value-of select="system"/></td>          <td><xsl:value-of select="esrb"/></td>        </tr>      </xsl:for-each>    </table>  </body>  </html></xsl:template></xsl:stylesheet>

    JS or target="" more efficient?

    in JavaScript

    Posted

    I have a site where the links are all in an iframe, and was wondering... Would it be more efficient to have the links as target="maincontent" or a js file in the head with the functions to change the iframe src? (what I currently have) Like so, where I have a js full of these for each page, which isn't too many. (20 tops)

    function home(){document.getElementById("maincontent").src="home.php";}

    Unloading iFrames

    in JavaScript

    Posted

    I was going to make a set of pages where it has a universal wrapper, and the individuality pages would load in iframes. Would it be better on the computer/browser to load and unload iframes as they are visible, so that if you view them all, they wouldn't all be loaded at once? If so, I was told by a friend you could do so with JS, but how would I go about doing so? I will take guides but would prefer a more direct answer.

    Download Instead Of Opening

    in HTML/XHTML

    Posted

    I still get an error, with every file saying it does not exist. I've tried doing ?file=proof.html, ?file=http://cclloyd.zxq.net/dl/proof.html, ?file=dl/proof.html, and ?file=/dl/proof.html And the file exists, but it doesn't want to notice it.

    Can't Center Content

    in HTML/XHTML

    Posted · Edited by cclloyd

    No matter what I try, I can't get the tabs, or tab content to center on the page. Page in question: http://cclloyd.zxq.net/inventory.htmlCode in question

    <div style="text-align:center">  <div id="tabs" style="text-align:center; clear:both; margin-bottom:5px; margin-right:600px;">	<ul>	  <li><a href="#tab-1">Rules</a></li>	  <li><a href="#tab-2">Summons</a></li>	</ul>	<div id="tab-1">	  <h3> </h3>	 <span class="th border" style="display:inline-block; width:500px; min-height:100px; text-align:left; padding:3px;">	   • I have the right to reject any offer<br>	   • You make the offer, not me. I am willing to barter, but you have to make the starting offer.<br>	   • No refunds once a trade is completed.<br>	   • If a trade will take multiple trades, you MUST stay online for all trades until they are finished	</span>	</div> 	<div id="tab-2" style="text-align:center">	  <h3> </h3>	  <table class="tbor" style="width:600px">	   <tr>  <td class="th center" rowspan="3">Summons</td>  <td class="th center">Item</td>  <td class="th center">Name</td>  <td class="th center">Qty</td>  <td class="th center">Looking For</td></tr><tr>  <td><img src="http://static.pokefarm.org/_img/items/slateofrock.png" /></td>  <td><span>Slate of Rock</span></td>  <td><span>2</span></td>  <td class="left" rowspan="2">   <span class="left">   <p style="margin-left:10px;">•Only trading for other summons<br>   •Fire fang is instant trade</p>   </span>  </td><tr>  <td><img src="http://static.pokefarm.org/_img/items/slateofsteel.png" /></td>  <td><span class="dark">Slate of Steel</span></td>  <td><span class="dark">2</span></td></tr></table></div> 	</div>  </div></div>

    CSS associated with it: http://cclloyd.zxq.net/tabs.css

×
×
  • Create New...