Adobe Community: Basic HTML help

3,738 posts
Oct 15, 2010

Currently Being Moderated

1. Sudarshan Thiagarajan,

Mar 17, 2013 11:05 PM in reply to summerskin

Report

I dont quite get what you mean. Do you mean the text goes missing within DW or on your actual webpage? Can you share screenshots of what you mean so we can understand it better?

|

Mark as:

Currently Being Moderated

2. summerskin,

Mar 17, 2013 11:12 PM in reply to Sudarshan Thiagarajan

Report

I sure can

It disapears in live view and on the website

It only happens when I replace the image as you can see on the right lower section of my code the image I replaced toy story with is <img src="images/146.jpg"/>

when I am coding it in split/live the text does not appear on the image to my right

|

Mark as:

3,738 posts
Oct 15, 2010

Currently Being Moderated

3. Sudarshan Thiagarajan,

Mar 17, 2013 11:17 PM in reply to summerskin

Report

Did you try closing </a> and </li> in your code? Right now your <li> is still open.

|

Mark as:

Currently Being Moderated

4. summerskin,

Mar 17, 2013 11:39 PM in reply to Sudarshan Thiagarajan

Report

Let me give you the full code I am using what I gave you was just a broken off piece

<!DOCTYPE html>

<html>

<ul>

<li>

<a href="#">Ordained</a>

</div>

</a>

</li>

<li>

<a href="#">FDFDSFDFSDFS</a>

</div>

</a>

</li>

<li>

<a href="#">Ordained</a>

</div>

</a>

</li>

<li>

</div>

</a>

</li>

<li>

</div>

</a>

</li>

</ul>

</div>

</script>

</body>

</html>

so same scenario as you can see the last two images hold the text
but the images I have replaced do not want to display the text

|

Mark as:

3,738 posts
Oct 15, 2010

Currently Being Moderated

5. Sudarshan Thiagarajan,

Mar 18, 2013 12:20 AM in reply to summerskin

Report

There is no <head> tag in your document. There is no start of <body> tag. There's a redundant closure to </script> tag while it is not required.

Change your code to this:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css\set-photography.css">
</head>
<body>
<div class="accordian">
<ul>
    <li>
      <div class="image_title"> <a href="#">Ordained</a> </div>
      <a href="#"> <img src="images/146.jpg" width="1400" height="933" longdesc="images/146.jpg"/> </a> </li>
    <li>
      <div class="image_title"> <a href="#">FDFDSFDFSDFS</a> </div>
      <a href="#"> <img src="images/img_3145.jpg"/> </a> </li>
    <li>
      <div class="image_title"> <a href="#">Ordained</a> </div>
      <a href="#"> <img src="images/259.jpg" width="1400" height="933"> </a> </li>
    <li>
      <div class="image_title"> <a href="#">U</a> </div>
      <a href="#"> <img src="http://thecodeplayer.com/uploads/media/2rT2vdx.jpg"/> </a> </li>
    <li>
      <div class="image_title"> <a href="#">Cars 2</a> </div>
      <a href="#"> <img src="http://thecodeplayer.com/uploads/media/8k3N3EL.jpg"/> </a> </li>
</ul>
</div>
</body>
</html>

|

Mark as:

Currently Being Moderated

6. MurraySummers,

Mar 18, 2013 5:34 AM in reply to Sudarshan Thiagarajan

Report

The first stop for layout problems should always be the validator - http://validator.w3.org - which would have illuminated these issues in about 1 second. It makes no sense to try to debug a layout that is based on invalid HTML.

|

Mark as:

Currently Being Moderated

7. summerskin,

Mar 18, 2013 2:35 PM in reply to MurraySummers

Report

I got the code directly from here

http://thecodeplayer.com/walkthrough/make-an-accordian-style-slider-in -css3

Which seems to run just fine as it is

I am just trying to figure out how to use that idea and keep the font from disapearing
I would have thought it would be easy to just copy it over and link it directly to the CSS that comes with it

I tried what you posted Suda but it just doesnt seem to work :\

|

Mark as:

Currently Being Moderated

8. Nancy O.,

Mar 18, 2013 2:47 PM in reply to summerskin

Report

I wouldn't put much faith in that code. The type of errors it throws are very suspicous. I sure as heck wouldn't use it.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fthecodeplayer .com%2Fwalkthrough%2Fmake-an-accordian-style-slider-in-css3

Nancy O.

|

Mark as:

Currently Being Moderated

9. summerskin,

Mar 18, 2013 3:24 PM in reply to Nancy O.

Report

so far its been working fine
Literally my only issue is the fact that my text font does not appear as soon as I replace the image

:\

|

Mark as:

Currently Being Moderated

10. Nancy O.,

Mar 19, 2013 11:52 AM in reply to summerskin

Report

Use Code View. My guess is that when you delete the image in Design View, you're also deleting the <div class="image_title"> tag which is a necessary hook for your text styles.

Nancy O.

|

Mark as:

Dreamweaver CC

Basic HTML help

Mar 17, 2013 9:58 PM

More Like This

Bookmarked By (0)

Answers + Points = Status