Known Participant

Answered

File/Open in Browser: the “floats” do not work

Forum|Forum|2 years ago
October 30, 2023
2 replies
879 views

When using File/Open in Browser the “floats” do not work. Pictures messed up. Tried both Chrome and Firefox. The Split view does the floating correct though. I know about this problem from before but can’t remember what to do. Please remind me,

Thanks, Ingemar

Error

This topic has been closed for replies.

Correct answer osgood_

There is no image where the link says it is:

https://www.saevfors.se/Images/Foto_Video/Bamboo_Asphalt_Roof.jpg

404

Not Found

The resource requested could not be found on this server!

Check:

Have you uploaded the image to the correct location/folder? It says its in the 'Foto_Video' folder in the 'Images' folder. Most of your other images are just sitting in the 'Images' folder so not sure why this one in particular needs to go in the 'Foto_Video' folder..............anyway its not there.

Check

You're using a mix of upper/lower case for folder/image names, that's not a very good idea as its easy to leave something in lower case when in should be in caps, the resource wont be found by the server as its case sensitive. Personally I would advise you only use lowercase for folder and image names....so check your image/folder naming convention is correct.

I

ingo9Author

Known Participant

Thank you all for valuable hints. I managed to get most things about right, but one mystery remains:

Instead of an image I get this small thumbnail symbol, wheras on the same page, for no other difference in code, it is normal. Probably an easy explanartion? Still frustrating...

I

ingo9Author

Known Participant

Example for previous post.

O

osgood_Correct answer

Legend

There is no image where the link says it is:

https://www.saevfors.se/Images/Foto_Video/Bamboo_Asphalt_Roof.jpg

404

Not Found

The resource requested could not be found on this server!

Check:

Have you uploaded the image to the correct location/folder? It says its in the 'Foto_Video' folder in the 'Images' folder. Most of your other images are just sitting in the 'Images' folder so not sure why this one in particular needs to go in the 'Foto_Video' folder..............anyway its not there.

Check

You're using a mix of upper/lower case for folder/image names, that's not a very good idea as its easy to leave something in lower case when in should be in caps, the resource wont be found by the server as its case sensitive. Personally I would advise you only use lowercase for folder and image names....so check your image/folder naming convention is correct.

BenPleysier

Community Expert

Please post the code here so that we can have a look at what you have done.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

I

ingo9Author

Known Participant

Hi Ben Pleysier,

Thanks for helping out,

Ingemar

<!DOCTYPE html>

<head>

<title>Saevfors, Bamboo, DRR</title>

/* Logo */ .logo { width: 95%; margin: 0 auto; padding: 20px 0; } .logo h1 { font-family: Vijaya; font-size: 48px; text-align: center; margin: 0; padding: 0; } /* Wrapper */ .wrapper { font-family: Verdana, Geneva, sans-serif; font-size: 20px; color: #000; width: 95%; background-color: #FFF; margin: 0 auto 0 auto; }

/* Navigation */ .nav { list-style: none; margin: 0; padding: 0; text-align: center; background-color: #9F0; } .nav li { display: inline-block; min-width: 8em; margin: 0; padding: 0; text-align: center; padding: 8px 15px; } .nav li a:link, .nav li a:visited { background-color: rgb(204,153,51); color: rgb(85, 85, 102); display: block; padding: 5px; text-decoration: none; font-weight: bold; border-radius: 3px; -webkit-box-shadow: 3px 3px 3px 3px rgba(43, 43, 77, 0.5); -moz-box-shadow: 3px 3px 3px 3px rgba(43, 43, 77, 0.5); box-shadow: 3px 3px 3px 3px rgba(43, 43, 77, 0.5); margin: 0 0 0.2em 0; } .nav li a:hover { background-color: rgba(255,153,0,0.8); color: rgb(43, 43, 77); } a:visited { background-color: #6F9; }

/* Left side */ .left_side { padding: 10px; float: left; width: 48%; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #000; background-color: #EFEFE0; font-style: normal; font-weight: 300; }

/* Right side */ .right_side { padding: 10px; float: right; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #333; background-color: #EFEFE0; font-weight: normal; width: 48%; } /* footer */ .footer { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #003; background-color: #C96; font-style: italic; text-align: center; padding: 15px; } /* Clear floats */ .clear { clear: both; }

/*Smartphone and tablet*/ @media screen and (max-width:768px){ .left_side{ float: none; width: 100%; background-color: #F7F782; } .right_side{ float: none; width: 100%; background-color: #DFEAF0; } } </style>

</head>

<body>

<div class="logo"><h1>Saevfors Consulting</h1></div>

<li><a href="index.html">Rationale</a></li>

<li><a href="Contact.html"><span class="focus"> Contact</span> </a></li>

<li><a href="Bamboo.html">Bamboo</a></li>

<li><a href="Archive.html">Archives</a></li>

<li><a href="Multistory.html">Multistory</a></li>

<li><a href="Parametrics.html">Parametrics</a></li>

<li><a href="Space_Frames.html">Space Frame Structures</a></li>

</ul>

<p><em>Cultural Center, Pardinho, São Paulo, Brazil - Architect: Leiko Motomura www.amima-arquitetura.com.br</em></p>

<p><strong>BAMBOO DESIGN</strong></p>

<p>

Considering the huge CO2 emissions by the steel and cement industry an innovative architecture using alternative materials is needed. One resilient option is bamboo with high CO2 sequestration capacity. It can provide durable building materials in 3 year cycles if managed, harvested and treated properly. It can also be used for erosion mitigation and soil preservation.<br><br>Most importantly, a conscious building design will then protect against weather impact such as driving rains, moisture and UV radiation from the sun. Even for institutional buildings bamboo offers new architectural opportunities.</p> </div>

<p>Bamboo Showcase Hall proposal 2020 at Wat Phumin square, Nan, Thailand, featuring the famous Giant Nan bamboo; An architectural challenge next to the 400-year-old temple. </p> <p><em>Architect: Ingemar Saevfors</em></p> <br><img src="Images/yogya.png" alt="" width="150" height="200" class="flt_rgt marg"/>

<p><em>Five storey bamboo structure , Yogyakarta, built without structural engineer.</em></p>

</p><p><em> The first space frame of "bois de brousse", local round wood, Ouagadougou 1975</em></p>

<p><a href="/Space_Frames.html" title="SpaceFrame">Bamboo, a perfect Space Frame candidate....</a></p>

</div>

</body>

</html>

Nancy OShea

Community Expert

Are you testing in real browsers?

Live view is more accurate than Design view. Toggle between views with Ctrl/Cmd + Shift + F11

That said, floats are troublesome. Modern CSS Flexbox or Grids are 100% better for responsive layouts.

Nancy O'Shea— Product User & Community Expert

404

Not Found

404

Not Found

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded