falcifer
-
Posts
55 -
Joined
-
Last visited
falcifer's Achievements
Newbie (1/7)
0
Reputation
-
I'm not sure that it's entirely possible with CSS. You'd probably have to use some JavaScript.This thread should help a little.
-
-->QUOTE(David B @ Apr 27 2007, 11:26 PM) <{POST_SNAPBACK}> I kind of understand how the first one works, and how to make it work for me. but can any one give me some insight on the specifics of why it works.Thanks!I just finished working on a menu that uses the same sort of thing...Basically, you know how you can change the colour of a hyperlink when you hover over it? Using CSS...a#someID{ color: red;}a#someID: hover{ color: blue;} You can use the "hover" subset(?) on other elements, to change the appearance of other elements.... for exampleIn this case, all the images are already set on the page. The reason you can't see them is because they're set to have a width of 1px and, I think the main image there is covering them up.The CSS code is used to change the z-index of the img elements to 1, which brings them forward, and changing the width to 500px. This is done using the "hover" thing for the thumbnails. (and the "active" and "focus" ones, too, which means you can use the tab key to scroll through the pics)
-
I guess I read it the wrong way, then. I apologise.Although, in this case, if someone is looking at my portfolio online, then they'd be looking at it for the explicit reason of looking at the content, so having to read the line that tells them how to view larger images isn't going to necessarily correspond to the time they spend looking at the images; since this is the reason for them viewing the page to begin with.If someone's going to judge my photography by how well I design a webpage, then they're not really worth bothering with, I would think.But, as you say, it is a good practice to get into, I agree with that.
-
Well, I think it's about time people stopped acting intuitively... because that's what gets people into trouble with pop-ups and dialog boxes. :)Though, in this case, I do agree. More for the reason that I like clickable things to act like links... And what I came up with was not meant to be an all-inclusive solution... just an example of what can be done.And really, with such a minimal page -- six small images, a line and some text -- is it really that much trouble to read what's barely off the top of the page? I would hope not.
-
Linux Forums and Linux Questions are good, too. They have Red Hat/Fedora forums, and Network forums, too, so you'll be sure to find someone who can walk you through what to do.
-
-->QUOTE(David B @ Apr 22 2007, 03:38 PM) <{POST_SNAPBACK}> Hi Every one,I am in the design stage of creating an online portfolio and I need to display alot of different images as thumbnails then on-click display them at a uniform size. So, should I create an individual page for each image or is there a way (without frames) to display the full-size image on the same page as the thumbnails. I am open for any and all answers, ideas and suggestions.ThanksThe last time I did something like that I did it in Picasa, which created two pages... one page with all your images, then another for the individual images.Without using frames, you'd have to create a new page for each image, I think. Unless you emulate a frame on your page... you could line up the thumbnails (or small images) along the top or side, then have a larger DIV containing your IMG in the middle of the page, and then change the SRC property of the IMG tag onclick...If you're making a new page, then you can either have it link to the page, or you could make a pop-up window containing the full-size image.As for creating the image on the same page... you'd have something like...<html><head><title>Portfolio Page 1</title><style>img{ border: none; color: white;}a{ color: white;}</style><script>function showFull(i){s=i.src;s=s.substring(0,s.length-6);d=document.getElementById('fullPic');d.src=s+".jpg";}</script></head><body bgcolor="black"><center><table cellspacing="10"><tr><td align="center" colspan=2 rowspan=2> <img src="http://static.flickr.com/80/236089266_f7a2953c3f_t.jpg" onclick="showFull(this);" /></td><td align="center"> <img src="http://static.flickr.com/66/179211600_e5b9f95256_t.jpg" onclick="showFull(this);" /></td><td align="center"> <img src="http://static.flickr.com/46/182413190_6818bdf780_t.jpg" onclick="showFull(this);" /></td><td align="center" colspan=2 rowspan=2> <img src="http://static.flickr.com/85/207586231_36c9b2980b_t.jpg" onclick="showFull(this);" /></td><td align="center"> <img src="http://static.flickr.com/80/207949159_5d6fe8a119_t.jpg" onclick="showFull(this);" /></td><td align="center"> <img src="http://static.flickr.com/72/207559251_a2ad1bd24f_t.jpg" onclick="showFull(this);" /></td></tr></table><hr /><table><tr><td><img id="fullPic" src="" alt="Click thumbnail to show larger size" /></td></tr></table></center></body></html> Which looks like this; http://homepage.ntlworld.com/josephine.clark2/portfolio.htmOf course, you do need some consistent naming of your files. so if you have your thumbnail named "image_thumb.jpg", then you can use JS to remove the last 10 characters of the name, which leaves you with "image", and then you can add ".jpg" to the end to get your fullsize image...I hope that's clear, and that the code is somewhat helpful... Feel free to ask if anything is unclear.
-
He said "red hat fedora"... if it was Red Hat, then I'd assume it was Red Hat... but since the word "Fedora" was mentioned, I assumed it was actually Fedora...
-
When do I use front slash " />" for form input, Html tags.
falcifer replied to volitics's topic in HTML/XHTML
That's cool. Thanks.I guess I always had good habits in HTML anyway... -
When do I use front slash " />" for form input, Html tags.
falcifer replied to volitics's topic in HTML/XHTML
As far as I understood it, all tags require closing tags...but some don't necessarily have a closing tags...e.g.a link has <a ...> link text </a>script has <script> script here </script>and then there are things that don't have closing tags, like <br>, <link>, <img>... but in order to close them you include the />i.e. <br /> instead of <br>It seems to be to be a more formal way of coding HTML and making sure that all tags are closed, even when they don't have a closing tag... -
http://fedoraproject.org/wiki/FAQ#head-71f...51c31c50a38323eThat should help
-
Well, from that page, there isn't any textarea, so I can't see really what the issue is... The code you posted works fine for me when I save it as an HTML page and view it on my computer.If all else fails, then you can always replace the "<" and ">" with "<" and ">" and put the code insde another container, like DIV tags...
-
Could you supply an example? Maybe link to the page in question, or post the HTML that you are using.As far as I can tell, you shouldn't have to do anything special to make code appear as code inside the textarea. The test page I did with some HTML insde the textarea tags worked...<html><body><textarea cols="50" rows="10"><table><tr><td>cell 1</td></tr></table><br /><script type="text/javascript"><!--alert('hello');--></script></textarea></body></html>
-
I assume you're not on Linux... if you are then there's always recordMyDesktop
-
The order of attributes in the part of code you provided (though, I'm not sure if it makes much difference anyway) should becolor image repeat attachment positionAnd you don't need to separate them with commas either. Replace this with body {background: #FFFFFF url(http://img155.imageshack.us/img155/7028/bebop2rc6.jpg) no-repeat fixed bottom right;} The "fixed" part means that it will always be in the bottom right... Or you can use the code in the post above, and add "background-attachment: fixed;" to it to get the same effect.Also, the file is called "animucleb.htm"... you probably want to change that to "animeclub.htm"
-
First of all, I notice that there's a closing DIV tag missing, which I don't know if that will help... I'd think so, though. Then IE would know what to do... I think Firefox tends to fill in missing tags... but I could be wrong.You might also want to change the é in "resumé" to é since it renders as é on my computer...Hope this helps.