Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Dreamweaver CS4 Help?

Options
  • 20-04-2009 1:59pm
    #1
    ergonomics
    Registered Users Posts: 1,810 ✭✭✭


    Hi,

    Don't know if this is the right place for this so feel free to move.

    Trying to create a basic enough site in Dreamweaver CS4 for a college project. I inserted a new layer and added an image to it with ALT text. When I view the site in Firefox I get the image but no ALT text. When I view it in Internet Explorer I get the ALT text but a broken image.

    I have no idea what I am doing wrong and was wondering if anyone could help?

    Thanks.


Comments

  • Options
    #2
    Deliverance XXV
    Registered Users Posts: 1,757 ✭✭✭Deliverance XXV


    Hi Aoife :)
    Can you copy and paste the code here? I presume when you say layer you mean 'div'? Does the code work outside a 'div'?

    Are you getting the 'alt' text from hovering over the image or right clicking image and checking description?
    Normally, 'alt' tags are used for accessibility more so than 'hover text' over an image. If it's 'hover text' you are looking for just add...
    [HTML]title="blahblah!"[/HTML]

    Finished product should look something like...
    [HTML]
    <body>
    <div id="maindiv">
    <img src="path-to-image" width="1000" height="1000" title="blahblah!" alt="blahblah!" />
    </div>
    </body>
    [/HTML]


  • Options
    #3
    ergonomics
    Registered Users Posts: 1,810 ✭✭✭ergonomics


    Hey,

    I'm not actually putting in code. I'm using the What You See Is What You Get (WYSIWYG) view. I checked the code and this is relevant piece though.

    [HTML]<body>
    <div id="apDiv1"></div>
    <div id="apDiv2"></div>
    <div id="apDiv3"><img src="Images/shamrock.jpg" width="103" height="94" border="0" usemap="#Map" />
    <map name="Map" id="Map">
    <area shape="rect" coords="5,3,102,91" href="Home.html" alt="Home" />
    </map>
    </div>[/HTML]

    It looks nothing like your code, clearly and if you try and explain I'll probably end up more confused.

    I've used Dreamweaver before and had no problems, but even though I'm using the same notes and following them step by step, nothing seems to be working now. The project is due Monday and I have a lot of work to do!

    Ahhh!


  • Options
    #4
    Deliverance XXV
    Registered Users Posts: 1,757 ✭✭✭Deliverance XXV


    I see you are using an image map.
    I never used an image map before so I cant really see any errors in it (someone else might) but all I can see is you can stick an extra alt="blahblah" in like so...

    [HTML]<body>
    <div id="apDiv1"></div>
    <div id="apDiv2"></div>
    <div id="apDiv3"><img src="Images/shamrock.jpg" width="103" height="94" border="0" usemap="#Map" alt="EXTRA ALT TAG HERE">
    <map name="Map" id="Map">
    <area shape="rect" coords="5,3,102,91" href="Home.html" alt="Home"></map></div>
    [/HTML]

    So swap the code above with what you have and see if there's any difference. Chances are it's something small like that. :)


  • Options
    #5
    ergonomics
    Registered Users Posts: 1,810 ✭✭✭ergonomics


    Hey,

    Thanks for your help. In the end I went for the tried and tested 'if at first you don't succeed...delete and start again' method and it's working fine now.

    I'll probably be back with more questions though!

    Thanks!

    Aoife.


Advertisement