• Welcome to The Cave of Dragonflies forums, where the smallest bugs live alongside the strongest dragons.

    Guests are not able to post messages or even read certain areas of the forums. Now, that's boring, don't you think? Registration, on the other hand, is simple, completely free of charge, and does not require you to give out any personal information at all. As soon as you register, you can take part in some of the happy fun things at the forums such as posting messages, voting in polls, sending private messages to people and being told that this is where we drink tea and eat cod.

    Of course I'm not forcing you to do anything if you don't want to, but seriously, what have you got to lose? Five seconds of your life?

Two small CSS problems

Sandstone-Shadow

Sandstone-Shadow

A chickadee in love with the sky
Pronoun
she/her
I recently finished a new layout for my website. You can see the CSS here. There's two minor problems with it that need some ironing out, but I can't figure out how to fix them. In order of priority...

Look at this bit of code here.
Code: 
#rightmenu a img {visibility: visible;}
#rightmenu span a {display: none;}
I've used this code before on my other layouts to hide images or text on the right menu, and it's worked perfectly. But for some reason, it won't work now. This is the code for the right menu. Any ideas why this is suddenly not working?

This next issue isn't a huge deal; if it can't be fixed, then I'll get over it. xD But check out this page. There's a background image that's supposed to repeat downwards, through the disclaimer and the menus. For some reason, I can't get it to continue on past the disclaimer if the content is shorter than the menus.

Help here would be greatly appreciated. ^^ Thanks guys!
 
Uh, the links in #rightmenu contain neither <img> nor <span> elements. I have no idea how it could have been working before. o_O

As for the second issue, the background image would need to be on the <body> to actually go all the way down, since the content div will only stretch as far down as the content inside it dictates.
 
But what about this part here? There's <img> and <span> elements...
Code: 
<a href="http://www.eeveeshq.com" target="_blank"><img src="http://i72.photobucket.com/albums/i189/shadowofthewolves/Link%20Buttons/ehq.gif"></a> <span><a href="http://www.eeveeshq.com" target="_blank">Eevee's Headquarters</a></span>

Ah, that works for the second issue! Thanks! ^^
 
That is not in the file you posted. Is it an old file?

In any case, why do you have two links there? Why not just one link with both an <img> and a <span> inside it?
 
It should be in there... I'll post the whole of rightmenu.txt (without all the affiliate's links, since that's irrelevant and takes up too much room); maybe the link is somehow being weird?

Code: 
<div id="rightmenu">
<div id="affiliates"></div>

<div class="header">Affiliates</div>
<ul>

<li><IMG SRC="images/linkbuttons/dragonite.png" VSPACE="1" BORDER="0" width="88" height="31" NAME="affiliates"></li>
</ul>

<br><div id="thankyou"></div>

<div class="header">Hosted By</div>
<ul>
<li>[b]<a href="http://www.eeveeshq.com" target="_blank"><img src="http://i72.photobucket.com/albums/i189/shadowofthewolves/Link%20Buttons/ehq.gif"></a> <span><a href="http://www.eeveeshq.com" target="_blank">Eevee's Headquarters</a></span>[/b]</li>
</ul>

<div class="header">Layout Template By</div>
<ul>
<li><a href="http://www.dragonflycave.com" target="_blank"><img src="http://i72.photobucket.com/albums/i189/shadowofthewolves/Link%20Buttons/smallb6.gif"></a> <span><a href="http://www.dragonflycave.com" target="_blank">The Cave of Dragonflies</a></span></li>
</ul>

<br><div id="statistics"></div>

<div class="header">Topsites</div>
<ul>
<li><a href="http://ppntop50.com/" target="_blank"><img src="http://ppntop50.com/button.php?u=shadow" alt="PPN Top 50" border="0"></a> <span><a href="http://ppntop50.com/" target="_blank">PPN Top 50</a></span> </li>
</ul>

<div class="header">Hit Counters</div>
<ul>
<li><!-- Site Meter -->
<script type="text/javascript" src="http://s23.sitemeter.com/js/counter.js?site=s23moonlitcave">
</script>
<noscript>
<a href="http://s23.sitemeter.com/stats.asp?site=s23moonlitcave" target="_blank">
<img src="http://s23.sitemeter.com/meter.asp?site=s23moonlitcave" alt="Site Meter"></a> 
</noscript>
<!-- Copyright (c)2006 Site Meter -->
<span><a href="http://s23.sitemeter.com/stats.asp?site=s23moonlitcave" target="_top">Site Meter</a></span>

