WarKirby

Hi nano, thank you for the assistance. We were unable to get that solution working exactly, putting the div inside an <li> caused the rest of the navigation bar to mess up. However you did set us on the right track, and in the end our solution was to put the <div> within the list, but not as a list element (<li>) basically, like this <div class="nav1"> <div id="nav-bar"> <ul class="navigation"> <LOTS OF PHP HERE TO CREATE THE NAV BUTTONS> <OUR TEXT SIZE SCRIPT HERE> </ul> </div> </div> thank you

Thank you Haku, this does indeed work. Looks like it's the solution we'll have to go for. Unfortunately, doing so has created another problem for us. For acessibility reasons, we currently have a script on the site which allows users to change the text size on the page. Unfortunately, this works based on the <p> tag used to identify expandeable text. We can modify the script to accomodate <span> too, although this is a little beyond my knowledge. If anyone knows a bit of vbscript and would like to help, please do have a look here:http://www.visualbasicscript.com/tm.aspx?high=&m=87224&mpage=1#87224 (even post a reply in this thread, I will still check it) In any case, This problem is solved now, thank you for your assistance.

Hi folks. We're having some problems positioning an element See on our home page: http://roshni.org.uk/Home/ On the right hand side, we have our navigation bar. Eg Home | About Us | Get Involved etc... Farther down the page, we have a Text Size control. We're wanting to move that up into the navigation bar. We've spent the past three hours struggling unsuccessfully with it, to little avail. The Nav bar is loaded from a central file which is included on all pages. The code for it is roughly: <div class="nav1"> <div id="nav-bar"> <ul class="navigation"> <LOTS OF PHP HERE TO CREATE THE NAV BUTTONS> </ul> </div> </div> I cut out the PHP in the middle purely for readability, as it's pretty meaningless to the layout of the page. If anyone thinks it's relevant I can provide it. Somewhere in there, we need to fit in our <div id="text-size"> which contains the code for the text size control The CSS for all these parts is: .nav1{ width:100%; background:#fff url(/content/images/Web/buuton_holder_grad_bottom.gif) repeat-x; height:54px; } #text-size{ position:relative; top:50px; text-align:left; float:left; } #nav-bar{ width:1000px; margin:0 auto; height:54px; overflow:hidden; position:relative; text-align: right; } .navigation{ list-style: none; margin:0; right: 0; padding:10px 3px 5px 0; position: absolute; line-height:20px; width: 1000px; border: 0px; text-align:right; font-weight:bold; } .navigation ul{ position:absolute; right:0; top:30px; list-style:none; margin:0; padding:0; float: right; font-weight:bold; } .navigation li{ display: inline; font-size:13px; padding:0 10px; background:url(/content/images/Web/separator-black1.gif) no-repeat 100% 0; } .navigation a{color:#193550; font-weight:bold;} .navigation a.active {border-bottom: 2px solid #193550; } .navigation a:hover {text-decoration:underline; color: #FF6600; } .navigation ul li{ padding:0 12px 0 14px; background:url(/content/images/Web/separator-black.gif) no-repeat 0 50%; } .navigation ul a{color:#193550; font-size:11px; font-weight:normal; } /*---Nav-barEnd---*/ /*---Header---*/ So, what we've tried is: 1. putting our text size code inside the nav1 div. This causes it to appear on the far left of the screen outside the normal viewing area. We can offset it towards the centre with a left margin, but this doesn't look right at varying screen resolutions because that area expands to fill wider screens. We've tried align="center" in the div html, and text-align:center in the CSS, hoping to put it in the middle and offset it left, but both of these did nothing. 2. Putting our text deeper, into the nav-bar div. This resulted in it appearing above the nav bar, on the lower left corner of the white banner. And it refused to move when given a margin. 3. Creating a new div around the entire top section of the site, and putting the text size div into that, then trying to margin it into place with CSS. Again, it refused to move We've also tried a lot of messing around with float properties and widths, but we can't seem to figure it out. Basically, we want the text-size level with the nav bar vertically, and aligned with the left side of the white banner horizontally. Any idea how we can do this?

Hello again folks. Sadly marking unsolved We're having a problem with the provided solution, using text in tables. The blue underline continues all the way along the width of the element, even after the text ends. See the attached image for an example. Any idea how to restrict the underline to the text only ? [attachment deleted by admin]

Hello folks. We have a problem. We have three linex of text. They have to remain three distinct lines. However, we want to justify them all, eg, make them all the same length. The lines are somewhat different lengths so this would of course involve adjusting spacing, as the justify property usually does. The problem is that align="justify" only seems to work for a contigious block of wrapped text. Linebreaks mess it up. To put it another way, we have: blah1 blah1 blah1 blah1 blah2 blah2 blah2 blah2 blah2 blah2 blah3 blah3 blah3 blah3 blah3 And we want it to look something like: blah1 blah1 blah1 blah1 blah2 blah2 blah2 blah2 blah2 blah2 blah3 blah3 blah3 blah3 blah3 Noting that the content on each line must remain distinct and unchanged, just the spacing of it. Is it possible to do this, other than manually adding spaces (which is really messy). Ideally avoiding tables too

excellent, thank you I went with 140px, it does the job perfect. I don't quite understand why 160 would be needed

