Convertere PSD til HTML/ CSS

Tags:    html css

Hey
Nu har jeg studeret html og css i nogle måneder og synes selv at
jeg kender til næsten alt html og css.

Men jeg har et stort problem da jeg havde lavet et lækkert design
i photoshop som jeg så ville kode ind i html/ css.

Jeg ville kode ind mid div og jeg gør sådan her.

html

<div id="logo">
</div>

css

#logo {
float: left;
height: 45px;
width: 50px;
background-image: url(images/logo.png
}

For mig ser det rigtig ud og det skal siges jeg har prøvet mange
andre ting men mit logo vil bare ikke vises, når jeg sidder og
roder med det så sker der nogle forskellige ting som at hvis jeg
skifter et billede ud så bliver det gamle ved med at være der
selvom jeg har gemt ændret sti og slettet billedet helt.

Det er som om at det gør hvad det vil :-)

Nå men beder jeg ikke om at sidde og udpege mine fejl, men råd
til hvordan jeg kan forsætte mit arbejde altså:

tutorials & råd - hvordan lærte i det og hvad skal der ligges
vægt på og måske lige hvad grund koderne er, så jeg har noget at
gå efter.

Tak på forhånd

// Joakim




5 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Du lukker ikke din parantes af i #logo..

Jeg lærte det ved at prøve igen, og igen, og igen.. Har aldrig rigtig fundet tutorials som har været noget værd inden for det her emne..



okay tak - også et godt råd :-)

og du mener at det skal være sådan her istedet?

#logo
float: left;
height: 45px;
width: 50px;
background-image: url(images/logo.png
}

det har jeg nemlig også prøvet har virkelig prøvet alt, så går mere efter råd og gode vejledninger til at komme på rette vej.

ellers prøver jeg selfølgelig at lære det på den hårde vej - learning by doing



#logo {
float: left;
height: 45px;
width: 50px;
background-image: url(images/logo.png) // Du manglede denne.
}



Jeg mente det, som Martin viser :)



ah ja okay, det var bare en slå fejl :-)



t