• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

Community Beginner ,
Oct 30, 2023 Oct 30, 2023

Copy link to clipboard

Copied

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

TOPICS
Error

Views

247

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Oct 31, 2023 Oct 31, 2023

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

Yo

...

Votes

Translate

Translate
Community Expert ,
Oct 30, 2023 Oct 30, 2023

Copy link to clipboard

Copied

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

 

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 30, 2023 Oct 30, 2023

Copy link to clipboard

Copied

Hi Ben Pleysier,
Thanks for helping out,
Ingemar
 
<!DOCTYPE html> 
<html lang="EN">
<head>
 
<meta charset="utf-8"/> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
 
<title>Saevfors, Bamboo, DRR</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
 
 
 <style> * { box-sizing: border-box; } body { background-repeat: repeat-x; font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: bolder; background-color: #8EBC48; color: #FFF; background-image: url('http://www.saevfors.se/Images/Home_page_bckgr.jpg'); } 
/* 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>
 <link href="/Ing_July_2021.css" rel="stylesheet" type="text/css">
</head> 
  
<body>
<div class="logo"><h1>Saevfors Consulting</h1></div> 
<div class="wrapper"> 
<ul class="nav"> 
<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> 
<div class="clear"></div> 
<div class="left_side marg flt_lft"><img src="Images/Pardinho_cropped.jpg" width="500" height="202" alt=""/>
  <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> 
<div class="right_side"> <img src="Images/Nan Bamboo Space Frame_Proposal_copyright.jpg" alt="" width="300" height="182" class="flt_lft marg"/>
  <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"/>   
<br><br><br>
<p><em>Five storey bamboo structure , Yogyakarta, built without structural engineer.</em></p> 
<img src="Images/Cissin.jpg" width="250" height="138" alt=""/><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>  
 
<div class="clear"></div> <div class="footer">1 Nov 2023 © Copy with reference to www.saevfors.se | ingemar@saevfors.se | All rights reserved</div> </div>
</body> 
</html>
 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 30, 2023 Oct 30, 2023

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 30, 2023 Oct 30, 2023

Copy link to clipboard

Copied

Hi Nancy,

Yes, Live view is good; but can I trust it before I go live on i-net?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 30, 2023 Oct 30, 2023

Copy link to clipboard

Copied

Live view is a Chrome emulator & more accurate than Design view.  But you should test in various real browsers and mobile devices to be sure the site performs as expected.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 31, 2023 Oct 31, 2023

Copy link to clipboard

Copied

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...

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 31, 2023 Oct 31, 2023

Copy link to clipboard

Copied

ingo9_0-1698761093971.png Example for previous post.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 31, 2023 Oct 31, 2023

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 01, 2023 Nov 01, 2023

Copy link to clipboard

Copied

LATEST

Problem solved just by using the "image" folder.

Thank you!, Ingo9

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines