Page 1 of 3 123 LastLast
Results 1 to 15 of 31
  1. #1
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Bullet points not showing on website

    Hi,

    I have designed a website: www.make-a-date.org/old

    and l am baffled as to why the bullet points are not showing on index.html and speed_dating_tips.html pages.
    They appear fine in browser preview mode in Dreamweaver but not when l ftp the files across.

    Any help would be appreciated.

    Justin.

  2. #2
    Super Moderator
    Join Date
    Dec 2000
    Location
    Renton, Washington, USA
    Posts
    12,560
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Re: Bullet points not showing on website

    Do you mean these that shown in the attachment, if not where should they be?
    Attached Images Attached Images

    Now running HP Pavilion a6528p, with Win7 64 Bit OS.

  3. #3
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    Dave,

    The website l am referring to is: www.make-a-date.org/old
    and not www.make-a-date.org.
    The bullet points should be showing on the index.html page and speed dating tips page but are not.
    see attachment.

    Justin.
    Attached Files Attached Files

  4. #4
    5 Star Lounger jujuraf's Avatar
    Join Date
    Jun 2001
    Location
    San Jose, California, USA
    Posts
    1,061
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    Yikes, I'm glad I'm not maintaining this site <img src=/S/hairout.gif border=0 alt=hairout width=31 height=23> <img src=/S/laugh.gif border=0 alt=laugh width=15 height=15> I haven't seen 15 levels of DIV between LI and the text!! I was able to get the bullets to show by specifically re-defining LI to a bullet (I chose square). I uploaded the index.htm and .css file to my server and can see the bullets in IE. Normally you shouldn't have to explicitly define the bullet type with LI but maybe because of all the extra fluff in between it gets lost. Also, with all your many styles embedded directly in the index.htm it greatly ssslllllooooowwwwssssss down my Dreamweaver MX program. It took such a long time to respond to any style edits I made I almost thought it was locked up. I'm sure it's because of all the extraneous nesting you have to force alignments when you could just use a single DIV with the proper css definition.

    Deb
    Attached Images Attached Images

  5. #5
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    Deb,

    Yes it is very slow in loading up and is a pain to edit due to this.
    Being self taught no-one has really teached me the proper way to code but l can see where l have go wrong and have learnt not to do this on the next site l design.
    The next site that l code l will learn CSS in order to avoid this problem.
    Would you be able to send me the revised index.html and CSS files so l can use them in order to update the site.
    Also can you tell me (in simple steps) how l go about putting all the bullet points in the site by using the method you have mentioned?

    Thanks for your help.
    Justin.

  6. #6
    5 Star Lounger jujuraf's Avatar
    Join Date
    Jun 2001
    Location
    San Jose, California, USA
    Posts
    1,061
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    To get the bullets to show you need to explicitly define the bullet style with the LI tag. The picture I showed you was how to do it in Dreamweaver where it creates the style for you instead of you manually adding it as I assume you did with all your other styles. The actual code is:
    <pre>li { list-style-type: square; }</pre>

    So every instance of <LI> will have a square bullet.

    Generally it's best to keep all your styles in one (or more) .css files. These are just text file with the .css extension (this name is not required, but it's a common naming convention). You can just copy exactly what you have already between the <script> tags and put them in this file. You then have to include the 'path' to the .css file in your HTML file so it knows where to read the styles from. LIke this:
    <pre><script language="JavaScript" src="makeadate.css"></script></pre>

    This single line replaces all your embedded style definitions in your index.html page. It makes for re-use of styles and cleaner code (aka easier for humans to read and maintain).

    There are 1000's of sites you can go to learn CSS and many books. Think of it as a way to organize and plan your site design and layout. If you know you want all text to be Arial, 12pt, justified, blue, line height 18pt then create one style called ParaText and save it for use everywhere. Also since you're using Dreamweaver, use that tools it comes with to help you build the web page, it's a great program. Run through the tutorials and read all the help regarding CSS, table layout, etc.

    I attached your .zip file with the two files + one .css file. I edited your index.html file to reference the .css but didn't change any of your other code (other than deleted 100's of blank lines purely for readablity).

    I notice that you have 6 references to a file on your computer in the index.html file. This won't work when you upload the pages to a web server. You need to use the file path of the server instead. When the page is loaded, the web server won't be able to find the file on your C: drive.
    <pre>[img]file:///C|/makeadate/pixel.jpg[/img]</pre>

    Also, the mailto: reference you have at the end of file is wrong, it won't work as I think you intend it to work it since there is no email address listed. The syntax should be:
    <pre><a href="mailto:yourname@yourdomain.com?subject=this is my subject?body=this is the body of my email>Contact Me</a></pre>

    Where 'Contact Me' is the text the user would click to launch their email program with the above text pre-loaded
    Thnx, Deb
    Attached Files Attached Files

  7. #7
    5 Star Lounger jujuraf's Avatar
    Join Date
    Jun 2001
    Location
    San Jose, California, USA
    Posts
    1,061
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    I think it's great you have the motivation and interest to be self-taught (most of us are) but the reason your site is difficult to maintain is not due to CSS it's just the way it's layed out and you don't need CSS to do that (or to fix it). You also chose a difficult layout for your first web site with newspaper-like columns. It might be easier to manually draw out what you want on graph paper and then use tables for the layout in DW (some people prefer layers to tables but as a beginner, and for better cross-browser compatability, I'd suggest starting with tables and rows/cols). You just need a table with three columns to duplicate your 3 major zones. Start with something simpler first.

    Again I'd suggest using the tools you already have to learn the basics before trying something more complex. Dreamweaver has tons of tutorials and there are 1000's of beginner web sites to pick this stuff up.

    <img src=/S/2cents.gif border=0 alt=2cents width=15 height=15>
    Deb

  8. #8
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    Thank you very much for your comments.
    I will bear these comments in mind when desigining my next site.
    In future l will draw out the design on paper then use CSS to design the site.
    Do you know of any websites and / or books which are mighe be useful in learning CSS.

    Regards
    Justin.

  9. #9
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    Thank you very much for taking the time to look at the code for me , it is much appreciated.
    To place the other LI styles in the site l just inserted a bullet point by clicking on the bullet point styles at the bottom of the page obvioulsy l have been doing this wrong. But as l am self-taught no-one has taught me the correct way to do this before.
    I will have a look at the CSS file and try and change it so the a circular bullet point is shown rather than a square bullet point.
    I am not to sure how to change the speed dating tips page so that it uses the CSS.
    Could you possibly remove the irrelavant code from the speed dating tips page so that it uses the CSS, not being upto much up on coding side l am not to sure what to delete and might make things worse by deleting some of the code.
    It would be much appreciated if you could do this for me ,as this problem has been bugging me for a while.

    Thanks once again for your help.

    Regards
    Justin

  10. #10
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    Deb,

    I noticed that you have changed the speed dating tips page also, l assume this site will be ok and will show the bullet points when ftp it across to the server?
    Also l noticed that on some pages there is a lot some empty space at the bottom of the page (such as the index page and dinner dates page), is there any simple way to remove this unwanted space or would it involve a complete redesign of the website?

    Justin.

  11. #11
    5 Star Lounger jujuraf's Avatar
    Join Date
    Jun 2001
    Location
    San Jose, California, USA
    Posts
    1,061
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    For learning CSS, I already mentioned there are 1000's of site and books out there (just do a search for 'beginner CSS') but since you have Dreamwaver just hit F1, type 'CSS' and read everything they have. But again, I think you're trying to jump ahead to step 5 without really finishing steps 1-4 in the road to learning web page design. You need to learn how to hand code HTML and what it looks like and how to do simple table layouts. This has nothing to do with CSS. Otherwise, you'll always get stuck on easy things and even with an editor as good as Dreamweaver is, there are plenty of times you just have to look/edit the code manually.

    So I recommend using the resources you already have (free) and read the DW tutorials and help files and then move on to the 1000's of web resources. There are cheap classes at http://www.eclecticacademy.com and http://www.lvsonline.com/schedule.shtml plus basic tutorials at http://www.westciv.com/style_master/house/index.html. But again, don't bother with CSS if you don't yet feel comfortable with plain old HTML coding and using tables to design the layout.

    Deb

  12. #12
    5 Star Lounger jujuraf's Avatar
    Join Date
    Jun 2001
    Location
    San Jose, California, USA
    Posts
    1,061
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    As to the LI style you said you pushed the LI button on Dreamweaver's tool bar and that is OK, that's fone way to add list items (UL then LI for each item). However.... you get more control over exactly how LI looks if you attach a custom style to this tag. I think it helps to use Dreamweaver in split screen mode so you see half of the page in graphical mode and also see the code (use the button to the right of "< >" to view a split window). As you push those buttons on Dreamweaver to add items, you'll see the code that gets written. As a beginner, it's much better to learn to manually code HTML than rely on an editor to do it for you.

    If you want a circle bullet, just change the word 'square' to 'circle' in the CSS definition. The reason you HAVE to define a circle as oppose to it being the default I can't say exactly other than Dreamweaver is so confused by so many layers of extra fluff that it forgets. It's better to explicitly define it anyway just in case.

    To edit the pages you have, just delete the blank lines, it's just a text file and it won't affect the way it's viewed by the browser. *** This is why you need to learn HTML before trying to learn CSS, you're way way ahead of yourself *** <img src=/S/please.gif border=0 alt=please width=31 height=23> <img src=/S/please.gif border=0 alt=please width=31 height=23>

    Deb

    Deb

  13. #13
    5 Star Lounger jujuraf's Avatar
    Join Date
    Jun 2001
    Location
    San Jose, California, USA
    Posts
    1,061
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    In the speed_date.html file you have blank lines from lines 4-934, just delete them like you would a Word file or anything else. I didn't want to do it all for you since this is just cleaning up, it's not coding HTML. Then your embedded styles are lines 963-1037 so just delete those lines and add the <script> tag like I did in index.html to point to makeadate.css (which I already included in the last post. The whole point of using an exteral .css file is so you don't have to keep repeating the same definition in each file. This just sets you up for making more errors.

    I deleted the styles in index.html and added them to this .css file. I attach two versions of this speed_date.html file one original, the other edited. Please look at both and start trying to learn raw HTML else you're really limiting yourself in my opinion and won't be able to fix/tweak the pages as needed (no editor can do exactly what you need in every instance).

    View the code in 'code' mode by clicking the button that has " < > " on it and go at it. Since you asked this question I'm tempted to think you've never looked at the code itself so you're not sure how to edit it directly. (But then again, you added the styles directly inside the HTML page so they got there somehow.) To remove the embedded CSS just delete them from the page and add the <script> tags as I mentioned before to point the page to the makeadate.css file. I already did this in the index.html page so just look at that one. I also added some comments for you in the sections that I removed - look toward the top of the code. See line 56 in index.html

    Deb
    Attached Images Attached Images

  14. #14
    5 Star Lounger jujuraf's Avatar
    Join Date
    Jun 2001
    Location
    San Jose, California, USA
    Posts
    1,061
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Bullet points not showing on website

    I forgot to add the .zip file with your edited files (I just deleted the embedded styles - see the code for yourself - read the comments I added)

    Deb
    Attached Files Attached Files

  15. #15
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    'Syntax Error' message in browser preview mode

    I appear to be getting a "Syntax Error" message when l preview the attached index.html file in IE browser within
    Dreamweaver.
    Any assistance as to what is causing this error message would be appreciated.
    I have looked at the code as to what is causing this but cannot work out why this is.
    see attachment for the error message and the index.html file.

    Regards
    Justin
    Attached Files Attached Files

Page 1 of 3 123 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
  •