Images are not getting displayed, kindly help

Images are not getting displayed, kindly help
0

#1

My code below:

W3.css template body {font-family: "Lato", sans-serif} .mySlides {display: none}
<div class="mySlides w3-display-container w3-center">
    <img src="image/la.jpg" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
    <h3>Los Angeles</h3>
    <p><b>We had the best time playing at Venice Beach!</b></p>
    </div>    
</div>
<div class="mySlides w3-display-container w3-center">
    <img src="image/ny.jpg" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
    <h3>New York</h3>
    <p><b>The atmosphere in New York is lorem ipsum.</b></p>    
    </div>
</div>
<div class="mySlides w3-display-container w3-center">
    <img src="image/chicago.jpg" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
    <h3>Chicago</h3>
    <p><b>Thank you, Chicago - A night we won't forget.</b></p>    
    </div>
</div>

Images are not getting displayed.

Please help.

For images please refer this site: http://www.w3schools.com/w3css/tryw3css_templates_band.htm#


#2

The tag specifies a source of ‘image/ny.jpg’. Do you have the file ny.jpg in a directory named image that’s contained within the directory where your html file is stored? If you are doing this in CodePen would you provide a link? That would make it easier to help.


#3

Yeah the image folder is where the index.html file is located.

please see the structure of the files in the above image.

BTW I am doing it in my lappie not in code pen. But I am using brackets for coding.


#4

Thanks. The .mySlides selector specifies ‘display: none’. Remove this and try it again and I think you’ll have better results.


#5

I am totally new to coding, can you please elobrate. Bcoz I couldn’t find display:none anywhere in my code.

Thanks


#6

that is where your code is overturned

check this out
http://www.w3schools.com/css/css_display_visibility.asp


#7

It is in your CSS file and is posted near the top of your first post. Here’s a link to information about this CSS element along with examples of how it is used and what it does. Let me know if this helps out. http://www.w3schools.com/css/css_display_visibility.asp


#8

Wow, superb, thanks for helping me out udayk8139 and jdmedlock.

One more thing is I am trying to move the navigation bar to right if I give w3-right-align it’s not moving to right.

Please guide me.

Thanks


#9

Wooooah hold it there :sunny:nny!

You’ve first gotta try yourself, after multiple attempts, come back here and ask!
and also, think about google, she’s your best friend on the internet! and you guys finish each other’s sentences :slight_smile:

Remember the Read-Search-Ask Rule? jumble it, lets turn that to Think-Code-Search-Ask
:smiley:


#10

That’s good to hear Satish! I don’t use the W3 CSS template, but from the documentation it looks like w3-right-align affects text, but not necessarily the enclosing block. Take a look a the enclosing block for your navigation and then you might read up on CSS margins. Post back here if you get stuck.


#11

Hey thanks jdmedlock for the help.

uday, I did tried multiple times so after that only I am asking for help here. Anyway thanks for your sweet time.

I will soon post my personal portfolio here,

Thanks.