|
HTML - Shadow Around Main Box
Hey all (And thanks to all who helped in my last post)..
http://wessell.net/david/project/newdesign/index.php I'd like to put a shadow around the left and the right, of the entire box (Including headers and footers).. But I'm at a tad of a loss. I'm finding a lot of information on shadows on pictures, using CSS.. I'd be interested in any suggestionons as to which way to go.. Thanks! David Similar TutorialsI've started to create HTML websites, and I have a question about design. I want to get this efect in page borders, an efect like a shadow. But a shadow for all the page background between the content background and the <body> background. I don't know how to do it and I want to learn. If someone could be so helpful I will be very plesant. Thanks. PD: excuse for my english, I'm from Spain. I hope you can understand me. how to make a border with shadow? I started a new project recently, nothing too original but fun for me, please take a look: http://katyannekad.blogspot.com/ I'd like the most recently posted photo to be added to the end of the list every time I update, rather than the beginning. And would like to disable the shadow effect that you can see when hovering over one of the photo thumbnails. I downloaded a template so not sure if it's the kind of thing where I can just add a code in or if some bits of the template need to be altered. Thanks. I'm getting rid of my index.html file, and replacing it with a brand new index.php file. But I have a problem... I have a forum which has an index.php file... If I rename my websites index.php file to homepage.php, am I able to have that page load up when someone visits my website, or does it have to be named index.php? I am attempting to use google analytics on a website someone else developed. I am now in charge of updating this site but am having a problem finding the home page so I may add a google meta tag which would verify me as site owner. The site is at http://www.vandam.com However when I look at the directory on my ftp site and open the file labeled main.html, it looks nothing like the source code I see via the web. What is going on with this. Which file should I be looking for? Delete This Plz hello, I want to figure out a way to make the layout of my website fixed, depending on the screen resolution and browser of the person that is viewing my site. I would like a layout with three rows (Header, content, Footer). the Content row should be 2 columns. i would specifically like the Header and Footer rows to be Fixed. and the right column in the content row to have a scroll bar, so that the content in it is the only thing I can scroll while my top banner and footer stay put. Can anyone orient me towards tutorials or any sort of information that might help me solve this? Thank you! I have wordpress installed at mydomain.com/blog and I want a simple splash page to show up at mydomain.com. I've created the page in html and it works the way I want it to but I can't get it to show up at mydomain.com. When I go to mydomain.com it shows up as INDEX OF and I can click the splash page file but I want the domain to point straight to the splash file. Thanks for any help you can offer. I had a guy helping me fix my flyout menu and now my content that is under my div content is at the bottom of my page instead of at the bottom. I am not sure what to do to get it back to the top. Any help or ideas, I have been messing with this for hours. http://www.mesquitechristmas.com/index.html If you need me to post some code just let me know what code to post, or you can just view the source code.... -Thanks Hi All, I am missing the "about us" button on the end of the main css menu www.rangeford.com.au. It is missing on every page which makes me believe css issue but have stared at both the html and css for days and cannot see any issue /* about */ a.nav-aboutR1, a.nav-aboutR3 { width:104px; background: url(../img/nav-about-R1.gif) no-repeat 0 0; } a:hover.nav-aboutR1 { background-position: 0 -33px; } a.nav-aboutR3 { background-position: 0 -66px; } /* span */ The background image is definately present and in the correct folder if any one could point me in the right direction i would be very grateful Cheers Mark I have a web page that has a gap between the main content page (lower) and the header piece(upper) and I can't figure out how to close this gap. If you're interested in taking a look at it. Here's the code and i've attached an image for a visual aid. Thanks. Code: <table width='770' border='0' cellpadding='0' cellspacing='0' id='maintable' align='center' table valign='top' align='left' cellpadding='0' width='770' height='500' table style='background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:'770' height:'500'></td>
<link href='custom.css' rel='stylesheet' type='text/css'>
<td id='menu' align='left' valign='top' rowspan='500' width='165'>
<br> <img src='images/bullet.gif' alt='' width='10' height='10'><a href='index.php'><font color='#DDCEA2'><font face='Arial' size='2'>Home</a></font><br>
<img src='images/bullet.gif' alt='' width='10' height='10'><A href='index.php?command=signup_page'><font color='DDCEA2'><font face='Arial' size='2'>Sign Up</font></A>
<br>
<img src='images/bullet.gif' alt='' width='10' height='10'><a href='faq.html'><font color='DDCEA2'><font face='Arial' size='2'>FAQ</a><br>
<img src='images/bullet.gif' alt='' width='10' height='10'><a href='legal.html'><font color='DDCEA2'><font face='Arial' size='2'>Terms of Use<br></a>
<form method='POST' action='index.php'>
<input class='field' type='hidden' name='command' value='account'>
<input class='field' type='hidden' name='param' value='signup'>
</form>
<tr><td> </td></tr>
<td valign=top colspan='2' class='pageTitle'><div class='hLine'><b> <font face='Arial' color='#EE7600' size='3'>Select The Payment Button Below To Continue</b></font></div></td></tr>
<td class='fieldLabel' width='30%'> <font face='Arial' color='#A30100' size='2'><b>Transaction Type:</b></font></td>
<td align='left' class='text' ><b>[account_type_title]</b></td>
</tr>
<tr>
<td class='fieldLabel' width='30%'> <font face='Arial' color='#A30100' size='2'><b>Price:</b></font></td>
<td align='left' class='text' ><b>$ [price]</b></td>
</tr>
<tr>
<td class='fieldLabel' width='30%'> <font face='Arial' color='#A30100' size='2'><b>Subscription Period:</b></font></td>
<td align='left' class='text' ><b><font face='Arial' color='#000000' size='2'>[period]</b> (month)</font></td></tr>
<tr valign='top' height='55px' '>
<td valign='top' class='fieldLabel' width='30%'> </td>
<td valign='top'> <p><font face='Arial' color='#000000' size='2'>[payment_code]</font></p></td>
</tr>
<tr><td> </td></tr><tr><font face='Arial' color='#000000' size='2'></font>
<tr height='30%' ><td colspan='2'><div class='hLine'> </div></td></tr>
</table
I have main window and child window opened by child = window.open(adr, name, "height=200, width=600,resizable=1"); Both pages have <title>title</title> But whereas main widow has in title bar "title - Microsoft Internet Explorer" ,the child window has "http://<ip address> - title - Microsoft Internet Explorer" Why that difference? I want the ip address in child window to disappear, but don't know how. It does the same in IE6 and Mozilla. Thanks. I know I'm probably going to get ridiculed for this being my first post, but I can't seem to find any help elsewhere. I browsed the forum a bit before posting but didn't really know what to look for. OK so this the first website I've ever made and I only have limited html knowledge but so far this is what I have. www.freewebs.com/maurerrj Here is the html: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 1/15/2007 4:28:49 PM -->
<head>
<title></title>
<style type="text/css">
<!--
.{background: #D6D3C0;}.{background-image: url(http://img138.imageshack.us/img138/3373/newbackground4qp5.jpg);background-repeat: repeat-y;background-position: center;}
-->
</style>
</head>
</style><body topmargin="0">
<div align="center">
<table cellspacing="0" cellpadding="0">
<tr><td colspan="0" width="750"><img height="223" src="http://img223.imageshack.us/img223/7681/banner5im9.jpg" width="724"><td></td>
<tr><td colspan="0" width="750"><img height="19" src="http://img407.imageshack.us/img407/7290/fillervh5.jpg" width="724" border="0"><td></td>
<tr height="0"><td colspan="0" width="750"><img height="11" src="http://img101.imageshack.us/img101/3912/spacer1hs9.jpg" width="724"><td></td>
<tr><td valign="top" width="153"><table cellspacing="0" cellpadding="0" width="153">
<tr><td><img height="36" src="http://img260.imageshack.us/img260/1838/filler2qj3.jpg" width="153" border="0"></td></tr>
<tr><td><a href="#"><img height="22" src="http://img156.imageshack.us/img156/9990/home1pp8.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img92.imageshack.us/img92/8751/conifersls9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img251.imageshack.us/img251/7016/grassesbf3.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img525.imageshack.us/img525/5920/shrubsvf9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img86.imageshack.us/img86/2730/perennialszy4.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img137.imageshack.us/img137/4079/troughgardenskr9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img91.imageshack.us/img91/5199/directionsae8.jpg" width="153" border="0"></a></td></tr></table></div>
</body>
</html>
Anyway, onto the point... I want to make an area to put all of my content like text and images and what not in that main area but I don't really have any idea how to do it. Also the background image isn't showing up in firefox, so if you have any idea how to fix that let me know. But for now I guess you have to look at it in IE. Also, I will be having galleries under the evergreen, perennials, etc. tabs, and I think I want to use lightbox, but I don't know much about it. So any tips with that would help. The lightbox website is http://www.huddletogether.com/projects/lightbox2/ Any help you can give me is TRULY appreciated. Hi, I am trying to figure out how to restrict users (guests) from browsing straight to a page within my site. I would like to ensure that all users must access the site via www.mysite.com Example: User- browses to www.mysite.com/pages/interestingpage.php (or .htm) I would prefer to force the "User" to click their manually via the links on my main page. I imagine some sort of session would be required for this. However I do not wish to require users to log in. I've heard that .htaccess or Apache's config file can be used but so far I have not been successful. I do have full access to the server/configuration. Hoping someone can assist. Examples would be most ideal. Thanks! Hello, I'm working on a site, but have run into a problem I'm not sure how to deal with. The contents of the footer area of the page are centered within a Div as you can see at the url: http://www.mylessinclair.com/testsite/ However, I think it might be easier on the eye if the links and content were centered underneath the main content panel. I'm trying to avoid the use of tables in achieving this, so I'm thinking that I need two Divs side by side for the footer. One 150px wide as in the side bar above it, marked up as float left - and then just center the footer contents in the other Div ? Am I on the right track here, or is it a bit more complicated? Hope someone can advise. Many thanks, Myles Hi all, Second post here. I'm pretty new to html, and I'm using it to fix up an old site. I got a navbar off some cool site with little html doodads, and I want to position it in the top frame of a page, so that it remains up the top of the page no matter where on the site you go. Unfortunately, whenever you click one of the links in the bar, it directs you to that link IN THE TOP FRAME, rather than instead displaying it in the main one. Here's the code for the navbar: Code: <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=0,0,0,0" WIDTH=550 HEIGHT=27> <PARAM NAME=movie VALUE="http://www.guistuff.com/tools/flashtop/tags3x_vl.swf?tarframe=_self&exbackground=222222&makenavfield0=Home&makenavurl0=http://www.hcm.asn.au/main%20page/indexmain.htm&makenavfield1=Programs&makenavurl1=http://www.hcm.asn.au/program/program.htm&makenavfield2=Can I Help?&makenavurl2=http://www.hcm.asn.au/can%20i%20help/canihelp.htm&makenavfield3=History&makenavurl3=http://www.hcm.asn.au/history/history.htm&makenavfield4=Events&makenavurl4=http://www.hcm.asn.au/family/Family%20Album.htm&makenavfield5=Contact Us&makenavurl5=http://www.hcm.asn.au/contact/contact.htm"> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=noborder> <PARAM NAME=salign VALUE=LT> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="http://www.guistuff.com/tools/flashtop/tags3x_vl.swf?tarframe=_self&exbackground=222222&makenavfield0=Home&makenavurl0=http://www.hcm.asn.au/main%20page/indexmain.htm&makenavfield1=Programs&makenavurl1=http://www.hcm.asn.au/program/program.htm&makenavfield2=Can I Help?&makenavurl2=http://www.hcm.asn.au/can%20i%20help/canihelp.htm&makenavfield3=History&makenavurl3=http://www.hcm.asn.au/history/history.htm&makenavfield4=Events&makenavurl4=http://www.hcm.asn.au/family/Family%20Album.htm&makenavfield5=Contact Us&makenavurl5=http://www.hcm.asn.au/contact/contact.htm" loop=false menu=false quality=high scale=noborder salign=LT wmode=transparent bgcolor=#FFFFFF WIDTH=550 HEIGHT=27 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED> </OBJECT> If you need any other code (such as that in the top or main frames), just let me know. Any help appreciated. Cheers, Franklint Where would i be able to learn how to make a script that goes like this: The person puts a script in the message box (eg. [.b]hello[/b] ), presses the button and on the main page it displays the code they put in. (hello) Thanks Is there a way to target an anchor in the main .html file from a flash movie inside an iframe? this.links.portfolio.onRelease = function(){ getURL("http://asdf.com/blah/xx.html#portfolio"); } is my current code in my flash movie that is inside an iframe, but that opens the link inside the iframe. Would something like target="_somethinghere" work? Like go up one level? Thanks. p.s.: I had a quick drink of grappa, sorry if this isn't very clear. Hello I'm trying to work out a way of allowing my main content to increase without it stretching my nav and ruining the formatting. I have a table, 2 columns, 10 rows, cell spacing 4 I've set the main content (right) to span all 10 rows. I want to be able to increase the main content without it stretching my rows. Row height set to 40px. My answer so far has been to add an 11th row, turn it white and set the height so that the combined height of the cells in the left had column matches the height of the right hand one. This is fine, but a bit of nuisance if you want numerous pages where the main content takes up a different amount of space. Is there anyway to set the 11th cell on the left hand column to stretch along with my main content, without it messing up the height of the 10 calls above? You'd think you'd be able to set it to height = 100% or something, but apparently not. Many thanks, monki |
|||||||