Frisby

I think a lot of the trouble I'm having originates from the way I made the image--The tops of the columns are all semi transparent and irregular so I can't just give the columns background color. That'd cover up part of the image, unless I somehow managed to have the background color, image, and then text on top. I'll try researching on google...Maybe I'll figure this out. I wonder if the diagonal background is really worth all this work. xD

Use the hr selector. hr{border:2px dotted #7a7a7a;}

Yeah, or an opaque black. The way I saved it, the gradientesque quality of the shadow got turned into mre of a sharp edge, so I could probably pull that off. Now I'm running into more difficulties...Forgive me if I'm being stupid, but I've never done this before. I'm trying to make the dark grey background work, the one that has the two lighter columns ontop of it (Color #D5D5D5). I'm not quite sure how to go about this part... Ideally the two columns would be inside of it so they have the same height, but the image has to be between them.

bocaj: Thats what I was thinking, but I can't manage to figure out how. It doesn't work. Can you even put a div tag in front of the body tag? lifeinspeia: Don't worry, I'm just putting it all on one document while I'm building it 'cause I find it easier that way. It'll be external and everything when I'm done. ssmilwauke: That should work. The only thing is that the white and lightgrey box is supposed to cast a shadow on the grey background, but its not so important. Thanks guys, for the help! I'll try out your ideas and I've got some more of my own now too. ^^

Below is a screenshot of a layout I am making, and you can see that it has a background image that repeats on the y axis so the textbox can overflow down. However, because it only goes down, there is no background to the right. I'd like to have a continuation of the black and grey diagonal pattern you see there covering the grey background color thats visible. I've tried to get around the fact that it seems there can only be one bg for the body tag with other containers (with the diagonal background), but I haven't been able to pull it off. Ideas, anyone? (The page's coding is below as well.) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <title>Figmint; the uber pwner.</title> <style> body{background-image:url(http://figmint.uuuq.com/previews/bottom.png); background-repeat:repeat-y; background-color:#1C2221; } #overlord{background-image:url(http://figmint.uuuq.com/previews/bgrey.png);} body,table,td{font-family:georgia;font-size: 11px;} a:link,a:active,a:visited{font-family:comic sans ms;color:#62928E;} a:hover{color:#88CBC5;} #img{position:absolute;top:0px;left:0px;} #main{position:absolute;top:277px;left:72px;width:356px;} #side{position:absolute;top:94px;left:459px;width:164px;} h1{ color:#88CBC5; font-family:comic sans ms, georgia; font-size:40px; font-weight:normal; letter-spacing:4px; text-transform:lowercase; margin:10px 0px 10px 0px; background:#EDEDED; } h1:first-letter{color:#62928E;} h1:first-line{ font-family:georgia; } h4,h5{ color:#FFF; font-family: georgia; font-size:20px; font-weight:normal; letter-spacing:2px; text-transform:lowercase; margin:10px 0px 10px 0px; } h4{ text-align:right; background:#88CBC5; } h5{ text-align:left; background:#62928E; } b{color:#62928E;} i{color:#FFF;background:#88CBC5;letter-spacing:2px;} u{color:#181E1D;} .box {background:#BEE3E0;padding:10px;border:2px dotted #FFF;} .box{ border-image:url(http://figmint.uuuq.com/previews/arrow.png); } /* Nav ------------- */ a.nav{ color:#88CBC5; font-family:georgia; font-size:35px; font-weight:normal; letter-spacing:-4px; text-transform:lowercase; padding:0px; line-height:20px; display:block; text-decoration:none; } a.nav:hover{ color:#62928E; /*font-family:comic sans ms;*/ } a.nav.odd{ color:#000; } a.nav:hover:after{ content:url(http://figmint.uuuq.com/previews/arrow.png); } /* ==== FanUpdate 2.2.1 ==== */ h2 { color:#88CBC5; font-family:comic sans ms, georgia; font-size:20px; font-weight:normal; letter-spacing:-4px; text-transform:lowercase; margin:0px; } h3 { color:#88CBC5; font-family:comic sans ms, georgia; font-size:15px; font-weight:normal; letter-spacing:-4px; text-transform:lowercase; margin:0px; } /* ==== Entries ==== */ div.post { background:#BEE3E0;padding:10px;border:2px dotted #FFF;border-right:10px solid #88CBC5; } p.catfile {padding: 0 0 0 3em;} /* ==== Comments ==== */ div#comments { background:#BEE3E0;padding:10px;border:2px dotted #FFF;border-right:10px solid #88CBC5; } div.comment { clear: both; padding: 0.5em; } div.comment p {padding: 0 0 0 3em;} div.comment p.commenter {padding: 0;} div.odd {background: #FFF;} div.author {} div#newComment {} img.gravatar { float: right; margin: 0 1em 1em 0; } /* ==== Comment Form ==== */ label { display: block; float: left; width: 9em; text-align: right; margin: 0 0.5em 0 0; } input, textarea, select, option { font-family: tahoma, sans-serif; font-size: 1em; } .wysiwygmenu { display: block; } .wysiwygmenu a { padding: 0.125em 0.25em; } /* ==== Footer ==== */ div.archivelink { text-align: right; margin: 2em 0 0 0; } div.credit { clear: both; text-align: center; border-top: 6px solid #eee; margin: 1em 0 0 0; } div.credit p {margin: 0;} </style> <script src="http://figmint.uuuq.com/skins/facefiles/jquery-1.2.2.pack.js" type="text/javascript"></script> <link href="http://figmint.uuuq.com/skins/facefiles/facebox.css" media="screen" rel="stylesheet" type="text/css" /> <script src="http://figmint.uuuq.com/skins/facefiles/facebox.js" type="text/javascript"></script> <script type="text/javascript" src="http://figmint.uuuq.com/skins/switchcontent.js" > /*********************************************** * Switch Content script- (c) Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for legal use. * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ </script> <style type="text/css"> /*Style sheet used for demo. Remove if desired*/ .handcursor{ cursor:hand; cursor:pointer; } </style> <script type="text/javascript"> jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox() }) </script> </head><body> <div ID="img"><img src="file:///Users/KatieStory/documents/figmint/previews/top.png" alt="Figmint"></div> <div ID="main"> <h1>Header Test</h1> <b>Text</b>, <i>text</i>, <u>text</u>. Figmint's <a href="#">newest skin</a>. What shall I name it, oh? When I was a young boy I tried to listen. And I wanna feel like that. Ya part of the human race, all of the stars in the outer space. Part of a system a plan. All this space I'm waking up, all this space I'm takin up. I cannot hear your breaking up. Ooooooooaaah! <br>Maybe you get whatchu wanted, maybe you stumbel upon it, everything you ever wanted in a permantent stain. Maybe you'll know when you see it, maybe you know when you see it, and that you;ll find that you keep it in a permantent stain. <p> Swim out on a sea of faces, tide of the human race, is oh, thee answer now if what I neeed. See it the new sun risen, see it break on your horizon, oh, c'mon love, stay with me... </div> <div ID="side"> <a href="#" class="nav">Home</a> <a href="#" class="nav">Graphics</a> <a href="#" class="nav">Layouts</a> <a href="#" class="nav">More</a> <h4>Side header</h4> Text, text, text. <br> Figmint's newest skin. What <br> shall I name it, oh? When I was a young boy I tried to listen. And I wanna feel like that. Ya part of the human race, all of the stars in the outer space. Part of a system a plan. All this space I'm waking up, all this space I'm takin up. I cannot hear your breaking up. Ooooooooaaah! <h5>Header 5</h5> Maybe you get whatchu wanted, maybe you stumbel upon it, everything you ever wanted in a permantent stain. Maybe you'll know when you see it, maybe you know when you see it, and that you;ll find that you keep it in a permantent stain. <p> <div class="box">Swim out on a sea of faces, tide of the human race, is oh, thee answer now if what I neeed. See it the new sun risen, see it break on your horizon, oh, c'mon love, stay with me... </div></div></body>

I just downloaded Safari 4 and a video plays when you first start it. (I'm not sure whether it'll work on other browsers/OS's, but the url of it is here: http://www.apple.com/safari/welcome/) My brother had mentioned something about CSS regarding it, so I right clicked and viewed the source. Sure enough, there's hints of CSS and an external stylesheet: http://images.apple.com/safari/welcome/styles/safari.css OOO: Its so beautiful! So amazing! Is the version of CSS used in the making compatible all around--has it been around all along waiting to be found by me? -rubs hands together greedily- The last frontier (for me at least *cough*)! Well, anyway, very spiffy isn't it?!

Round fonts seem to go well with natural themes, water included. For an industrial feel, strong bold fonts are probably better. Keep it simple and clean, and it'd probably look best if you keep all the colors centered around blue.

Nearly everything else on the page has a border and it doesn't, so maybe thats the problem. You could add a border similar to the images' to the dark grey area. That might be too fancy though.

Ah, thanks for clearing that up! =D

Hullos, I'm Frisby. I've been wondering this for quite a while, but I've never gone out of my way before to find the answer. Is it possible to have two background images? You see, what I want is an image that repeats vertically (like for a text box that flows downwards) and then another that tiles the whole page to pick up where the vertically repeating one leaves off. Thanks in advance!

Alright, so the left <s work with when I use "<", but the right ones don't work with "&mt;". However, if I just leave the right ones as >s they'll appear as they're supposed to. Thanks!

Alright, I changed everything into paragraphs and that didn't help. -goes off to try other solution majigger-

Okay, I'll try both your ideas.

Heys! I'm writing a tutorial and I want to display tags without them actually taking effect, so I've tried using the code and pre tags. Unfortunately, tags aren't appearing when I use the tags... Is there any good tag that will serve my purpose out there, if these two won't? You can see the page that I'm attempting to use the tags on here: http://figmint.zzl.org/tutorials/tcss.php

The layout works as does the facebox now. Thanks for helping me!

I tried on the first textarea and it still shows. If you can answer these questions, then I will put it on an external page. I just haven't been able to figure out how yet. -Do you put style tags on the stylesheet page? -In the rest of the page's code if the thingamajig you write, <link rel="URL"> or is there something more? It should load eventually, it works for me.

Thanks a lot! I shall change it to that and see where I can go from there... Edit-- So I changed the code to the one above, and now the tabs are on top of each other. Also the "<![CDATA[" stuff appears in the textarea--Is that supposed to happen? 'Nother Edit-- I was looking at the doctype--Is it for XHMTL or HTML? As far as I know I think I should be using a HTML one.

Hey there. I'm helping make a site with some people, and having used lightboxes before (on a different site) to view images, I decided to try using them. I got the lightbox code that you're supposed to include in the coding from dynamic drive, and it said that a doctype is necessary. The layout for the site I was going to use the facebox in didn't have one, so I put in the one provided by dynamic drive, changed the default location of the facebox in the code to where mine is, and tried it out. The result was this: http://onyx-dragon.emporers-village-neo.ne...sitelayouts.php The layout appears to work as it should, but when you click on one of the layout names (ie, Teal Stars) the facebox fails to function properly and is all messed up. I tried other doctypes, but then the navigation tabs get messed up, and the facebox doesn't work anyhow. Maybe there's something else besides the doctype thats messed up. I really don't know. Any ideas on what I should do to fix the facebox?

Josiah didn't completely comply by the rules, but they took Zachariah's 'ad' on the truck and put it on the billboard.

8D Quick photoshop job, yes...

EDITTING!

Here are some jumbled thoughts of mine: From the logo at the top I would expect more gold in the layout. Although its red and goes with the gold, you might want to incorporate some...gold -redundant- somewhere else in the layout. The green banner on the homepage seems a bit out of place color-wise. The header, "The Tapestry House - Quality wall tapestries and tapestry wall art" looks bad bleeding over into the right column. Keep it on its own side. Also, since the logo has a font with serifs, you may want to incorporate a similar font somewhere in the layout.

Yeah, she has a Dell desktop. I'll send this to her. Thanks for the help!

Someone I know has had the above problem. They posted it on Yahoo Answers, but I don't think there'll be any repliese anytime soon, and this seems to be a pretty bad problem she has. Here's what she posted on Yahoo Answers: The programs on my computer crashed, and photobucket and tinypic won't let me upload anything. What can I do? These programs (all) I have (that worked perfectly fine yesterday) don't let me open or save anything: Adobe Photoshop 4.0, Adobe Photoshop 7 and Paint.net. When I click the "browse" button on the uploaders I listed in the question it'll pop up, I'll select what I want to upload, and then the whole thing closes. It drives me crazy. And I tried restarting the computer. I tried un-installing paint.net and then installing again. It doesn't work. Help! Please! ---- Quick replies are much appreciated. ^^

Its not a hoverbox, or facebox. Its called a lightbox on the mac site (according to the alt text), but its not the regular plain kind. Someone could have taken the original lightbox code, changed it to what you see on those sites for their own use and then have been copied, hence the other similar lightbox.