</li>
<li> <!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=2003932; 
var sc_invisible=0; 
var sc_partition=18; 
var sc_security="afa31b95"; 
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com"><img class="statcounter" src="http://c19.statcounter.com/2003932/0/afa31b95/0/" alt="free web stats"></a></div></noscript>
<!-- End of StatCounter Code --> <a href="http://my.statcounter.com/project/standard/stats.php?project_id=2003932&guest=1">StatCounter</a> </li>
</ul>

<div class="header">Users Online</div>
<ul>
<li><!-- Start FreeOnlineUsers.com -->
<a href="http://www.freeonlineusers.com">
<script type="text/javascript" src="http://freeonlineusers.com/on1.php?id=92128"> </script> visitors online</a>
<!-- End FreeOnlineUsers.com --></li>
</ul>


<div class="header">Spam Poison</div>
<ul>
<li><a href="http://english-112437681942.spampoison.com"><img src="http://pics3.inxhost.com/images/sticker.gif" border="0" width="80" height="15"></a> <span><a href="http://english-112437681942.spampoison.com" target="_blank">Spam Poison</a></span> </li>

</ul>

</div>

I have two links there because, at the time when there was more than one style, some styles had the images displayed on the right menu, and some only had text. Could I combine the <img> and <span> and still be able to hide one without hiding the other?
 
Sandstone-Shadow said:
It should be in there... I'll post the whole of rightmenu.txt (without all the affiliate's links, since that's irrelevant and takes up too much room); maybe the link is somehow being weird?

Code: 
<div id="rightmenu">
<div id="affiliates"></div>

<div class="header">Affiliates</div>
<ul>

<li><IMG SRC="images/linkbuttons/dragonite.png" VSPACE="1" BORDER="0" width="88" height="31" NAME="affiliates"></li>
</ul>

<br><div id="thankyou"></div>

<div class="header">Hosted By</div>
<ul>
<li>[b]<a href="http://www.eeveeshq.com" target="_blank"><img src="http://i72.photobucket.com/albums/i189/shadowofthewolves/Link%20Buttons/ehq.gif"></a> <span><a href="http://www.eeveeshq.com" target="_blank">Eevee's Headquarters</a></span>[/b]</li>
</ul>

<div class="header">Layout Template By</div>
<ul>
<li><a href="http://www.dragonflycave.com" target="_blank"><img src="http://i72.photobucket.com/albums/i189/shadowofthewolves/Link%20Buttons/smallb6.gif"></a> <span><a href="http://www.dragonflycave.com" target="_blank">The Cave of Dragonflies</a></span></li>
</ul>

<br><div id="statistics"></div>

<div class="header">Topsites</div>
<ul>
<li><a href="http://ppntop50.com/" target="_blank"><img src="http://ppntop50.com/button.php?u=shadow" alt="PPN Top 50" border="0"></a> <span><a href="http://ppntop50.com/" target="_blank">PPN Top 50</a></span> </li>
</ul>

<div class="header">Hit Counters</div>
<ul>
<li><!-- Site Meter -->
<script type="text/javascript" src="http://s23.sitemeter.com/js/counter.js?site=s23moonlitcave">
</script>
<noscript>
<a href="http://s23.sitemeter.com/stats.asp?site=s23moonlitcave" target="_blank">
<img src="http://s23.sitemeter.com/meter.asp?site=s23moonlitcave" alt="Site Meter"></a> 
</noscript>
<!-- Copyright (c)2006 Site Meter -->
<span><a href="http://s23.sitemeter.com/stats.asp?site=s23moonlitcave" target="_top">Site Meter</a></span>

</li>
<li> <!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=2003932; 
var sc_invisible=0; 
var sc_partition=18; 
var sc_security="afa31b95"; 
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com"><img class="statcounter" src="http://c19.statcounter.com/2003932/0/afa31b95/0/" alt="free web stats"></a></div></noscript>
<!-- End of StatCounter Code --> <a href="http://my.statcounter.com/project/standard/stats.php?project_id=2003932&guest=1">StatCounter</a> </li>
</ul>

<div class="header">Users Online</div>
<ul>
<li><!-- Start FreeOnlineUsers.com -->
<a href="http://www.freeonlineusers.com">
<script type="text/javascript" src="http://freeonlineusers.com/on1.php?id=92128"> </script> visitors online</a>
<!-- End FreeOnlineUsers.com --></li>
</ul>


