Forum Moderators: open
I am a new user of these forums, and quite new to the world of webdesigning. I am making a website for a friend, and it's quite finished now, but....
I created a lot of layers in a dreamweaver document, and i forgot to make it relative or something like that. The site is aligning more to the right on smaller screens.
Now my question can i make somesort of layer around the allready existing layers that keeps them in place, but what centers all the data?
this all in HTML, but could anyone who is willing to reply make the reply in simple words i am not that great a designer.
greatfully yours,
peter molenaar
You can think of divs as containers for content. Then you have paragraph tags. <p></p> tags are containers for paragraphs of text. There is a hierarchy there that brings order to the code.
One aspect of the divs is that you can center them like this <div align="center">
Theoretically you can put one gigantic div around all of your content, but it may slow the page download because the browser won't render anything until the entire page is downloaded. If you have divs on top of each other top to bottom instead of nested, then it will render piece by piece, showing a partial page which will give the illusion of a faster download.
I think the above information will give you the information you need to find a good solution. There are probably other solutions, too. There are often at least five ways to accomplish the same thing.
Good luck!
thanx for your reply,
I would center the individual layers if i could, but the site is almost finished, and it would take way too long to adjust all those layers. the other solution you mentioned the giant layer around it, thats what i am looking for at the moment. its called a wrapper i believe?
could you please explain to me how i can put that in and where i shouild do that in mij htmlcode?
already thanx
greetings peter
isn't there anyone who can tell me what to do without having to completely rebuild the site?
all suggestions are welcome...
greetzzz peter
Since you say you are new to webdesign and you are using DreamWeaver, I assume you are not string in html. Let's see if we can zero in a bit on what you already have coded.
Is the width of the visible content fixed or fluid?
Can you simplify your current code and just show us the main divs from your html (no content, just the structure) plus the css for how those divs are positioned?
If you are not yet familiar with code, maybe ask over in our WSIWYG Editors Forum [webmasterworld.com] where DreamWeaver questions usually get discussed. Maybe one of the regulars over there will have something magical you can do in Dreamweaver. I wish I could help but I haven't used any WYSIWYG editor inmore than 10 years.
One last help, if you want to get under the hood with the bare html and css -- there are several relatively standard approaches for centering a wrapper div in different situations. The bad news is they can sometimes be quite tricky to use because IE doesn't behave in a standards-compliant way. Try searching on Google for site:webmasterworld.com and 'css center div' [google.com] You'll find lots of past threads on the subject.
i'll insert my stripped code here, the page without the content...
the problem is exactly that is is all fixed, absolute, so i am look fora wrapper arround all thisthat keeps that absolute in place in comparance to the wrapper instead of the left border,
the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ¦¦ innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body background="achtergrond.gif" text="#006600" link="#FFFF99" vlink="#FFFFCC" alink="#009900">
<div id="Layer1" style="position:absolute; left:239px; top:0px; width:777px; height:802px; z-index:1; background-color: #F5F9AD; layer-background-color: #F5F9AD; border: 1px none #000000;"></div>
<div id="Layer2" style="position:absolute; left:251px; top:10px; width:669px; height:20px; z-index:2"><strong><font color="#F5F9AD" size="-1,7" face="Geneva, Arial, Helvetica, sans-serif"><a href="index.htm">Home</a>
:: <a href="projecten.htm">Projecten</a> :: <a href="Gallery.htm">Gallery</a>
:: <a href="Restauratie.htm">Restauratie</a> :: <a href="Carrosseriebouw.htm">Carrosseriebouw</a>
:: <a href="over%20ons.htm">Over ons</a> :: <a href="contact.htm">Contact</a> :: <a href="Links.htm">Links</a></font></strong></div>
<div id="Layer3" style="position:absolute; left:246px; top:129px; width:175px; height:29px; z-index:3">
</div>
<div id="Layer4" style="position:absolute; left:246px; top:227px; width:175px; height:22px; z-index:4"></div>
<div id="Layer5" style="position:absolute; left:246px; top:181px; width:175px; height:21px; z-index:5"></div>
<div id="Layer6" style="position:absolute; left:246px; top:250px; width:175px; height:21px; z-index:6"></div>
<div id="Layer7" style="position:absolute; left:246px; top:203px; width:175px; height:23px; z-index:7"></div>
<div id="Layer8" style="position:absolute; left:246px; top:270px; width:175px; height:34px; z-index:8"></div>
<div id="Layer9" style="position:absolute; left:246px; top:159px; width:175px; height:21px; z-index:9"></div>
<div id="Layer10" style="position:absolute; left:241px; top:363px; width:192px; height:194px; z-index:10"></div>
<div id="Layer11" style="position:absolute; left:242px; top:771px; width:616px; height:39px; z-index:11"></div>
<div id="Layer12" style="position:absolute; left:726px; top:771px; width:322px; height:35px; z-index:12"></div>
<div id="Layer14" style="position:absolute; left:443px; top:72px; width:525px; height:657px; z-index:14"><strong></strong></div>
</body>
</html>
i hope there is a quite simple solution..
greetings peter
Try this experiment. For each of those divs, make the positioning rule for "left" to 50%. Also give each div a negative margin-left that is exactly half the declared width of the div -- which will not work perfectly where you have an odd number. Just round your division in the same direction for all your divs and hope that a one pixel shift isn't too noticeable.
Example:
<div id="Layer4" style="position:absolute; left:50%; top:227px; width:175px; height:22px; z-index:4; margin-left:88px;"></div>
But for the future, using absolute positioning for every element is not really a best practice -- it gives you a very rigid page that can be quite difficult to change and maintain.
Second, it would be better to move all styling declarations into a separate file called a style sheet (or CSS file). You can then call it in using a <link> tag in you header or use the @import method if you don't want to support older v4 browsers. You can then use the external style sheet to combine like styling declarations together.
Third would be to use a full doctype. This will force IE6 into compliance mode and render the box model in accordance to the W3C Recommendations instead of IE's proprietary method. One example of a full doctype is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
A second ,and one I more often use is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
If you can give us information on what each of those div boxes contain, then we may be able to help reformat your markup. I am guessing that Layer1 is your banner and Layer2 is clearly a navbar. Layer11 and Layer12 appears to form some sort of footer. Layer3-Layer10 seems to be content boxes but what each box is for isn't quite clear, however Layer13 had me stumped. Maybe placement for advertisement?
All of the <font> tags can be replaced by CSS too.
That will make the code on the page a lot less bloated, and a lot easier to understand.
first off all thanx for all your replies!
tthe most simple thing to do about telling what the content is is to look at:
<snip>
the site is already (temporarely) online.
i am studying the css stuff, but i can not make an awfull lot of it richt now. i know what it can do but the method is quite complex.
but i will learn it eventually.
if you can help to make this site work propperly for now i would be really happy, later on i will rewrite it in css when i really understand it.
greetings peter
[edited by: encyclo at 12:15 am (utc) on July 22, 2005]
[edit reason] No URLs please! See TOS [webmasterworld.com] [/edit]
thanxfor your advise, but it does not quite works for my page, this way te buttons are centered also instead of left, or is there something i do wrong?
never the less i am learning a lot here.
greetzzzz peter
The best advise is already given - roll up your sleeves and re-do the template. And don't use absolutely positioned divs (layers, as DreamWeaver calls them) without a very specific need vor absolute positioning. Instead, let your layout flow naturally as much as possible.
It's all part of the learning curve, and the problems that come along with using a wysiwyg editor when you don't yet know what is going on in the code itself.
I wish the news was better so you could more easily get your friend's site active -- but it just isn't.
First, change your doctype to a full doctype at the very top of the page.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Next change this line:
<div id="Layer1" style="position:absolute; left:239px; top:0px; width:777px; height:802px; z-index:1; background-color: #F5F9AD; layer-background-color: #F5F9AD; border: 1px none #000000;"></div>
to:
<div id="Layer1" style="position:absolute; left: 50%; top: 0; margin-left:-389px; width:777px; height:802px; background-color: #F5F9AD;"><img src="bovenbalk.gif" width="779" height="51"><img src="linkerbalk.gif" width="175" height="759">
Notice that the closing </div> is missing. That is because we are moving it. Down towards the bottom just before the </body> closing tag, add you </div>. Now Layer1 had just become a wrapper for your entire document.
Now comes the dirty and most tedious part, so get a calculator out. You must now subtract 239 from all of your left positioning for Layer2-Layer#.
Now this should work for most version if IE, Firefox and Netscape. Opera allegedly has problems with this, but as I said, this is a temporary fix until you can redevelop a more suitable template.
This entails re-doing the style for layer 1 as .layer1 {... the style info here ...} in the external stylesheet and then the same for each of the other layers .layer2 { ... ...} and so on.
Then, in the HTML, replace the style="..." big block with just class="layer1" for layer1, and class="layer2" for layer2, and so on.
Farix your advise is working really well on almost every page. but i have a slight problem.
my friend want this site to be very easy to update for him in the pages 'projecten'and 'gallery' and he really doesn't have any knowledge of html and webdesign, so he wants to input the frontpage slideshows there because he has to update alot,
my problem here is now that i don't know how i can adjust that to be relative, if i use our fix the slideshow stays absolute?
would you be so kind to helpme with that?
greetings a greatfull peter
==style.css==
/* Remove margins and padding around the browser window */
html, body { margin: 0; padding: 0; }
body {
background: #030 url("achtergrond.gif");
/* Universal settings for font face, font size and color. */
font: 10pt Geneva, Arial, Helvetica, sans-serif;
color: #333;
}
/* Setting universal link colors */
a:link { color: #060; }
a:visited { color: #060; }
a:hover { color: #060; }
a:active { color: #060; }
h1 {
color: #060;
font-size: 14pt;
text-align: center;
}
img { border: 0; }
/* Classes for text alignment. Use these instead of align="" */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center;}
.justify { text-align: justify; }
#wrapper {
background-color: #F5F9AD;
position: absolute;
width: 760px;/* Narrowed to make this better fit in a 800x600 screen*/
height: 800px;
left: 50%;/* These two lines centers the contents to the exact*/
margin-left: -380px;/* centerof the page. Works in most browser.*/
padding-bottom: 32px;/* Make room at the bottom for the footer*/
}
#navbar {
background: url("bovenbalk.gif") no-repeat;
color: #F5F9AD;
font-weight: bold;
margin: 0;
height: 35px;/* Subtract 16px padding from the image height of 51px*/
padding: 8px;
}
/* Set link colors specific to the navbar. */
#navbar a:link { color: #FF9; }
#navbar a:visited { color: #FFC; }
#navbar a:hover { color: #FFC; }
#navbar a:active { color: #090; }
#linkbar {
background: url("linkerbalk.gif") no-repeat 1px 0;
position: absolute;
width: 190px;
height: 670px;/* 800px container minus 51px header minus 79px*/
/* "header" padding space below*/
left: 0;
margin: 0;
padding: 79px 0 0;/* Remove any indention that is typical of a list while*/
/* making room for the header of the linkbar.*/
}
#rightbar {
position: relative;
float: right;
width: 165px;
margin-left: 5px;
}
#rightbar p { margin: 0; }
#rightbar .heading {
color: #060;
font-weight: bold;
font-size: 14pt;
margin: 0;
}
#content {
margin-left: 190px;/* Make room for the link bar on the left*/
padding-right: 5px;
}
#footer {
position: absolute;
width: 100%;
height: 32px;
bottom: 0;/* Put the footer all the way down one the bottom of*/
/* the container. We had already made room for this*/
/* earlier. */
}
#copyright {
background: url("copyright%20jansen%20onder.gif") no-repeat;
position: absolute;
left: 0;
height: 32px;
width: 488px;
}
#companyname {
background: url("yardstick%20onder.gif") no-repeat;
height: 32px;
margin-left: 488px;/* Make room for the copyright on the left*/
}
==index.html==
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Jansen Carrosseriebouw</title>
<style type="text/css" media="screen">@import url("style.css");</style>
</head>
<body>
<div id="wrapper">
<div id="navbar">
<a href="index.htm">Home</a>
:: <a href="projecten.htm">Projecten</a>
:: <a href="Gallery.htm">Gallery</a>
:: <a href="Restauratie.htm">Restauratie</a>
:: <a href="Carrosseriebouw.htm">Carrosseriebouw</a>
:: <a href="over%20ons.htm">Over ons</a>
:: <a href="contact.htm">Contact</a>
:: <a href="Links.htm">Links</a>
</div>
<ul id="linkbar">
<li><a href="Klassiekers.htm"><img src="knop%20klassiekers.gif" alt="Klassiekers" width="144" height="29"></a></li>
<li><a href="Austin%20special.htm"><img src="austin%207%20special.gif" alt="Austin 7 special" width="144" height="21"></a></li>
<li><a href="Motoren.htm"><img src="knop%20motoren.gif" alt="Motoren" width="144" height="21"></a></li>
<li><a href="Aanhangers.htm"><img src="aanhangers.gif" alt="Aanhangers" width="144" height="23"></a></li>
<li><a href="Carvan.htm"><img src="knop%20carvan.gif" alt="Carvan" width="144" height="22"></a></li>
<li><a href="Veewagens.htm"><img src="knop%20veewagens.gif" alt="Veewagens" width="144" height="21"></a></li>
<li><a href="opp-behand.htm"><img src="knop%20oppervlakte%20behandeling.gif" alt="Oppervlakte behandelingen" width="144" height="34"></a></li>
<li><img id="auto" src="austin.gif" alt="" width="181" height="246"></li>
</ul>
<div id="content">
<!-- The RightBar exist only on the index page. It will not affect the
general layout if you design to remove it for the other pages. -->
<div id="rightbar">
<p class="heading">Actueel</p>
<hr>
<applet code="LoadJpg.class" archive="loadjpg.jar" name="NCApplet" width="160" height="130" codebase ="http://*.*.*.*:80">
<param name="FPS" value ="0.5">
<param name="ImageTransferPort" value="8080">
<param name="HashingKey" value="0">
<param name="ID" value="guest">
<param name="PASSWORD" value="guest">
<param name="VER_FLIP" value="0">
<param name="HOR_FLIP" value="0">
<param name="timestamp" value="true">
</applet>
<p class="right"><a href="kijkmee.htm">Kijk nu live mee.........</a></p>
<hr>
<p>Austin Seven Special nr. 3</p>
<p class="right"><a href="Austin%207%20ja3.htm">meer.........</a></p>
<hr>
<p>De Seven Miles Run begin mei 2005</p>
<img src="sevenmilesrun.jpg" alt="" width="161" height="112">
<p class="right"><a href="sevenmilesrun.htm">meer.........</a></p>
<hr>
<p>De Carvan. Dé oplossing voor het vervoer van uw klassieker!</p>
<p class="right"><a href="Carvan.htm">meer........</a><a href="De_Carvan.htm">.</a></p>
<hr>
</div>
<h1>Welkom bij Carrosseriebouw Jansen!</h1>
<p class="center">Leuk dat u onze website bezoekt.</p>
<p>"U zult zien dat wij autoliefhebbers veel te bieden hebben. Ons bedrijf bestaat sinds 1936, toen voorvader Reint houten wagens ging bouwen. Tegenwoordig zijn we gespecialiseerd in restauratie van klassieke automobielen en de bouw van lichtgewicht carrosserieën en aanhangers.</p>
<div class="center"><img src="classic%20car.gif" alt="" width="250" height="187"></div>
</div>
<div id="footer">
<div id="copyright"></div>
<div id="companyname"></div>
</div>
</div>
</body>
</html>
my friend want this site to be very easy to update for him in the pages 'projecten'and 'gallery' and he really doesn't have any knowledge of html and webdesign, so he wants to input the frontpage slideshows there because he has to update alot,my problem here is now that i don't know how i can adjust that to be relative
Simple, don't use absolute positioning at all. Instead contain each row of images in a single div and assign the "center" class to the div.
Example: <div class="center"><img><img><img><img></div>
Notice that what I provide above will be much easier for your friend to read, understand and modify.
p.s. I removed the IP from the Java applet so that I don't run afoul of WebmasterWorld's linking policy.
trhanx a lot i am going to take up the rebuild, i think/hope that i will succeed now,
a bucket full of thank you's
greetzzz peter
Avoid using spaces or underscores in the file names. Use hyphens or dots instead.
Some say that Google doesn't treat "two_words" as being two separate words. That may be a problem.
ik tried the css style method, but it looks really funny, so what am i doing wrong here?
my code looks like this now:
==style.css==
html, body { margin: 0; padding: 0; }
body {
background: #030 url("achtergrond.gif");
font: 10pt Geneva, Arial, Helvetica, sans-serif;
color: #333;
}
a:link { color: #060; }
a:visited { color: #060; }
a:hover { color: #060; }
a:active { color: #060; }
h1 {
color: #060;
font-size: 14pt;
text-align: center;
}
img { border: 0; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center;}
.justify { text-align: justify; }
#wrapper {
background-color: #F5F9AD;
position: absolute;
width: 760px;/* Narrowed to make this better fit in a 800x600 screen*/
height: 800px;
left: 50%;
}
#navbar {
background: url("bovenbalk.gif") no-repeat;
color: #F5F9AD;
font-weight: bold;
margin: 0;
height: 35px;
padding: 8px;
}
/* Set link colors specific to the navbar. */
#navbar a:link { color: #FF9; }
#navbar a:visited { color: #FFC; }
#navbar a:hover { color: #FFC; }
#navbar a:active { color: #090; }
#linkbar {
background: url("linkerbalk.gif") no-repeat 1px 0;
position: absolute;
width: 190px;
height: 670px;
left: 0;
margin: 0;
padding: 79px 0 0;
}
#rightbar {
position: relative;
float: right;
width: 165px;
margin-left: 5px;
}
#rightbar p { margin: 0; }
#rightbar .heading {
color: #060;
font-weight: bold;
font-size: 14pt;
margin: 0;
}
#content {
margin-left: 190px;
padding-right: 5px;
}
#footer {
position: absolute;
width: 100%;
height: 32px;
bottom: 0;
}
#copyright {
background: url("copyright%20jansen%20onder.gif") no-repeat;
position: absolute;
left: 0;
height: 32px;
width: 488px;
}
#companyname {
background: url("yardstick%20onder.gif") no-repeat;
height: 32px;
margin-left: 488px;/* Make room for the copyright on the left*/
}
==index.html==
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Jansen Carrosseriebouw</title>
<style type="text/css" media="screen">@import url("style.css");</style>
</head>
<body>
<div id="wrapper">
<div id="navbar">
<a href="index.htm">Home</a>
:: <a href="projecten.htm">Projecten</a>
:: <a href="Gallery.htm">Gallery</a>
:: <a href="Restauratie.htm">Restauratie</a>
:: <a href="Carrosseriebouw.htm">Carrosseriebouw</a>
:: <a href="over%20ons.htm">Over ons</a>
:: <a href="contact.htm">Contact</a>
:: <a href="Links.htm">Links</a>
</div>
<ul id="linkbar">
<li><a href="Klassiekers.htm"><img src="knop%20klassiekers.gif" alt="Klassiekers" width="144" height="29"></a></li>
<li><a href="Austin%20special.htm"><img src="austin%207%20special.gif" alt="Austin 7 special" width="144" height="21"></a></li>
<li><a href="Motoren.htm"><img src="knop%20motoren.gif" alt="Motoren" width="144" height="21"></a></li>
<li><a href="Aanhangers.htm"><img src="aanhangers.gif" alt="Aanhangers" width="144" height="23"></a></li>
<li><a href="Carvan.htm"><img src="knop%20carvan.gif" alt="Carvan" width="144" height="22"></a></li>
<li><a href="Veewagens.htm"><img src="knop%20veewagens.gif" alt="Veewagens" width="144" height="21"></a></li>
<li><a href="opp-behand.htm"><img src="knop%20oppervlakte%20behandeling.gif" alt="Oppervlakte behandelingen" width="144" height="34"></a></li>
<li><img id="auto" src="austin.gif" alt="" width="181" height="246"></li>
</ul>
<div id="content">
<div id="rightbar">
<p class="heading">Actueel</p>
<hr>
<applet code="LoadJpg.class" archive="loadjpg.jar" name="NCApplet" width="160" height="130" codebase ="http://*.*.*.*:80">
<param name="FPS" value ="0.5">
<param name="ImageTransferPort" value="8080">
<param name="HashingKey" value="0">
<param name="ID" value="guest">
<param name="PASSWORD" value="guest">
<param name="VER_FLIP" value="0">
<param name="HOR_FLIP" value="0">
<param name="timestamp" value="true">
</applet>
<p class="right"><a href="kijkmee.htm">Kijk nu live mee.........</a></p>
<hr>
<p>Austin Seven Special nr. 3</p>
<p class="right"><a href="Austin%207%20ja3.htm">meer.........</a></p>
<hr>
<p>De Seven Miles Run begin mei 2005</p>
<img src="sevenmilesrun.jpg" alt="" width="161" height="112">
<p class="right"><a href="sevenmilesrun.htm">meer.........</a></p>
<hr>
<p>De Carvan. Dé oplossing voor het vervoer van uw klassieker!</p>
<p class="right"><a href="Carvan.htm">meer........</a><a href="De_Carvan.htm">.</a></p>
<hr>
</div>
<h1>Welkom bij Carrosseriebouw Jansen!</h1>
<p class="center">Leuk dat u onze website bezoekt.</p>
<p>"U zult zien dat wij autoliefhebbers veel te bieden hebben. Ons bedrijf bestaat sinds 1936, toen voorvader Reint houten wagens ging bouwen. Tegenwoordig zijn we gespecialiseerd in restauratie van klassieke automobielen en de bouw van lichtgewicht carrosserieën en aanhangers.</p>
<div class="center"><img src="classic%20car.gif" alt="" width="250" height="187"></div>
</div>
<div id="footer">
<div id="copyright"></div>
<div id="companyname"></div>
</div>
</div>
</body>
</html>
the problem is is that i dont have a yellow body, and that it all is placed under eachother.
i hope you can help.
greetzzz peter
the problem is is that i dont have a yellow body
and that it all is placed under eachother
left: 50%; /* These two lines centers the contents to the exact */
margin-left: -380px; /* center of the page. Works in most browser. */
padding-bottom: 32px; /* Make room at the bottom for the footer */
im sorry i am not en native english,
so i might be not expressing myselve correctly.
the problem is that if i use the css style, i can not see the wrapper at all, not even the yellow square.
and if i place the tekst in dreamweaver, and than preview in iex. all the content is placed under eachother, instead of within the yellow wrapper.
can you please tell me what i am doeing wrong?
and is there a fix for the problem that i cant get the frontpage slideshow in the page. the slideshow doesnot stays within the wrapper. my friend prefers to use FP, and till i can convert the site in to css would it be nice to use youre fix.
already thanx
greetzzz peter
<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>
[edited by: tedster at 10:18 pm (utc) on July 25, 2005]
the problem is that if i use the css style, i can not see the wrapper at all, not even the yellow square.
and is there a fix for the problem that i cant get the frontpage slideshow in the page. the slideshow doesnot stays within the wrapper. my friend prefers to use FP, and till i can convert the site in to css would it be nice to use youre fix.
On a note about Dreamweaver and FrontPage, I don't recommend either of these programs to an inexperienced webmaster. Instead, I advice that you and your friend learn HTML and CSS first and get a good handle on them. Only then can you use Dreamweaver and FrontPage without constantly shooting yourselves in the foot.
the opperator removed my post because of too much code, so i'll try to explain the problem without posting code......
i am also using ie6 but in my preview all the content is placed under eachother... but that besides,
the temporary fix you gave me earlier works great but the Frontpage slide shows do not keep within the yellow wrapper, I realised that you said earlier that i could better use css because that is easier too understand, but Bas my friend is really a know nothing on computers. so he insists that he can make slideshows in FP, can you help me fix this problem that the slideshow thumbnails do not stay within the wrapper but expand right?
eternally greatfull,
peter
i am also using ie6 but in my preview all the content is placed under eachother... but that besides,
but Bas my friend is really a know nothing on computers. so he insists that he can make slideshows in FP, can you help me fix this problem that the slideshow thumbnails do not stay within the wrapper but expand right?
