Gå til innhold

Min første hjemmeside, laget i bilder.

Rinox

Anbefalte innlegg

Rinox

Rinox

Skrevet
  • Forfatter
Skrevet

Huff av meg... Nå er jeg nesten bare forvirret... Dette er jo krig! :cry: Hadde bare volcomer hett saddam hadde klikket helt nå! :hrm: Men... Jeg har litt lyst til å bruke CSS her... (Kanskje jeg kan lære begge måter?) Noen som kan gi meg svaret i CSS? Jeg vet at noen allerede har sett bort fra bush og... ehh... saddam...Og dermed svart uten krangling og det setter jeg veldig stor pris på :) Likevel er jeg nå veldig forvirret... (Her burde jeg hatt en smiley som klør seg i bakhodet)

 

Noen som har svaret?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Lovskogen

Lovskogen

Skrevet
Skrevet

Kanskje jeg kan gi deg koden til hele saken, men føler du at du kan HTML og CSS godt nok da? Virker som du har laget det i Photoshop, uten å vite hvordan alt virker. Jeg ville anbefalt deg å satt deg litt inn i HTML og CSS først, også kan du jo titte på image-replacement-teknikker senere.

Lenke til kommentar
Rinox

Rinox

Skrevet
  • Forfatter
Skrevet

Vel.. jeg kan jo bare vise deg HTML og CSS koden som jeg har brukt... Eller hva? Så kan du kanskje bare fikse kjap over den? Det eneste jeg vil er å ha et bakgrunnsbilde som ikke gjentar seg selv og som er i midten av siden. Det er det jeg vil ha...

 

Her er kodene:

 

HTML:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Photoshop Design: Våre tips, ditt design</title>
<link rel="stylesheet" type="text/css" href="forsiden.css" />
</head>
<body background="Bilder/Bakgrunn_psdesign.jpg">
</body>
</html>

 

CSS:

 

body {
font-family: Arial, Helvetica, sans-serif;
}

td {
font-family: Arial, Helvetica, sans-serif;
}

th {
font-family: Arial, Helvetica, sans-serif;
}

background {
background-image: url(Bilder/Bakgrunn_psdesign.jpg);
background-repeat: repeat-y;
background-position: center top;
}

 

 

Og her er bakgrunnsbildet som et vedlegg:

post-104396-1153563820_thumb.jpg

Lenke til kommentar
Rinox

Rinox

Skrevet
  • Forfatter
Skrevet

Takk dere, men jeg har allerede lest en del på htmldog.com :)

 

Men bush... Kan ikke du eller noen andre bare skrive koden så jeg kan se om det er for vanskelig for meg? Så, hvis det er for vanskelig, så lagrer jeg koden et eller annet sted på PC-en så jeg kan finne det fram igjen når jeg føler at jeg kan det som jeg trenger :)

Lenke til kommentar
Arve Systad

Arve Systad

Skrevet
Skrevet (endret)

Fjern Background-attributten frå body-elementet ditt, og legg dette til i stilarket ditt som:

 

body { background: url(sti/til/fil.jpg); }

 

Lag så eit div-element som ein slags hovedcontainer i dokumentet ditt, som du gir ein klasse/ID. Deretter stiliserer du den på same måte som du har gjort med "background" i stilarket ditt. Per no har ikkje stiliseringa di av "background" noko for seg, i og med at der ikkje eksisterar noko HTML-element som heiter Background.

 

Les her for å lære litt meir om selektorar :)

Endret av Arve Systad
Lenke til kommentar
Rinox

Rinox

Skrevet
  • Forfatter
Skrevet (endret)

Ja, du har rett... Det er sommer... Men nå fikk jeg det til! Endelig! :dribble:

Jeg har tatt tiden og regnet ut at jeg har brukt nå.... Ehh... Over 4 timer på dette... Uff, uff.. Det var mye, men takk for hjelpen uansett :) Alle sammen :) Nå sliter jeg bare litt med hvordan teksten skal være oppå bildet (hvor den skal være og slikt). Jeg får vel bare bruke masse space og enter... Margin virket ikke på den måten jeg prøvde...

 

Edit: Margin virker nå. Måtte lage en ny ID :)

Endret av Rinox
Lenke til kommentar
Rinox

Rinox

Skrevet
  • Forfatter
Skrevet

Nå er jeg nesten ferdig, bortsett fra en ting... Teksten på forsiden... Jeg vil ha 2 kolonner nedover. Det ene skal være større enn det andre.. Disse to skal være ved siden av hverandre. Dette har jeg ikke lest noe om, men er det noen som kan forklare det?

Lenke til kommentar
Rinox

Rinox

Skrevet
  • Forfatter
Skrevet

ok, dette her er kodene:

 

html:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Photoshop Design: Våre tips, ditt design</title>
<link rel="stylesheet" type="text/css" href="forsiden.css" />
</head>
<body>
<div id="background">
<div id="backgroundtext">
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>Velkommen til Photoshop Design! Denne siden er hovedsaklig basert på design med Photoshop, men også på annen form for webdesign. Det vil si at denne nettsiden er laget for design-entusiaster og for folk som liker å programmere i HTML, CSS og PHP.</div>
</body>
</html>

 

CSS:

 

body {
font-family: Arial, Helvetica, sans-serif;
background: url(Bilder/Bakgrunn.psdesign.jpg);
}

td {
font-family: Arial, Helvetica, sans-serif;
}

th {
font-family: Arial, Helvetica, sans-serif;
}

#background {
background-image: url(Bilder/Bakgrunn_psdesign.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#backgroundtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 350px 0 350px;
}

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...