www.webdeveloper.com
Results 1 to 3 of 3

Thread: Images in Tables

Hybrid View

  1. #1
    Join Date
    Jun 2005
    Posts
    1

    Question Images in Tables

    I have a little problem here. I learned how to make websites in school this year and i am not very good at it probably compared to your standards. Anyways I'm making a website for my family for some quick bucks. I haven't purchased a domain name because i want to finish it befor I put it on the web.
    So im doing fine and im doing the picture page.
    It has a table with 2 rows and pictures in every cell.When
    i check it out in firefox and its fine buy when I check in Internet explorer all the pictures are gone. I think it has something to do with how the pictures are stored. I save everything under a folder 'webroot'.

    Then i have a seperate folder 'pics'
    when i enter the address in mozilla to bring up he pics its fine, but when i do the same for IE it doesnt work. Maybe it's just my computer or something but i really need some help. Thx


    I also suppose since you dont have the same pics and backgrounds i do u'll have to get ur own and save them like idid. I dont really expect anyone to go to so much trouble for me but its a challenge.
    Here is the code since i can't put the hyperlink up here:

    <html>
    <head>
    <title>my Page</title>
    <!------------------------------Begin Head---------------------------------------------->
    <style type="text/css">
    <!--

    Body {
    scrollbar-face-color:000000;
    scrollbar-arrow-color:ff0000;
    scrollbar-track-color:000000;
    scrollbar-shadow-color:ff0000;
    scrollbar-highlight-color:ff0000;
    scrollbar-3dlight-color:ff0000;
    scrollbar-darkshadow-color:ff0000;
    }

    p.dotted {border-style:dotted; border-color: steelblue}

    p.dashed {border-style:dashed; border-color: steelblue}

    p.solid {border-style:solid; border-color: steelblue}


    h1 {font-face: arial; color: #000000; font-size: 26;}

    h2 {font-face: arial; color: #000000; font-size: 18;}

    -->
    </style>

    <!------------------------------End Head------------------------------------------------>
    </head>
    <body><body background="backs/water.jpg">
    <marquee behavior=alternate><font size=+10 font face=chiller>
    Pictures
    </font></marquee>

    <!------------------------------End Title------------------------------------->

    <!------------------------------Start Page------------------------------>
    <h1><u>Bruce's Pictures</u></h1>
    <table width=100%>
    <tr>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    </tr>

    <tr>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    <td width=20%><img height=90% src="pics/1.jpg"><br><center>Text</td>
    </tr>
    </table>
    <br>
    <hr>
    <br>



    <!-------------------------------End Page------------------------------------>
    </body>
    </html>


  2. #2
    Join Date
    Jul 2004
    Location
    Canada, eh
    Posts
    784
    A few things:
    - HTML attributes should always be in quotes. So, where you have things like <td width=20%> it should be <td width="20%">
    - You should end your <center> tags with a </center> tag
    - Take the height=90% out of your <img> tags
    - Edit - just noticed, you have an extra <body> tag, too

    I should also mention that all of that still leaves your page far from valid, but I won't try to help you make a valid page unless you want to.
    Last edited by HaganeNoKokoro; 06-19-2005 at 01:30 PM.
    Kids, kids... you tried your best, and you failed miserably; the lesson is: never try.

  3. #3
    Join Date
    Jun 2004
    Location
    England
    Posts
    2,972
    Try src="/pics/1.jpg".

    Although you should note that a table isn't apropriate for this, at all. You should also add a doctype an be aware that scrollbar colors don't appear in the specifications and are not supported by any browser except IE.
    Disclaimer. (1) Whilst I will help you sometimes, if I feel like it, and my advice in relation to your actual question will be of good quality: my posts are to be taken with a pinch of salt. I will be sarcastic, deploy irony and include obscure cultural references for my own amusement without warning.
    (2) You will gain nothing from complaining, and if you try to argue with me then you will not win. No matter how noble your battle seems, I am still better than you, don't be an hero.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles