Trenger hjelp i dreamweaver (uvaner)

Xander^ · 25. juni 2005

Hei!

Det har seg slik at jeg har lekt meg litt med Dreamweaver mx 2004 samt gått gjennom en treningsfilm fra lynda.com..

Men har desverre skapt en uvane ved å bruke frames når jeg mekker sider. Jeg har lest at frames er noe som er bannlyst hos veldig mange her på forumet. :blush:

Spørsmålet mitt er som følgende:

Er det mulig for en/flere av dere å bruke 5 minutter på å mekke et standardoppsett uten bruk av frames som jeg kan legge i dreamweaver for da å "skjønne" hvordan jeg skal gå frem når jeg skal mekke neste side?

Gjerne pakket i .rar

Det hadde jeg satt paradoksalt stor pris på :roll:

Endret 25. juni 2005 av Xander^

Ṱormod · 25. juni 2005

Jeg kan gjerne mekke et standard oppsetts trekolonners layout som du kan bruke, men om det kommer til å se bra ut i Dreamweaver er jo en annen sak. Sist jeg la min side inn i dreamweaver så den ihvertfall ikke ut som den gjør i firefox. Bruker du design-view eller code-view i dreamweaver ?

Xander^ · 25. juni 2005

Jeg kan gjerne mekke et standard oppsetts trekolonners layout som du kan bruke, men om det kommer til å se bra ut i Dreamweaver er jo en annen sak. Sist jeg la min side inn i dreamweaver så den ihvertfall ikke ut som den gjør i firefox. Bruker du design-view eller code-view i dreamweaver ?

Bruker designview og av og til split

ja, hadde satt stor pris på om du hadde orket

Endret 25. juni 2005 av Xander^

DevN · 25. juni 2005

Noe sånt som dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
<!--
* { margin: 0; padding: 0 }
.container { border: 2px solid #000000; margin: 10px auto; width: 600px }
.header { border-bottom: 1px solid #000000; height: 100px; width: 100% }
.menu { border-right: 1px solid #000000; float: left; height: 300px; width: 200px }
.content { float: right; height: 300px; width: 390px }
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<p>Header</p>
</div>
<div class="menu">
<p>Menu</p>
</div>
<div class="content">
<p>Content</p>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Funket ikke helt som det skulle i Dreamweaver. :/

Jakob K · 25. juni 2005

Noe sånt som dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
* { margin: 0; padding: 0 }
.container { border: 2px solid #000000; margin: 10px auto; width: 600px }
.header { border-bottom: 1px solid #000000; height: 100px; width: 100% }
.menu { border-right: 1px solid #000000; float: left; height: 300px; width: 200px }
.content { float: right; height: 300px; width: 390px }
</style>
</head>
<body>
<div class="container">
<div class="header">
<p>Header</p>
</div>
<div class="menu">
<p>Menu</p>
</div>
<div class="content">
<h2>Content</h2>
<p>Lorem ipsum..</p>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>

Funket ikke helt som det skulle i Dreamweaver. :/

Eller, mer semantisk korrekt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
<!--
* { margin: 0; padding: 0 }
body { border: 2px solid #000000; margin: 10px auto; width: 600px }
h1 { border-bottom: 1px solid #000000; height: 100px; width: 100% }
ul#menu { border-right: 1px solid #000000; float: left; height: 300px; width: 200px }
div#content { float: right; height: 300px; width: 390px }
-->
</style>
</head>
<body>
<h1>Header</h1>
<ul id="menu">
<li><a href="nogo.html">Menyalternativ 1</a></li>
</ul>
<div id="content">
<p>Content</p>
</div>
</body>
</html>

DevN · 25. juni 2005

Nei, det kalles ikke semantisk korrekt, det kalles Viktig-Perisk korrekt.

Ok, seriøst, det var dårlig av meg.

Men jeg bruker lister til menyer, var nok bare en glipp. Angående header, så har jeg uvanen med å bruke en div-boks og et h-element inni.

tulling03 · 27. juni 2005

<div style="clear:both"></div>

Hva betyr denne linjen i praksis??

Haraldson · 27. juni 2005

Den legger seg under «flytende» (float: left, float: right) elementer og gjør slik at de holder seg i sine respektive bokser.

Steinmann · 27. juni 2005

Funker ikke overflow: auto; på wrap like bra?

Om man har mulighet for det mener jeg

Logg inn

Trenger hjelp i dreamweaver (uvaner)

Anbefalte innlegg

Xander^

Videoannonse

Ṱormod

Xander^

DevN

Jakob K

DevN

tulling03

Haraldson

Steinmann

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer