Guide: Hvordan få en skisse til å bli ferdig HTML

[Krom-stag]

Har du prøvd ut litt forskjellig? Bare prøv å lag designet ditt i kode, og sleng det ut. Så kan jeg se på det, og kommentere..

Det er dette jeg ikke skjønner hvordan jeg skal gjøre..

[AnaXyd]

Prøv å gjør som beskrevet i guiden da? Bruk en av mine maler, og sett opp dine egne diver med ulik bakgrunn slik at du får frem designet ditt. Jeg kan prøve å slice den opp for deg, og kode det enkelt og greit. Men jeg vil at du skal prøve litt selv også!

[Tortuga]

Konge guide

 

En ting jeg har lurt litt på da. Har laget et design nå, og kodet den i html/css.

Jeg bare lurer på om det går ann og sette i f.eks css koden at alle diversions skal være midstilt uansett skjermstørrelse. (altså at websiden vises midt på skjermen.)

 

 

 

Edit: Har kommet meg litt videre, men støtte på et par problemer. (Det er en del ting i koden som kan taes vekk/forbedres, men uansett)

 

Jeg sitter med denne koden:

CSS----

#content {
margin: 0px auto;
width: 600px;
height: 510px;
left: 200px;
top: 165px;
background-image:url(images/content.jpg); }

#contenttekst {
margin: 0px auto;
width:554px;
height:475px;
left: 24px;
top: 17px; }


#bunnbilder {
margin: 0px auto;
width: 150px;
height: 175px;
left: 664px;
top: 452px; }

HTML----
<div id="content">
<div id="contenttekst" class="content">
  <h1 align="center">overskrift</h1>
	<blockquote>
	  <p align="left">Her skal det stå mye tekst</p>
		</blockquote>
		<div id="bunnbilder"><img src="images/*bildenavn*.jpg" width="150" height="175" alt=*tekst* />
					</div>
</div>
</div>

 

Alt sammen her er nå midtstilt (om det er gjort på riktig måte, vet jeg ikke), og det jeg sliter med er "bunnbildet" som er et lite bildet som skal ligge nede i høyre hjørnet av "content" (som bare er en stor firkant med tekst inni) Dette bildet beveger seg lenger ned i forhold til hvor mye tekst som ligger inni "content tekst" <div> fordelingen.

Hvordan får jeg dette bildet til og bli på en plass uavhengig av alt det andre innenfor hele "content" <div>

 

Det er fult forståelig om dere ikke forstår spørsmålet, men si isåfall ifra, så kan jeg prøve og formulere det anderledes, eller få opp et bilde når jeg får tilgang til filene igjen. (ligger på skolen)

Er det noe som burde gjøre anderledes (og jeg vet at koden er rotete, skal rydde opp så mye jeg kan senere) så kom gjerne med forbedringer.

(Hadde det passet seg bedre om jeg laget en egen tråd om problemet mitt, så får dere si ifra)

Takk

Endret 25. mars 2009 av Tortuga