|
Greetings,
I have three spans wrapped in a div. Each of the spans can contain a link. I always want the middle span to be centered in the outer div. The problem comes because the left and right most links are not always there, though the span will be.
Basically it's to move forward and back in a date range if data is available. If the data is not available, the previous and next links should not be shown.
The setup is similar to this:
<pre><div>
<span>Prev link</span><span>detail link</span><span>next link</span>
</div></pre>
I've played around with float left and right and center alignments, but the center span either gets moved to the next line, or the link shows right after the first span.
If anyone has any ideas it would be much appreciated.
Thanks.
|
|
|
|
|
Hi
Just try the following:
<pre>
<div style="text-align:center" >
<span style="float:left" >Prev link</span>
<span>detail link</span>
<span style="float:right" >next link</span>
</div>
</pre>
Thanks,
Imdadhusen
sunaSaRa Imdadhusen
+91 99095 44184
|
|
|
|
|
you could try setting the visible of the Prev and Next links rather than not putting them there. This was they will always be there and take up the same amount of space (even if they cannot be seen)
<pre><div>
<span style="visibility:hidden;">Prev link</span><span>detail link</span><span>next link</span>
</div></pre>
Don't vote my posts down just because you don't understand them - if you lack the superior intelligence that I possess then simply walk away
|
|
|
|
|
I want to use Indian rupee sign in my web application replacing current Rs. Sign..I have googled for this and find many results but all this result external url are used for referencing css or front. I want a solution without using any external link.
Thanks in advance
|
|
|
|
|
|
Good question!!
sunaSaRa Imdadhusen
+91 99095 44184
+91 02767 284464
|
|
|
|
|
Thanks for the help..But here also external link is used...Thoug it is free service ,I am not allowed to use external links..
|
|
|
|
|
No, do exactly as I directed. The instructions under the heading tell you what you need to do so that you can host all the nescessary parts on you own web site.
Cheers!!
|
|
|
|
|
Try this ₨
It may not be available to everyone as they have to have the language (Indian) installed on their computer. If you want it that badly, you will have to use an image right next to the text.
|
|
|
|
|
hi,
Found this on the wiki site. Hope it help.
Rupee sign[^]
|
|
|
|
|
|
I was fiddling with the company website, which was created by our Customer Service Manager using Expressions. Ye gods, what a heap of crap that monstrosity adds to a site! It's nearly as awful as a 'Save as Web Page' product of Word. But I have to admit that it does what it's intended to do - let non-technical users build decent looking sites quickly. The problems begin when you try to update a site created with this beast.
She's been trying to add some new content and, of course, every new addition screws up the formatting. It uses inline styles for everything, and canned effects and features that have such obscure, generic names that it's almost impossible to manually edit the content. I fired up Visual Studio tonight to try to duplicate the common features of the site for her, using a style sheet so that she doesn't have to edit every single element on every single page when she wants to modify something. I've gone over the source and can't make any sense of it. It's also a couple of GB in size, because of all the unused but stock files it adds. The actual content of the site could be done in a few MB, including images. I ran into a little stumbling block...
Take a look at the site: www.ahamacav.com[^], please.
There's a tabbed main content section that appears to be made up of individual images for tabs, each anchoring a link to a new page. I really don't want to spend dozens of hours with an image editor trying to duplicate that, and I thought there was a web control in .Net that makes a tabbed container, but I can't find it. The rest is easy - a few divs, a bit of CSS code, and I'm there. But this is a stumbling block, and I'd really like to wean her off Expressions. And yes, I'm trying to build a business case for the company to spring for a couple of copies of Visual Studio at work, so there's an additional incentive to overcome this problem.
Can someone recommend a solution, or point me to a built-in web control in Visual Studio 2008 that provides the same functionality?
Will Rogers never met me.
|
|
|
|
|
I don't know how relevant it is to how you want to do it, but there are a heap of "button generators" out there. I have used a few; my current (free) weapon of choice is Deknop (apparently means "the button"). With it and a few minutes, you can generate button sets like the ones I did here[^] Pretty mouse-over, etc, is easy but boring mindless. Feel free to "borrow" as much as you like.
I suspect that the better (ie $$) ones allow you to set your own shape/background to make them look like tabs.
You still have to stitch your pages together, but this should ease the image editing pain.
Cheers,
Peter
ps Yes, that's me with beard, L end of back row.
Software rusts. Simon Stephenson, ca 1994.
|
|
|
|
|
Thanks, Peter. I dunno... Maybe it's time I brushed up my limited graphics skills and play a little javascript magic. It could be fun, if only I had any time...
Will Rogers never met me.
|
|
|
|
|
Don't know who unibombed, but my 5 should carry a bit more weight.
P
Software rusts. Simon Stephenson, ca 1994.
|
|
|
|
|
|
It's been a while since I've done much html, though my initial thought is that this could be done with 6 images and some css.
You'd use 3 images for each state, a left a middle and a right. You simply repeat the middle image for the required width (which could be determined from the _text_ label hat the button would have - also helps make your site more easily ably to be translated, since the button text can be translated also)
It's a little messy, and could do with some better sizing of the left/right sides of the tab. Though this is what I mean above:
<html>
<head>
<style>
.tableft{
background-image: url(left1.png);
padding-left: 8px;
}
.tabright{
background-image: url(right1.png);
padding-right: 8px;
}
.tabmid{
color: red;
background-image: url(middle1.png);
padding: 0 5 0 5;
}
.tabCont:hover .tableft{
background-image: url(left2.png);
}
.tabCont:hover .tabmid{
background-image: url(middle2.png);
color: white;
}
.tabCont:hover .tabright{
background-image: url(right2.png);
}
</style>
</head>
<body>
<span class=tabCont><span class=tableft> </span><span class=tabmid>Tab1</span><span class=tabright> </span></span>
<span class=tabCont><span class=tableft> </span><span class=tabmid>Tab2</span><span class=tabright> </span></span>
</body>
</html>
The images i have used are 14x25, 1x25, 14x25 - quite small and manageble...
|
|
|
|
|
Okay, I don't know if this is more of a CSS or HTML question but I'm having issues with my navigation bar scrolling horizontally when the browser window is too small. I have my navigation bar on a separate layer from the rest of my web-page and have it in a fixed position. The only issue that I know is left is that if the user has their browser set to smaller dimensions than the webpage the navigation bar moves as they scroll horizontally. I'm trying to stop it from moving on the X-axis and only along the Y-axis.
|
|
|
|
|
I think you may set property Overflow of to Hidden like
<div style='overflow:hidden'>
</div>
Thanks,
Imdadhusen
sunaSaRa Imdadhusen
+91 99095 44184
+91 02767 284464
|
|
|
|
|
This didn't fix the direct issue, but it did completely remove horizontal scrolling. This may be usable if I can get the template to resize with resizing the screen, but due to my current code and images probably won't work.
|
|
|
|
|
I would like to create a news website, preferably but not necessarily .NET based. I don't want to open a new project in VS and start from scratch, I would like to use some CMS system to create it. It would be very nice if you could direct me to a place where I can find a complete cms skeleton for a general news site which I can customize and launch as soon as possible. I Googled but couldn't find what I am looking for so I thought I could use some help.
Any ideas? Thank you
And ever has it been that love knows not its own depth until the hour of separation
Mohammad Gdeisat
|
|
|
|
|
|
I've already installed it and bought a book covering DNN applications development. How long does it usually take to build a basic news site using your software?
And ever has it been that love knows not its own depth until the hour of separation
Mohammad Gdeisat
|
|
|
|
|
You can get a skeleton website up in 30 minutes, then spend 3 months looking for skins, there are that many to choose from. If you want to skin it yourself then, less than a week.
|
|
|
|
|
Sounds very nice. Thank you for your reply It seems that I am gonna use DNN
And ever has it been that love knows not its own depth until the hour of separation
Mohammad Gdeisat
|
|
|
|