<div class="header">Spam Poison</div>
<ul>
<li><a href="http://english-112437681942.spampoison.com"><img src="http://pics3.inxhost.com/images/sticker.gif" border="0" width="80" height="15"></a> <span><a href="http://english-112437681942.spampoison.com" target="_blank">Spam Poison</a></span> </li>

</ul>

</div>

I have two links there because, at the time when there was more than one style, some styles had the images displayed on the right menu, and some only had text. Could I combine the <img> and <span> and still be able to hide one without hiding the other?
Click to expand...
Uh, you just make one link and put both an <img> and a <span> inside it. Like so:

Code: 
<a href="http://www.eeveeshq.com"><img src="http://i72.photobucket.com/albums/i189/shadowofthewolves/Link%20Buttons/ehq.gif"> <span>Eevee's Headquarters</span></a>

Then to hide one or the other, you just do

Code: 
#rightmenu a img { display:none; }
#rightmenu a span { display:inline; }
 
Eevee said:
do not spawn new windows

ever
Click to expand...
I like having my affiliates' links open up in new windows; then you don't have to worry about getting back to the site you were on.

Butterfree said:
Uh, you just make one link and put both an <img> and a <span> inside it. Like so:

Code: 
<a href="http://www.eeveeshq.com"><img src="http://i72.photobucket.com/albums/i189/shadowofthewolves/Link%20Buttons/ehq.gif"> <span>Eevee's Headquarters</span></a>

Then to hide one or the other, you just do

Code: 
#rightmenu a img { display:none; }
#rightmenu a span { display:inline; }
Click to expand...
Hmmm. That makes sense... *tries it*

That works! =D Thanks for all your help, Butterfree. I wonder why it was working before...
 
Sandstone-Shadow said:
I like having my affiliates' links open up in new windows; then you don't have to worry about getting back to the site you were on.
Click to expand...
If someone wants a new window/tab, they can open it in a new window themselves. Don't force it to make new windows.
 
surskitty said:
If someone wants a new window/tab, they can open it in a new window themselves. Don't force it to make new windows.
Click to expand...
Hmm. You have a good point, but... I always find it annoying to click on something and have it not open up in a new window; I know you can choose to open it in a new window, but if it's your first time to a site you won't know. =/ I like it like this.
 
A lot of mouses have scroll wheels. Click with the scroll wheel and it'll open in a new tab/window. Alternatively, right click.

How is it better to cater to people who don't know how to open things in new windows when everyone else who might not want it in a new window has to deal with it opening yet another window? You can force it to open in a new window even if it wouldn't normally; you can't force it to open in the same window if it's set for a new window.
 
surskitty said:
A lot of mouses have scroll wheels. Click with the scroll wheel and it'll open in a new tab/window. Alternatively, right click.
Click to expand...
Hmm. So it does! I never knew that. *clicks everything with the scroll wheel* =D

How is it better to cater to people who don't know how to open things in new windows when everyone else who might not want it in a new window has to deal with it opening yet another window? You can force it to open in a new window even if it wouldn't normally; you can't force it to open in the same window if it's set for a new window.
Click to expand...
Well, when you put it that way... I suppose I can take it off. For now, at least...
 
Sandstone-Shadow said:
I like having my affiliates' links open up in new windows; then you don't have to worry about getting back to the site you were on.
Click to expand...
there is no worry because you can press the back button.

do not presume to know how I want to browse; if I want a new window (which I never, ever do) I will open one. if you force one on me and I don't want it, it's a goddamn pain to force it into the same window as your site.

Sandstone-Shadow said:
Hmm. You have a good point, but... I always find it annoying to click on something and have it not open up in a new window
Click to expand...
to click on something? anything? so every single link you click, you think should open in a new window? you don't see how this could be annoying?

links take me from one page to another. this is what they do. they should not mess with my arrangement of windows, ever. why should you get to decide when I open a new window?




ps: pressing that wheel is actually your middle mouse button, mouse3.
click: open this link
ctrl-click or mouse3: open this link in a new background tab
ctrl-shift-click or shift-mouse3: open this link in a new foreground tab
shift-click: open this link in a new window
 
Okay, fine, I get it. I already changed it.

Sorry, I misused the word "something". I prefer to click links to new sites and have them open in a separate tab, so I can keep all the website open at the same time, and after browsing for a while, it's easier to go back to the original site by closing the new tab instead of clicking "back" fifteen times...
 
... why would you click 'back' fifteen times when there's a history drop down...?
 
You must log in or register to reply here.
Back
Top Bottom