Beginners window-size-problem
hi!
i'm beginner @ html , css coding , have following issue:
i'm building basic site list/menu on left of screen, , material each "menu-option" shown right of menu.
this typically series of images in table multiple rows 1 column. images have width of 800px , that's size prefer use. problem on smaller screens , windows, table shifts position , shows under menu. ugly.
what i'm looking way make table stay in place on right of menu, regardless of screen , window size.
i'd extremely grateful solutions this!
/moglurg
the code:
html:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>john stenborg</title>
<link href="styles/jstenborg.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container"> <img src="resurs/tilesbannermindre.png" width="545" height="120" /> </div>
<div class="menu">
<ul>
<li><a href="url">konst</a></li>
<li><a href="ateljebilder.html"> <h4> ateljébilder </h4></a></li>
<li><a href="delforstoringar.html"> <h4> delförstoringar av målningar </h4></a></li>
<li><a href="idefoton.html"> <h4> idéfoton </h4></a></li>
<li><a href="axiommodeller.html"> <h4> axiommodeller </h4></a></li>
<li><a href="malningar.html"> <h4> målningar </h4></a></li>
<li><a href="skulpturer.html"> <h4> skulpturer </h4></a></li>
<li><a href="url">video</a></li>
<li><a href="metafyr.html"> <h4> metafyr - en optisk skulptur </h4></a></li>
<li><a href="additiv.html"> <h4> additiv modellanimering </h4></a></li>
<li><a href="scratch.html"> <h4> scratch - en animerad skulptur </h4></a></li>
<li><a href="ljusspel.html"> <h4> ljusspel över två silvermålningar </h4></a></li>
<li><a href="filmvideoskulptur.html"> <h4> film för videoskulptur </h4></a></li>
<li><a href="sladfard.html"> <h4> slädfärd - delar av en film från 1984 </h4></a></li>
<li><a href="url">uppdrag</a></li>
<li><a href="nobelmuller"> <h4> nobelprisdiplom - herta müller </h4></a></li>
<li><a href="nobelleclezio"> <h4> nobelprisdiplom - jean marie gustave le clézio </h4></a></li>
<li><a href="minnespenning"> <h4> minnespenning gösta oswald för svenska akademien </h4></a></li>
<li><a href="tstation"> <h4> zinkensdamm t-station </h4></a></li>
<li><a href="url">texter</a></li>
<li><a href="aforismer.html"> <h4> aforismer urval 2008 - 2010 </h4></a></li>
<li><a href="kontakt.html">kontakt</a></li>
</ul>
</div>
<div id="innehall">
<table width="350" border="0" cellpadding="20px" cellspacing="50">
<tr>
<td valign="top" align="left"><img src="resurs/ateljebilder/01lampaochmalning.jpg" width="800" height="536" alt="lampa och målning" /></td>
</tr>
<tr>
<td valign="top" align="left"><img src="resurs/ateljebilder/02ateljevagg.jpg" width="800" height="536" alt="ateljévägg" /></td>
</tr>
<tr>
<td valign="top" align="left"><img src="resurs/ateljebilder/03malningarmotvagg.jpg" width="800" height="536" alt="målningar mot vägg" /></td>
</tr>
</table>
</div>
</body>
</html>
hej,
"to make table stay in place on right of menu, regardless of screen , window size." give you said problems. therefore please check link:
http://browsersize.googlelabs.com/
by evaluating can see of visitors see on page, hm.scrolling large website many visitors nuisance.
after viewing source code, propose line images in gallery. bild thumbs can present preferred size of 800px. and, consider necessary, can give these images link.
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment