• 0

need help with class thing


Question

okay, here's the thing. classes have just started and i've already completed the entire book except for one chapter towards the beginning. i'm getting it all in now, so the stupid professor will let me test out and get the credit before i move.

so, here it is.

<HTML>

<HEAD>

<TITLE>Touchstone Booksellers</TITLE>

</HEAD>

<BODY background="images/eggshell.jpg">

<FONT FACE="arial, helvetica, sans serif">

<H1>Touchstone Booksellers</H1>

<img src="images/book.gif" align="left" height="148" width="148" alt="an open book">

<H3>Specializing in <EM>nonfiction</EM> of all types</H3>

<ul>

<li><A HREF="construction.htm">Place an order</A>

<li><A HREF="construction.htm">Search our stock</A>

<li><A HREF="construction.htm">Out-of-print searches</A>

<li><A HREF="construction.htm">Events calendar</A>

</ul>

<br>

<P>Join our <STRONG>preferred reader</STRONG> program for <FONT COLOR="#5959AB">10% off</FONT> your purchases!

<H5 ALIGN="right">an independent, locally-owned bookstore since 1948</H5>

</FONT>

</BODY>

</HTML>

really simple right? well, what i NEED to do, is fix it so the unordered list has bullets. the bullets are actually THERE, but they seem to be BEHIND the picture. i canNOT change the size of the picture. i tried hrspace but it moves all of that section. all i need are the bullets showing.

i KNOW it's probably a simple fix, but i can't think of what! i've tried everything!

Edited by triliaeris
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

try using a table:

&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;Touchstone Booksellers&lt;/TITLE&gt;
&lt;/HEAD&gt;

&lt;BODY background="images/eggshell.jpg"&gt;
&lt;FONT FACE="arial, helvetica, sans serif"&gt;

&lt;H1&gt;Touchstone Booksellers&lt;/H1&gt;

&lt;!-- ######## ADDED ########## --&gt;
&lt;table&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;!-- ####################### --&gt;

&lt;img src="images/book.gif" align="left" height="148" width="148" alt="an open book"&gt;

&lt;!-- ######## ADDED ########## --&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;!-- ####################### --&gt;

&lt;H3&gt;Specializing in &lt;EM&gt;nonfiction&lt;/EM&gt; of all types&lt;/H3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Place an order&lt;/A&gt; 
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Search our stock&lt;/A&gt; 
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Out-of-print searches&lt;/A&gt; 
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Events calendar&lt;/A&gt;
&lt;/ul&gt;

&lt;!-- ######## ADDED ########## --&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;!-- ####################### --&gt;

&lt;br&gt;
&lt;P&gt;Join our &lt;STRONG&gt;preferred reader&lt;/STRONG&gt; program for &lt;FONT COLOR="#5959AB"&gt;10% 

off&lt;/FONT&gt; your purchases!

&lt;H5 ALIGN="right"&gt;an independent, locally-owned bookstore since 1948&lt;/H5&gt;

&lt;/FONT&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

Link to comment
Share on other sites

  • 0

nope, can't. i can only use those in the later chapters. i totally have to follow the rules on how i'm supposed to do this.

all i can use basically, are basic tags like alignment and list, things like that.

thanks for trying though! :)

Link to comment
Share on other sites

  • 0

hmmm.. i guess you can add to your <img> tag:

hspace="20"

so its like: <img hspace="20" src=...>

that adds horizontal spacing to both sides of the image though...

not sure if that's what you want or not.. but it works

Link to comment
Share on other sites

  • 0

I dont know if this is what you are looking for, but i got it to work for you. I just added in a bunch of <br> statements after the <img> tag

&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;Touchstone Booksellers&lt;/TITLE&gt;
&lt;/HEAD&gt;

&lt;BODY background="images/eggshell.jpg"&gt;
&lt;FONT FACE="arial, helvetica, sans serif"&gt;

&lt;H1&gt;Touchstone Booksellers&lt;/H1&gt;
&lt;img src="images/book.gif" align="left" height="148" width="148" alt="an open book"&gt;
&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
&lt;H3&gt;Specializing in &lt;EM&gt;nonfiction&lt;/EM&gt; of all types&lt;/H3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Place an order&lt;/A&gt;&lt;/li&gt;
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Search our stock&lt;/A&gt;&lt;/li&gt;
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Out-of-print searches&lt;/A&gt;&lt;/li&gt; 
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Events calendar&lt;/A&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;br&gt;
&lt;P&gt;Join our &lt;STRONG&gt;preferred reader&lt;/STRONG&gt; program for &lt;FONT COLOR="#5959AB"&gt;10% off&lt;/FONT&gt; your purchases!

&lt;H5 ALIGN="right"&gt;an independent, locally-owned bookstore since 1948&lt;/H5&gt;

&lt;/FONT&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

Hope its ok :)

Link to comment
Share on other sites

  • 0

Ideally, you'll need CSS properties to fix this. By default, the bullets are supposed to behave that way (believe it or not). But if you add this attribute, your bullets will appear where you want them.

&lt;ul style="list-style-position: inside;"&gt;
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Place an order&lt;/A&gt;&lt;/li&gt;
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Search our stock&lt;/A&gt;&lt;/li&gt;
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Out-of-print searches&lt;/A&gt;&lt;/li&gt;
&lt;li&gt;&lt;A HREF="construction.htm"&gt;Events calendar&lt;/A&gt;&lt;/li&gt;
&lt;/ul&gt;

Although in an even more "perfect" HTML world, you should being using CSS to position, size, and stylize all your HTML content. You shouldn't be using deprecated font tags or align, height, width attributes in your HTML.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.