Hjælp til kodning af design..

Tags:    html css

Hej

Jeg er igang med et site, hvor jeg har lidt problemer med desiget.
Det hele er lavet, undtagen én enkelt ting: boksen hvor indholdet skal være.
Jeg har det store problem, at jeg kan ikke lave den boks hvor indholdet skal være.

Hjælp mig tak.

Link til designet: wwww.citichat.dk/design.html

Hele filen:
Fold kodeboks ind/udKode 




3 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
Hmm.
Det ser ud til, at du er igang med at kode op i tabeller...

Don't do that! For din egen skyld, det er at tage 100 skridt i den forkerte retning,m hvis du gerne vil lave hjemmesider!

Du skal lave din side i HTML.
det ser fx. Sådan her ud:

i toppen
Fold kodeboks ind/udKode 

Doctype fortæller hvor strengt din browser skal kigge på din kode.
Script er hvis du fx. har noget javascript-kode, du henviser til.
Title er det, der kommer til at stå i fanebladet i din browser. (Ups jeg har ikke udfyldt den...!)
Link i dette tilfælde er til mnit stylesheet, som er kodet i css. (Du skal style i CSS!) Det kan fx. se således ud:
p {
font-size: 11 px;
color: blue;
}
osv.
Style her er fordi, jeg bruge et forskellig header-img på hver af mine sider, og derfor har jeg taget lidt af css'en ind i HTML-dokumentet, så det kun slå igennem på de sider, hvor jeg skriver det.

Det er det kedelige om head-delen af HTML-dokumentet. Nu kommer det sjove: indholdet (Body-delen)!

<body>
<div id="wrapper">
<div id="indhold">
</div>
</div>
</body>
</html>

Start med body, den kan du fx give en farve.Husk, at den skal afsluttes med </body> lige før du afslytter hele dokumentet med: </html>
din wrapper kan du evt giove følgende style:
#wrapper{
width:800px;
height:600px;
color: #FFF;
}

Og i din indholds-div kan du skrive din tekst med typiske html. Det kunne fx se således ud:

<div id="indhold">

<h1>Overskrift</h1>
<h3>Under-overskrift</h3>
<p>brød-tekst</p>

</div>

Nu vil hele din teskt fylde sig ud i den bestemte width, du har defineret: 800.
Måske vil du gerne have to felter med hver deres tekst. Så skal dit indholds-div se sådan her ud:

<div id="indhold">

<div id="tekstfelt-1">
<h1>Overskrift-1</h1>
<h3>Under-overskrift-1</h3>
<p>brød-tekst-1</p>
</div>

<div id="tekstfelt-2">
<h1>Overskrift-2</h1>
<h3>Under-overskrift-2</h3>
<p>brød-tekst-2</p>
</div>

</div>

Og så skal du huske at skive i din css, hvor store de to div må være. Fx sådan her:

#tekstfelt-1{
width: 400px;
height: 400px;
background-color: red;
}
#tekstfelt-2{
width: 400px;
height: 400px;
background-color: yellow;
}

Så skulle du få to kvadratiske tekst-felter med hver deres farve, som du kan skrive hvert deres indhold i.

Hvis du ikke forstår dette, så skal du igang med at lave tutorials.. For guds skyld: begynd IKKE at lave hjemmesider i tabeller!



S



Du får noget værre c... kode når du slicer gennem imageready.

ret:

<td rowspan="11"><img src="images/14.gif" width="420" height="528" alt=""></td>


til

<td rowspan="11" style="background-image: url('images/14.gif')">BLAAAA</td>


Venligst



Det hjælper jo ikke på mit problem?



t