Hi folks. We're having a seemingly minor problem with a bit of text positioning: http://roshni.org.uk/Backup/Get%20Involved/Donation See the central box. The £ sign is floating above the box, when we want it to be on the left. For some reason the input box is determined to be on a line alone. The relevant code is: <div id="donationform2"> <form method="post" action="https://www.paypal.com/cgi-bin/webscr"> <p align="center"><input type="hidden" name="cmd" value="_xclick-subscriptions" /> <input type="hidden" name="business" value="ali@roshni.org.uk" />£<input name="a3" size="15"/><input type="hidden" name="p3" value="12" /> <input type="hidden" name="t3" value="M" /> <input type="hidden" name="currency_code" value="GBP" /> <input type="hidden" name="ls" value="AU" /> <input type="hidden" name="return" value="http://net.tutsplus.com/payment-complete/" /> <br /><br /><input border="0" alt="PayPal - The safer, easier way to pay online." src="https://www.paypal.com/en_US/GB/i/btn/btn_donateCC_LG.gif" type="image" name="submit" /> </p> </form> </div> And our CSS for this div: div#donationform2 { position:relative; top:0px; left:50px; width: 35px; } I've poked at it for a bit, but I can't seem to figure out the issue. I've tried adjusting the size of the text box, but the £ sign doesn't move down into the space that creates.

Thank you! We'll give this a try soon and report back.

Hi everyone. We're trying to do a little CSS work on our website: We have this code: <p align="justify"><font color="#33ccff"><u><font size="3"><font color="#ff6600"><font size="4"><strong>How to sign up</strong></font></font></font></u></font></p> The effect of it can be seen here: http://www.roshni.org.uk/Get%20Involved/Raise%20money it gives us orange text, with a very thin blue underline. We'd like to simplify this a bit by moving the code to CSS so there's less to remember when reusing this style. But how would we remake this effect in CSS ?

Very far from true, actually. Security through obscurity is quite effective unless the attacker knows what they're doing. Of course it's a bad idea against professional virus writers, hackers, et al. But the average parent is probably not an IT expert, security through obscurity would help nicely. And when it's all you've got, what choice is there ? If you close a door, even if it's left unlocked, the majority of people are far less likely to go through it.

Very far from true, actually. Security through obscurity is quite effective unless the attacker knows what they're doing. Of course it's a bad idea against professional virus writers, hackers, et al. But the average parent is probably not an IT expert, security through obscurity would help nicely. And when it's all you've got, what choice is there ?

So it's looking like education is the answer? I guess that's what it'll have to be. Are there no tricks that can be done with redirection perhaps? like linking to a page that redirects to google, to put an un-passable page in the browser's back history so one can't simply click back ?

Hi everyoe, this seemed the best place. I work for www.roshni.org.uk, a children's charity located in scotland. We're looking at setting up a website for children, with links to resources to help recognise and report child abuse. One potential problem is that children rarely own their own PC. Usually they'd be using their parents'. And in an abusive household, if a child is caught browsing such a website it would not be good for them. So what we're looking at doing is adding a button on the site, that allows a one-click method for the child to hide it and get rid of evidence if thery hear their parents coming up the stairs or similar. Application theory seemed like the best place for this. I'm looking for any technical methods we can implement to help achieve it. At it's simplest, making the button direct somewhere innocuous like google is a good start, but it leaves other problems like the browser's back button, or the browsing history. Are there any methods for a web application to remove these, such as deleting a user's history (and of course never using cookies). Maybe rapidly redirecting them through a series of sites to obscure the history as much as possible ? I'm not too experienced in this area, so any advice would be appreciated.

Wait, nevermind, this is user error, I figured it out. The problem is in another table

Trying to do what seems like a pretty simple insert, done plenty of these before. I mailed the query to myself just to be sure it was working. It says this: INSERT INTO tblProducts (articleNumber,productName,releaseDate) VALUES (999001001,'Test Product',1266290939) But only the articlenumber and release date go in properly. The productName from this query shows in the table as NULL. 'Test Product' does contain a space, but it's encapsulated with quotes which should prevent issues, no? What's even stranger is that NULL is not the default value. My table structure: mysql_query("CREATE TABLE tblProducts( articleNumber VARCHAR(9) NOT NULL DEFAULT '000000000', productName VARCHAR(63) NOT NULL DEFAULT 'no name', releaseDate INT NOT NULL, currentVersion VARCHAR(20) NOT NULL DEFAULT '1.0', productStatus INT DEFAULT '1', PRIMARY KEY(articleNumber))") or die(mysql_error()); It's definitely not too big, it's not an empty string, and it's properly quoted. Why isn't it working? My PHP code for the section, just in case if (!isValidProduct($articleNumber)) { $querystring = "INSERT INTO tblProducts (articleNumber,productName,releaseDate) VALUES " ."(".$articleNumber."," .QuoteSmart(trim($_POST['productName']))."," .$timeSold.")"; mail($to, "Creating product", $querystring); $result = mysql_query($querystring) or die(mail($to, "Failed creating new product", $querystring."\n".mysql_error())); if ($result === FALSE) { $errors++; } } Visible there is the mail line where I sent myself the query, as you can see there's no opportunity for $querystring to change before the query is sent. So what's wrong ?