I am doing a website for a university assignment, this is a rough looking site at the mo i have got a blank gry image on the right of the screen under offer of the week, i can not get the writing to the right of this image any idea's ?
here is the web address - <!-- m --><a class="postlink" href="http://mi-linux.wlv.ac.uk/~0602840/main.php">http://mi-linux.wlv.ac.uk/~0602840/main.php</a><!-- m --> take a look tell me what i am able to do to change this please..First, you can't have two DOCTYPES declared, therefore, before the opening <body> tag, clean up your code to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--Title of the webpage-->
<title> The Strip - Comic Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Link to the css style sheet-->
<link rel=stylesheet href=http://www.webdeveloper.com/forum/archive/index.php/"css1.css" type="text/css">
</head>
<body>
Next, to wrap the text around the image, try floating the image:
img.graybox{
float:left;
}
Then apply the class to the image tag:
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image/comic.jpg" width="30%" alt="comic image" class="graybox">
Adjust the spacing around the image and text with padding on the gray box class.Thanx that helpped me greatly now i am having the same problem with the center column but using a class doesn't work grrrrYou realize you still have redundant <html> and <head> tags again? You need to modify to this again:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--Title of the webpage-->
<title> The Strip - Comic Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Link to the css style sheet-->
<link rel=stylesheet href=http://www.webdeveloper.com/forum/archive/index.php/"css1.css" type="text/css">
<style>
img.graybox {
float:left;
padding: 1em;
}
</style>
</head>
<body>
If you're using a text editor, double check it's not adding the extra <html> or <head> tags.
I'm relatively certain the reason why your text isn't wrapping in the center column is you have long strings of text. Break those into paragraphs. I believe that will cure your problem.Yes, I think your strings of text are not displaying correctly because you've got no spaces.. try that.i found out why the redundant <html> and <head> tags keep appearing stupid me, i had my menu on a php file and used the include command, And the html notepad i was using atomatically put them in and i didn't give it another thought. lolNo browser can display this correctly if the container is less-than the length of the longest un-broken text line ("sentence"):
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image/comic.jpg" width="10%" alt="comic image" class="graybox"> <p>jdfnjsdnfdsnfdsnfmndsmfns,mdnfmsdnfm,snngngmfngm,fngnfgnfwewewewewew</p> <p>mgn,fmng,mfng,mfngfgfgfgfgfsgfsgfgdfgdfgdfgdfgdfgdfhfjdhfjdhsjfhdsfh</p> <p>mgn,fmng,mfng,mfngfgfgfgfgfsgfsgfgdfgdfgdfgdfgdfgdfhfjdhfjdhsjfhdsfh</p> <p>mgn,fmng,mfng,mfngfgfgfgfgfsgfsgfgdfgdfgdfgdfgdfgdfhfjdhfjdhsjfhdsfh</p>
IE will incorrectly expand the container, and Firefox will let the text 'overflow' through the side of the container, usually creating a scrollbar...
Seriously, -get Ipsum.
e.g., <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Suspendisse egestas ultricies pede. Phasellus suscipit blandit risus.
Praesent nonummy. In erat. Duis nibh pede, accumsan eu, pulvinar et,
volutpat vel, elit. Curabitur nec dui sed nunc congue tempus. Nulla ac
dui ac libero fringilla nonummy. Maecenas ullamcorper sodales risus.
Vivamus pretium dolor. Proin eu turpis. Phasellus ut mauris non nulla
mattis luctus. Nunc porttitor dapibus sapien. In malesuada fermentum
metus. Nulla egestas, tellus a vestibulum pharetra, nunc purus auctor
lacus, ut semper purus ipsum eu velit. Praesent dui. Nulla accumsan
turpis at erat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros.
Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium
quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar
purus, vel hendrerit ipsum tellus at ante.</p> This is "dummy text' which essentially is without meaning (although it usually translates to something about 'no man desires pain... blah-blah blah, etc'). Useful for testing your textual containers' ability to 'contain' useful text, that said container 'expands' if necessay, aid for providing padding, font-weight/family, etc (which would be added later).I love Lorem Ipsum!!! I create my graphic designs using it. Great to work out designs around content; allowing me to alter the proper content before I insert it.
Just google "Lorem Ipsum", copy and paste the block of text and away we go!sorted the text alignment it was a range of small things combined to make it all look weird, thanx for all the advise
here is the web address - <!-- m --><a class="postlink" href="http://mi-linux.wlv.ac.uk/~0602840/main.php">http://mi-linux.wlv.ac.uk/~0602840/main.php</a><!-- m --> take a look tell me what i am able to do to change this please..First, you can't have two DOCTYPES declared, therefore, before the opening <body> tag, clean up your code to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--Title of the webpage-->
<title> The Strip - Comic Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Link to the css style sheet-->
<link rel=stylesheet href=http://www.webdeveloper.com/forum/archive/index.php/"css1.css" type="text/css">
</head>
<body>
Next, to wrap the text around the image, try floating the image:
img.graybox{
float:left;
}
Then apply the class to the image tag:
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image/comic.jpg" width="30%" alt="comic image" class="graybox">
Adjust the spacing around the image and text with padding on the gray box class.Thanx that helpped me greatly now i am having the same problem with the center column but using a class doesn't work grrrrYou realize you still have redundant <html> and <head> tags again? You need to modify to this again:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--Title of the webpage-->
<title> The Strip - Comic Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Link to the css style sheet-->
<link rel=stylesheet href=http://www.webdeveloper.com/forum/archive/index.php/"css1.css" type="text/css">
<style>
img.graybox {
float:left;
padding: 1em;
}
</style>
</head>
<body>
If you're using a text editor, double check it's not adding the extra <html> or <head> tags.
I'm relatively certain the reason why your text isn't wrapping in the center column is you have long strings of text. Break those into paragraphs. I believe that will cure your problem.Yes, I think your strings of text are not displaying correctly because you've got no spaces.. try that.i found out why the redundant <html> and <head> tags keep appearing stupid me, i had my menu on a php file and used the include command, And the html notepad i was using atomatically put them in and i didn't give it another thought. lolNo browser can display this correctly if the container is less-than the length of the longest un-broken text line ("sentence"):
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image/comic.jpg" width="10%" alt="comic image" class="graybox"> <p>jdfnjsdnfdsnfdsnfmndsmfns,mdnfmsdnfm,snngngmfngm,fngnfgnfwewewewewew</p> <p>mgn,fmng,mfng,mfngfgfgfgfgfsgfsgfgdfgdfgdfgdfgdfgdfhfjdhfjdhsjfhdsfh</p> <p>mgn,fmng,mfng,mfngfgfgfgfgfsgfsgfgdfgdfgdfgdfgdfgdfhfjdhfjdhsjfhdsfh</p> <p>mgn,fmng,mfng,mfngfgfgfgfgfsgfsgfgdfgdfgdfgdfgdfgdfhfjdhfjdhsjfhdsfh</p>
IE will incorrectly expand the container, and Firefox will let the text 'overflow' through the side of the container, usually creating a scrollbar...
Seriously, -get Ipsum.
e.g., <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Suspendisse egestas ultricies pede. Phasellus suscipit blandit risus.
Praesent nonummy. In erat. Duis nibh pede, accumsan eu, pulvinar et,
volutpat vel, elit. Curabitur nec dui sed nunc congue tempus. Nulla ac
dui ac libero fringilla nonummy. Maecenas ullamcorper sodales risus.
Vivamus pretium dolor. Proin eu turpis. Phasellus ut mauris non nulla
mattis luctus. Nunc porttitor dapibus sapien. In malesuada fermentum
metus. Nulla egestas, tellus a vestibulum pharetra, nunc purus auctor
lacus, ut semper purus ipsum eu velit. Praesent dui. Nulla accumsan
turpis at erat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros.
Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium
quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar
purus, vel hendrerit ipsum tellus at ante.</p> This is "dummy text' which essentially is without meaning (although it usually translates to something about 'no man desires pain... blah-blah blah, etc'). Useful for testing your textual containers' ability to 'contain' useful text, that said container 'expands' if necessay, aid for providing padding, font-weight/family, etc (which would be added later).I love Lorem Ipsum!!! I create my graphic designs using it. Great to work out designs around content; allowing me to alter the proper content before I insert it.
Just google "Lorem Ipsum", copy and paste the block of text and away we go!sorted the text alignment it was a range of small things combined to make it all look weird, thanx for all the advise