Page 1 of 2 12 LastLast
Results 1 to 15 of 21

Thread: HTML Questions

  1. #1
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    HTML Questions

    I'm trying to make the attached Web page -- written entirely in Notepad -- look like the Web page at http://students.hamilton.edu/2005/jrick/, which has a ton of junk Microsoft Word inserted. To this end, I would appreciate the steps to make the following changes via HTML. Thanks so much!

    1. Remove hyperlink box from around the top graphic ("Jonathan Rick").

    2. I have Internet Explorer set to "hover" regarding hyperlinks (Tool | Internet Options | Advanced | Underline links). Thus, only when I run my mouse over the links in the attached Web page does a line appear underneath. I'd like however a line to always appear underneath, as it does in the links on http://students.hamilton.edu/2005/jrick/. Note: Using <u> is different from the underlining from hyperlinks.

    3. Remove space from between headings (e.g., "Poltical Science") and first number (e.g., "Marx on Enron...").

    4. Indent "Subscribe to our ListServ."

    5. From http://www.google.com/searchcode.html, I copied and pasted into the attached Web page the code for "Google Free web search with site search." As per Google's instructions, I changed "YOUR DOMAIN NAME" to the URL of my Web site three times. Yet whenever I search my Web site for something, I receive the message:

    Your search - [search data] - did not match any documents.
    No pages were found containing "site:students.hamilton.edu/2005/jrick/".

    Does anyone know what's wrong? Thanks again!
    Attached Files Attached Files

  2. #2
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML Questions

    > 1. Remove hyperlink box from around the top graphic ("Jonathan Rick").

    The graphic is inserted by the IMG tag, as you probably know. What creates the border is its interaction with the A (anchor) tag. To override the default, add border="0" into your IMG tag.

    > 2. I have Internet Explorer set to "hover" regarding hyperlinks (Tool | Internet Options | Advanced | Underline links). Thus,
    > only when I run my mouse over the links in the attached Web page does a line appear underneath. I'd like however a line
    > to always appear underneath, as it does in the links on http://students.hamilton.edu/2005/jrick/. Note: Using <u> is different
    > from the underlining from hyperlinks.

    Word has helped you out here with the style definitions you need (or at least a nudge in that direction):

    <pre>a:link {color:blue;
    text-decoration:underline;
    text-underline:single;}
    a:visited {colorurple;
    text-decoration:underline;
    text-underline:single;}</pre>

    These are called "pseudoclasses" (I'm not sure why) and their behavior would be documents either on Microsoft's site, W3C's, or other HTML and CSS sites.

    > 3. Remove space from between headings (e.g., "Poltical Science") and first number (e.g., "Marx on Enron...").

    Marx wrote about Enron? Well, what you've done here is start an ordered list using the [list=1] tag following the

    tag. This combination guarantees a space. You could sneak the heading inside the [list=1] tag as, effectively, you've done in the other cases. This is really not "legal" HTML, as there should not be loose text floating around inside an ordered list, but hey, whatever works.

    There probably is another way to do this using style definitions, but it would require some research before I could say what it is.

    > 4. Indent "Subscribe to our ListServ."

    You can add spaces for padding using the non-breaking space entity &NBSP; (I'm using all caps to prevent the Lounge script from converting it to a "hard space"; in real life, no one writes it in all caps). CSS defines a way to set the indent for a paragraph, but again, I haven't reviewed the documentation recently enough to recall how to do it.

    > 5. From http://www.google.com/searchcode.html, I copied and pasted...
    > No pages were found containing "site:students.hamilton.edu/2005/jrick/".

    Does Google know about your page if you search at Google.com? If not, I think it doesn't know about you even if you embed the search in your own site. If you want free site search that you control, check out Atomz Search. I think the trial is free and can run indefinitely, but please review the rules and see if I'm remembering correctly.

  3. #3
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: HTML Questions

    <P ID="edit" class=small>(Edited by Jon_Rick on 11-Jan-04 16:08. )</P>1. Thanks.

    2. How do I adapt these pseudoclasses to my links?

    3. How do I get the list to look exactly like the one at http://students.hamilton.edu/2005/jrick/?

    4. Where do I insert "&NBSP;"?

    5. I just added my site to Google via http://www.google.com/addurl.html, so I'll see if that works.

    Thanks again!

  4. #4
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML Questions

    I only have time for one question. I'll take #2.

    Add this to the <HEAD> section of your page:

    <STYLE>

    </STYLE>

    and stick those style definitions in between. This tell IE that you want all A tags to render with that style for those statuses. You also can define another one for a:hover, I believe. That might be an IE only option.

  5. #5
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML Questions

    You might consider checking HTML-tutorial websites like W3Schools.com to answer many common, basic-HTML questions.

  6. #6
    Super Moderator WebGenii's Avatar
    Join Date
    Jan 2001
    Location
    Redcliff, Alberta, Canada
    Posts
    4,066
    Thanks
    2
    Thanked 5 Times in 5 Posts

    Re: HTML Questions

    Another approach might be for you to try out the Office 2000 HTML Filter 2.0.
    It cleans most (but not all) the junk from Word documents that have been saved as a web page and is a quick way of "cleaning" up. It is a quick download and a handy tool.
    It isn't often discussed on this august board <img src=/S/grin.gif border=0 alt=grin width=15 height=15> - comes up more often on the FrontPage board.

    Just my <img src=/S/2cents.gif border=0 alt=2cents width=15 height=15>
    [b]Catharine Richardson (WebGenii)
    WebGenii Home Page
    Moderator: Spreadsheets, Other MS Apps, Presentation Apps, Visual Basic for Apps, Windows Mobile

  7. #7
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: HTML Questions

    That worked; thanks!

  8. #8
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: HTML Questions

    Great idea! Unfortunately, that tool only works with Office 2000; I have XP...

  9. #9
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: HTML Questions

    I'll do that; thanks for the link.

  10. #10
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Northern, California, USA
    Posts
    1,886
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML Questions

    oh, and don't forget WebMonkey; their tutorials are great!

    http://hotwired.lycos.com/webmonkey/...g/html_basics/

    Hope that helps!
    <IMG SRC=http://www.wopr.com/w3tuserpics/Kel_sig.gif>
    Moderator:<font color=448800> Pix Place, Internet Explorer</font color=448800>
    <small>www.kvisions.com

  11. #11
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: HTML Questions

    <P ID="edit" class=small>(Edited by Jon_Rick on 16-Jan-04 03:55. Clarification.)</P>Okay, I've referenced both tutorials, but I'm still stuck on this one last thing.

    Please use the HTML I'm attaching.

    I want the headings (Political Science, Philosophy, History, Miscellany, and Links) to be indented to the left (like Political Science and Links), but without the space between the heading and line directly below (like Philosophy, History, and Miscellany). In other words:

    Political Science
    Attached Files Attached Files

  12. #12
    Uranium Lounger
    Join Date
    Jan 2001
    Location
    Cincinnati, Ohio, USA
    Posts
    7,089
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML Questions

    I hope we're not doing your computer class assignment for you!

    You are not closing your ordered lists (the pair). Instead you have one list, and you are adding bullet points to the same list. Therefore, items not preceded by the [*] tag do not inherit the normal page indent.

    Close each of your sections with [/list], before the

    tag that appears, and your indent should be fixed.
    -Mark

  13. #13
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: HTML Questions

    Hi,

    No, this is my personal Web page -- for me.

    I didn't close the [list=1]s because I want a running list. And closing the [list=1]s doesn't *only* produce the list I described previously...

  14. #14
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML Questions

    CSS offers a text-indent property. This can be negative to "outdent" the text from its default position. So you could add this to your STYLE definitions:

    .leftjust {font-weight: bold; text-indent: -30pt}

    and change your headings inside the OL tags to:

    <span class="leftjust">Political Science</span>

    To get the desired effect. Assuming that your computer, like mine, indents list items by 30 points from the page margin. I don't know if this is valid across the board. All comers are welcome to view the attached and see...

    Note: In this case, the margin-left property gives similar results. The results would differ if there were more than one line of text, since the text-indent affects only the first line.
    Attached Files Attached Files

  15. #15
    5 Star Lounger
    Join Date
    Jun 2001
    Location
    USA
    Posts
    708
    Thanks
    48
    Thanked 1 Time in 1 Post

    Re: HTML Questions

    Thank you a thousand times! Check out the result at http://students.hamilton.edu/2005/jrick/!

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •