8 svar · 781 visningar · startad av jonestar
Jag är inte så haj på Dreamweaver, men har gett mig på ett försök att göra vår bröllopshemsida där. Än så länge går det hyfsat bra men det är två saker som jag inte kan förstå och som jag stör mig monumentalt på:
1. När jag arbetar med sidan i DW ser allt jättefel och konstigt ut (se bild1), men när jag sen förhandsvisar på webben ser det ut som det ska (se bild2). Det gör väl egentligen inte SÅ himla mycket, det viktiga är att det blir bra på webben, men det som är störande är att scroll-baren dyker upp helt i onödan för att bilden i DW hamnar långt ner.
2. Det andra som jag stör mig på är att det blir ett indrag på varje nytt textstycke som jag skapar (se bilderna nedan). De här indragen syns i både DW och på webben.
Snälla, någon som har lösningen på mina problem? Tack på förhand!
Dreamweavers "browser" är inte en fullfjädrad webbläsare, utan en slags "förhandstitt". Ska du vara säker på hur en sida ser ut ska du med jämna mellanrum kolla i alla de webbläsare du vill att den ska funka i.
Kan du posta ALL kod, dvs HELA sidan PLUS stilmall. Annars kan man inte med säkerhet säga vad det är som orsakar indragen.
(PS: Det heter inte "vårat", utan "vårt").
Tack för svaret Danne! (både webb och grammatisk :)
Men är det inte konstigt att bilden på den här sidan hamnar så långt bort när den i webbläsaren är placerad direkt till höger om texten (som det ska vara)?
Jag ska posta all kod när jag kommer hem ikväll, har sidan på datorn hemma. Kolla gärna in igen ikväll.
//Johan
Här kommer hela koden.
Heh... kopiera koden, skapa ett nytt inlägg, klicka på knappen "#" och klistra in den (koden alltså) mellan taggarna som skapas så blir det ännu lättare om någon vill laborera med koden.
<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
text-align: center;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}
#wrapper {
text-align: center;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#leftColumn {
float: left;
width: 360px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #AB93A6;
padding-left: 60px;
font-variant: normal;
text-align: left;
}
#wrapper2 {
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(BG.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 700px;
text-indent: 70px;
}
#rightColumn {
float: right;
width: 340px;
background-image: url(bild_ram.png);
background-repeat: no-repeat;
background-position: center center;
height: 450px;
}
-->
</style>
</head>
<body>
<p> </p>
<p> </p>
<div id="wrapper"><img src="meny3.jpg" width="700" height="53" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="4,6,64,49" href="home2.html" />
<area shape="rect" coords="70,6,171,49" href="brollop.html" />
<area shape="rect" coords="238,5,357,52" href="aktiviteter.html" />
<area shape="rect" coords="463,4,603,50" href="forlovning.html" />
<area shape="rect" coords="361,4,458,50" href="gastbok.html" />
<area shape="rect" coords="607,4,694,50" href="kontakt.html" />
<area shape="rect" coords="178,6,236,50" href="tips.html" />
</map></div>
<div id="wrapper2">
<div id="leftColumn">
<p align="left"><img src="text.png" width="350" height="118" align="left" /></p>
<p align="left"> </p>
<p align="left">Välkommen till Mana och Johans bröllopssida. Här kommer vi regelbundet lägga upp information om vårat bröllop och kringliggande ämnen.</p>
<p align="left">För med information om plats och tid för vigseln se fliken "bröllop". För tips om boende, restauranger och aktiviteter se flikarna "tips" och "aktiviteter". Om ni vill tipsa varandra eller bara skriva en hälsning till brudparet kan ni göra det i "gästboken".</p>
<p align="left"> </p>
<p align="right">Välkomna önskar Johan & Mana
</div>
<div id="rightColumn"></div>
<h6 align="left"> </h6>
<p align="left"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<p> </p>
</body>
</html>
Radera:
text-indent: 70px;
så ska indraget försvinna.
Tack för hjälpen, tanten! Det tog bort både indraget och gjorde så att förhandsvisningen i DW inte såg så konstig ut!
Tack!
Så lite så... Lycka till med bröllopet :bire