| » Forum Index » Problems and solutions » Topic: Waaaaaaaay off topic! |
|
Posted on 02/04/08 4:56:59 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply  |
Re: Waaaaaaaay off topic!
Thanks Dave |
Posted on 03/04/08 8:05:21 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
Sorry to keep bringing HTML issues up on HTCIP but... I'm doing really well and now I'm stuck on a little problem. I've created a "next" button which needs to go on the right hand side, in the middle. It's currently right hand side bottom. Does anyone know the code to move it? Here is the code I've used: <img src="forward arrow.jpg" width="50" height="50" align="right"> |
Posted on 03/04/08 9:30:55 PM |
|
David Asch
Tech Support Posts: 1913 Reply  |
Re: Waaaaaaaay off topic!
try valign="middle". It does depend on what other elements are nearby but it should work. _________________ A happy-go-lucky chap, always dressed in black |
Posted on 03/04/08 9:34:06 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
Tried that - other elements must be messing it up. |
Posted on 03/04/08 9:59:20 PM |
|
David Asch
Tech Support Posts: 1913 Reply |
Re: Waaaaaaaay off topic!
Am I right in thinking you're using a Mac? If so you may want to check out Coda. It costs $79, which is around £40 at present but it's well worth the investment. It's not a WYSIWYG editor like Dreamweaver: you still have to write the code yourself but it has a built-in CSS editor, preview and FTP client plus online reference manuals. _________________ If you hold on to the past, sooner or later you'll lose your grip. |
Posted on 03/04/08 10:05:33 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
Thanks Dave It's so annoying - everything else was going great! Chris |
Posted on 03/04/08 10:41:19 PM |
|
dave.cox
Marquee Master Posts: 518 Reply  |
Re: Waaaaaaaay off topic!
You can also try: <img src="forward arrow.jpg" width="50" height="50" align="center"> If the other elements keep messing up, then try <p><img src="forward arrow.jpg" width="50" height="50" align="center"></p> |
Posted on 03/04/08 11:08:32 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
Will try that tomorrow, Dave, and let you know! Cheers Chris |
Posted on 04/04/08 09:15:33 AM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
See the image below - I've now got the arrow right top, which has also knocked the poster image off centre. I need to get the arrow in the same right-hand position it's in now, bit lower down in the centre of the right-hand egde. Oops - I'll try posting image again. |
Posted on 04/04/08 09:21:22 AM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
I'll try again |
Posted on 04/04/08 09:33:15 AM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
This is it - that arrow needs to move down to the middle of the right hand edge.  |
Posted on 04/04/08 12:07:52 PM |
|
Meltonian
Highlight Hermit Posts: 90 Reply  |
Re: Waaaaaaaay off topic!
Hi Chris Try adding a 'vspace' tag after the image dimensions like this: <p><img src="forward arrow.jpg" width="50" height="50" vspace="300" align="center"> I just tried it and it works for me - obviously you'll have to adjust the vspace value to suit your page. I also used align right instead of center, but I guess you'll just have to play around with it. I'm assuming you're working in a div tag, not sure if it works the same in tables. |
Posted on 04/04/08 12:16:58 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
Hi Meltonian Nearly there! I've got the arrow where I want it but now it's knocked the poster image off centre. How can i realign the poster in the centre and keep the arrow where it is? |
Posted on 04/04/08 12:34:12 PM |
|
Meltonian
Highlight Hermit Posts: 90 Reply |
Re: Waaaaaaaay off topic!
Hmm... you could try using an 'hspace' tag for your main Kafka image in a similar vein to the 'vspace' tag for the arrow - that should shift it along a bit. Again you'll have to play with the values. I'm no expert though, so there may be a better way of doing it! |
Posted on 04/04/08 12:47:10 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
Hi Meltonian Boy, this is annoying. Put in an hspace value of 100. This shifted the poster half way down the page. However, it did centralise, but by this point was below the arrow. Any ideas? It's almost there. |
Posted on 04/04/08 1:03:38 PM |
|
Meltonian
Highlight Hermit Posts: 90 Reply |
Re: Waaaaaaaay off topic!
It's hard to say - perhaps you can provide some more info? Such as: Are you using divs or a table? Is the div / table a fixed width? What are the image dimensions? What alignment values do the images have? You only have to be one pixel over the available space in a fixed width div or cell to throw everything out. |
Posted on 04/04/08 1:11:41 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
I'm starting to flounder. I don't if I'm using a table or not as I took it from my existing site built by a web designer. What I'll try and do is put a left arrow up to centre the poster, but make the arrow invisible. That should balance the whole thing. The rest of the pages will have forward and back arrows so shouldn't be an issue. I'll post the result if this works! Chris |
Posted on 04/04/08 1:32:55 PM |
|
chris berry
Overhead Overlord Posts: 724 Reply |
Re: Waaaaaaaay off topic!
Hi Dave Asch sent me a revised code, but I'm starting to get lost in it all now, so I've cheated and put in an invisible arrow to balance everything off. So thanks to everyone who's helped. The result is below. I think the next step is a book on html for some serious swatting up. I'm now going to try and create a hyperlink for the button, so I'd all take cover if I was you before the barrage of posts and emails. Look out - incoming!  |
Posted on 04/04/08 10:47:46 PM |
|
dave.cox
Marquee Master Posts: 518 Reply |
Re: Waaaaaaaay off topic!
Hi Chris Creating a hyperlink is pretty straight forward. I assume your arrow is an image? <a href="hyperlink_name"><img src="image_name.gif"></a> |
Posted on 05/04/08 00:32:41 AM |
|
rufus
Destructive Demon Posts: 243 Reply  |
Re: Waaaaaaaay off topic!
It's nice to look under the hood occasionally and see what's going on in your web pages and for that reason I bought an excellent book "html: publishing on the www" by mac bride. It's in the "teach yourself" series but I don't think it's in print any longer, however you can still find it on Amazon. I use Dreamweaver myself and I used it for a quick mock up of your web page. The natural way to position the items was by using a table. Here is the code that Dreamweaver created. <body> <table width="800" border="0"> <tr> <td><div align="left"><img src="poster.jpg" width="600" height="900" /></div></td> <td><div align="right"><img src="forward arrow.jpg" width="30" height="30" /></div></td> </tr> </table> </body> Your jpg names and sizes will be different of course but this should give you what you want. Good luck rufus |
| page: 1 2 3 4 last |