HTML - Random Text/images Generator

Hey all.
I'm attempting to build a website, that when you click a button on the page it links you to a random website; that is sourced from a text document. In short, is this possible.

At the moment the only way I can see doing this is:

Code:

Lucky[0] = "http://www.the-penthouse.com.au/";
Lucky[1] = "http://first.com.au/";
Lucky[2] = "http:/second.com.au";
Lucky[3] = "http://third.com.au/";

However it wouldn't be suitable because I have over 300 sites.

Any help would be awesome!

Hi,


any possible way I can make a table show an image which is randomly selected from a bunch of them? Would I need javascript?


something like I have 5 images that are 400x100 and I would want one of the 5 to be randomly selected and displayed each time the page is viewed. Or maybe each day it changes like igoogle home.

I'm writing a blog posta nd I want to enter text and images.

But when I do, the text and images appear next to one another and I don't want that. I want the text to come UNDER and ABOVE the image rather than on the side of it.

Currently, I have:
Code:

<img src="/images/menu.jpg" alt="Menu" />

<p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p>

Text Here

As you can see, I have to enter a lot of manual paragraphs.

Is there a better way of separating the text from the images

hey ive been doing html a little while now and to move things around my webpage ive been using the <div> tag but when i change the screen resolution the images / words move to a different placee is there another way of doing it so they dont move if im adjusting the screen resolution somebody please help

<div id="myBox">
<p>4 Wheel Madness</p>
<img src='sampleimage.png' width="65" height ="65" alt="img">
</div>

What would i add to this to make the image go to the LEFT of the box, and then the text to go to the RIGHT of the box?

##### Text here,
##### Text here,
##### Text here,

^ Just like that

Thank you for any comments

please, check http://members.dodo.com.au/~rouslan/...ite/index.html

I need to know how to get rid off strange effect down the bottom

and

how do I make text and image aligned on the same "line", "level"

e.g.

image image text text text text text text text text
image image text text text text text text text text
image image text text text text text text text text
image image text text text text text text text text

Hello HTML experts; a nooby here. Searched for this and found tons of posts but none seemed to fit my question or fix my problem. To show what I am trying to do, I put all the details he http://www.sticksite.com/align/ Is there a solution that a nooby can understand?

THANKS for your time!

I've got a line of text that includes some IMG tags. The images are 23 pixels high and the text is about 16 pixels high.

So the IMGs increase the height of the line. Normally, Text and IMGs are aligned to "the bottom", so that the IMGs are much taller than the text.

I could increase the size of the text so that it was as tall as the IMGs, but I'd rather not.

I want the text to be vertically aligned to the "middle", so that the line looks better. Is that possible?

Hello All,

I cant seem to lock a form and images in a browser, I have all center and when it opens it remains centered but when I shrink the browser window the images/form moves...

My CSS is
<style type="text/css">
<!--
body {
background-image: url();
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin: 0;
padding: 0;
}
-->
</style></head>
<style type="text/css">
<!--
#centerDIV0 {
width: 100%;
text-align: justify;
overflow: hidden;
position: absolute;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
visibility: visible;
background-image: url(CS_bkgd.jpg);
background-repeat: repeat;
}

#centerDIVX {
text-align: center;
overflow: hidden;
position: absolute;
margin: 0px;
padding: 0px;
vertical-align: middle;
z-index: 2;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
}
#centerDIVZ {
z-index: 2;
overflow: hidden;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
vertical-align: middle;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
margin-top: 380px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
visibility: visible;
padding-top: 0px;
padding-bottom: 0px;
padding-left: -300px;
}

-->
</style>

And Html is...

<body>

<div id = "centerDIV0">
</div>

<div id="centerDIVX"><img src="CS_bkgd.gif"/></div>

<div id="centerDIVZ" bgproperties="fixed">
<form action="mailto:tastetation301@yahoo.com" method="post" enctype="text/plain" onsubmit="location.href='thanks.html'">
<p><br/>
<strong>Name:</strong> <input type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-size: 12px; background-color: #000000;" size="0" maxlength="50" align="justify"/>
<br/>
<strong>Email: </strong><input type="text"STYLE="color: #FFFFFF; font-family: Verdana; font-size: 12px; background-color: #000000;" size="0" maxlength="50" align="justify"/>
</p>
<input type="submit" value="Submit"/><input type="reset" value="Reset">
</form>
</div>

</body>
</html>

THANKS FOR YOUR ASSISTANCE!!!!

I have the following code:

<li><?php echo t("You are logged in as <strong>!user</strong>", array('!user' => l($user->name, "user"))); ?><?php echo user_badges_for_uid($user->uid); ?> &nbsp;<b>|</b>&nbsp;<?php echo l(t("Edit"), "user/" . $user->uid . "/edit");?> &nbsp;<b>|</b>&nbsp;<?php echo l(t("Log out"), "logout"); ?>&nbsp;</li>



user_badge_for_uid function returns an image, a badge for the user. This, however, is causing a line break.

The output is coming like this;

You are logged in as: Navs
image
| Edit | Logout

How can I do without the line breaks?
Please help
thanks
Navs

--deleted--

I'm trying to position text, links and pictures to follow one after the other, but it doesn't work.


I want to see

"Homepage" on the left corner of my webpage
"Next" on the right corner of my webpage

Unfortunately this command doesn't work properly.

<div style="text-align:left;solid 2px #ff0000;"><a href="F:\Webcomic\Website Folder\NWvisuals-Index.html"> Home</a> <p align=right><a href="F:\Webcomic\TheEyeoftheWorld3.html">Next</a></div></p>

It makes the "Next" go down a line, instead of being in the same line of the "Homepage".



Also, on that vein, is there any way I can align images and text on the same line without using spaces*?

As in:

<p align="left">Hello</p> <p align="center">Hello</p> <p align="right">Hello</p>

But they all should stay on the same line. Any guides, or even links to tutorial about my issue would be appreciated. I've been trying to google for a while, it's becoming frustrating.


*I think the problem with spaces is that people with different resolution would see the text in different places than I want them to see.

i am new, i found this site through google and seen how helpful everyone is and decided to join to try and find an answer.
i got the design for the site from a template but i remade a majority of it and used photoshop to slice it.

so heres the problem, the page is fine the way it is, but i need to be able to type in the white area.
i dont know if a code exists to do such a thing but i attempted to will in the white area with a table instead of the image.

please help me.
thanks in advance.


http://haskinsart.awardspace.com/index.html
above is the page with the image as the white space (the body(where i want to type))

http://haskinsart.awardspace.com/indexart.html
and this one has the table. but as u can see now i have gaps!!! please help me.

I have list of files in a folder which are to be displayed in html table.

Each file should be shown as follows
------------
| image1|
| |
------------
<image 1 file name>
------------
| image2|
| |
------------
< image 2 file name>

its image and name of the file below the image.

I am new to this html and needs help!

Thank you,
Krishna.