Trenger hjelp me kodingen

[Artistic.Hipster]

Jeg er fortsatt ganske grønn når det kommer til kodingen(jeg bruker da dreamweaver) Og jeg vil sette inn en nyhetsbok på siden min, synes det blir litt rotete nå. Men jeg hvet ikke hvordan jeg skal gå frem i dreamweaver for å greie dette(sikkert veldig enkelt men jeg greier det ikke)

 

Nyhetsboksen skal være noe slik som dette.

 

Noen som kan være s snill å hjelpe meg litt

[Purify]

Du må nok bruke Flash for å få til en slik scrollbar.

 

Angående den nyhetsboksen, så har jeg ikke peiling.

 

[Artistic.Hipster]

Scrollen er bare fra ss jeg tok Jeg bruker windowblinds(skifter designet til windows, inkludert scrollbar)

[Purify]

Vel, jeg bruker heller ikke standard scrollbar i Windows, men det betyr ikke at alle andre også gjør det.

 

Ta hensyn til majoriteten.

[Artistic.Hipster]

Vel, jeg bruker heller ikke standard scrollbar i Windows, men det betyr ikke at alle andre også gjør det.

 

Ta hensyn til majoriteten.

Den ser vel helt normal ut hos alle andre?

Som sagt så tok jeg et ss fra browseren, limte inn i PS å la til en nyhetsboks som jeg trenger hjelp me å kode inn

[TimmyTheRapboy]

Det du må gjøre er å slice opp bildet i photoshop og deretter sette det sammen igjen ved hjelp av tabeller eller divs. Jeg bruker tabeller siden jeg ikke kan så mye om divs enda.

[Purify]

Eller eventuelt legge bildet i en undermappe i dokumentet, f.eks. "nyhetsboks". Hvis du da lagrer nyhetsboksen du vil bruke i den mappa, og refererer til det bildet via CSS. Eller noe.

 

background: url(nyhetsboks\nyhetsboks.jpg);

 

Eller?

 

Edit: Ikke nyhetsbok.

 

Edit 2: Man skal _ikke_ bruke tabeller. Divs og CSS er tingen.

Endret 3. august 2004 av Purify

[TimmyTheRapboy]

Joda, men da vil du få et problem når teksten blir for lang, siden menyboksen ikke strekker seg etter teksten om du gjør det på den måten. Ved å bruke tabeller eller divs kan du få nyhetsboksen til å utvide seg ettersom teksten blir lengre.

 

Regner med at du må dele bildet opp i ni deler, og tabellen vil da se sånn ut:

 

<table marginheigth="0" marginwidth="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="link/til/slice1.jpg"></td>
<td background="link/til/slice2.jpg"></td>
<td><img src="link/til/slice3.jpg"></</td>
</tr>
<tr>
<td background="link/til/slice4.jpg"></</td>
<td background="link/til/slice5.jpg">Tekst og innhold kommer her!</</td>
<td background="link/til/slice6.jpg"></</td>
</tr>
<tr>
<td><img src="link/til/slice7.jpg"></</td>
<td background="link/til/slice8.jpg"></</td>
<td><img src="link/til/slice9.jpg"></</td>
</tr>
</table>

 

Du må så klart foreta litt endringer for å få det til å se bra ut.

Endret 3. august 2004 av TimmyTheRapboy

[harald_]

<table marginheigth="0" marginwidth="0" cellspacing="0" cellpadding="0">
masse skummel kode
</table>

å fyttirakkern!

<div class="header">
<!-- header bilde -->
</div>
<div class="meny">
<ul>
 <li><a href="#" class="menyvalg1"><span class="usynelig">menyvalg</span></a></li>
 <li><a href="#" class="menyvalg2"><span class="usynelig">menyvalg</span></a></li>
 <li><a href="#" class="menyvalg3"><span class="usynelig">menyvalg</span></a></li>
 <li><a href="#" class="menyvalg4"><span class="usynelig">menyvalg</span></a></li>
</ul>
</div>
<div class="container">
 her putter du alt innholdet ditt
</div>
<div class="footer">
 footer
</div>

 

orka ikke mekke noe css nå..

Endret 4. august 2004 av harald_

[Haraldson]

Det var ikke snakk om selve menyen, men det rundt, som jeg forsto det.

 

Eller kanskje det var det

Go harald_!

Endret 3. august 2004 av Mr.Berg

[Artistic.Hipster]

Takk for hjelpen, skal se om jeg får det til nå

[TimmyTheRapboy]

<table marginheigth="0" marginwidth="0" cellspacing="0" cellpadding="0">
masse skummel kode
</table>

å fyttirakkern!

<div class="header">
<!-- header bilde -->
</div>
<div class="meny">
<ul>
 <li><a href="#" class="menyvalg1"><span class="usynelig">menyvalg</span></a></li>
 <li><a href="#" class="menyvalg2"><span class="usynelig">menyvalg</span></a></li>
 <li><a href="#" class="menyvalg3"><span class="usynelig">menyvalg</span></a></li>
 <li><a href="#" class="menyvalg4"><span class="usynelig">menyvalg</span></a></li>
</ul>
<div class="container">
 her putter du alt innholdet ditt
</div>
<div class="footer">
 footer
</div>

 

orka ikke mekke noe css nå..

Som du kanskje fikk med deg så sa jeg at han burde foreta et par endringer for å få det til å se bra ut, som f.eks å putte alt i en css fil. Og du fikk kanskje med deg at jeg sa at jeg ikke kunne så mye med divs enda, derfor tok jeg et eksempel med tabeller istedenfor. Dette var jo bare for å vise et eksempel på hvordan han kunne gjøre det.

[Haraldson]

Og harald_ viste et eksempel på hvordan han kunne gjøre det fint med tanke på koden OG semantisk riktig, alt på en gang. Er det ikke fantastisk?

[Cucum(r)]

Og harald_ viste et eksempel på hvordan han kunne gjøre det fint med tanke på koden OG semantisk riktig, alt på en gang. Er det ikke fantastisk?

Veeel...

Man trenger så absolutt ikke å ha en div rundt menyen, da man liksågodt kan sette en klasse eller id på ul

I stedet for å skrive a class="menyvalg", kan man heller skrive ul a {regler} i stilarket sitt.

Det samme gjelder egentlig for span class="usynelig", hvor man heller kan skrive a span {display:none;} i stilarket.

 

Var bare det...

[Lemkin]

*lære seg å lese*

Endret 4. august 2004 av smoothie

[Haraldson]

SirIce: Vel, det er bedre enn masse tabeller.

 

Dessuten er det greit med klasse på linkene, da de ikke skal ha samme bakgrunnsbilde.

[Smidt]

vel nå er ikke koden helt semantisk,

headeren skal se sånn ut:

<h1 class="header">dinside.com</h1>

 

ellers ser det bra ut

[Haraldson]

<h1 class="header">dinside.com</h1>

Helt unødvendig med class på h1, da h1 skal være unik.

[Smidt]

<h1 class="header">dinside.com</h1>

Helt unødvendig med class på h1, da h1 skal være unik.

[ro]for oversikten sin del kan det jo være greit [/ferdig å ro]