Gå til innhold

realfingolfin

Medlemmer
 Vis profil  Se deres aktivitet

  • Innlegg

    262

  • Ble med

  • Besøkte siden sist

 Innholdstype 

Innlegg skrevet av realfingolfin

  8. Hurra! Jeg har fått meg hjemmeside!

    i Programmering og webutvikling

    Skrevet

    Men hvordan får jeg fiksa det sånn at bakgrunnsbildene ikke legges side-ved-side for dem som kjører über-oppløsning på skjermene sine? Er fortsatt en grønn noob når det gjelder hjemmesider  :innocent:

    Det kan du gjøre med CSS:

    background-repeat:no-repeat;

    ^Legg til den attributten påelementet som har bakgrunnsbildet, så vil det ikke repetere seg..

    Trådstartet, vet du hva css er ?

    Og jeg var ikke helt glad i bakgrunnen :whistle:

    Hvis du bruker online.no sin hjemmesidegenrator anbefaler jeg at du går over til dreamweaver eller frontpage. Tror det finnes en gratisversjon av frontpage (98?)

  9. Feedback på hjemmeside

    i Programmering og webutvikling

    Skrevet

    Og hvordan går jeg over til ekstern CSS ?

     

     

    Det du gjør for å linke til en ekstern css er at du skriver det her mellom head-taggene

    <link rel="stylesheet" type="text/css" href="stil.css">

    Hvor stil.css er urlen til det eksterne stilarket.

     

    Offtopic: kan man bruke @import for å laste inn css fra en annen url enn serveren?

     

    det du gjør med css er at du åpner notepad start-kjør-(skriv notepad) enter-

    Da lager du en lignende dokument: 

    body
{
text-align: center;
background-color: #B0B0B8;
font-family:system;
font-size: 12pt;
}
#navlist
{
color: black;
background: #C8C8D0;
margin-left: 0px;
width: auto;
font: normal 0.8em Verdana, sans-serif;
}

    og lagrer det som "hvasomhelst.css" det er kjempeviktig at du tar med quotene. ""

  15. Feedback på hjemmeside

    i Programmering og webutvikling

    Skrevet

    Det var fint dette :thumbup: Men du bør kanskje *endre* menye din til venstre, var ikke særlig glad i den.. Ganske ren hjmmeside, kanskje litt for ren, bør ha et par bilder.. Og så er det veldig tomt til venstre for menyen din.. (jge har høyere oppløsning enn 800x600)

     

    Ellers bra.

     

    Har absolutt [bold]NULL[/bold] vanskeligheter med å lese skrifta. Du bør virkelig gå over til eksterne css, mye mer oversiktelig og lettere for deg og for oss som viewer sourcen din lol

  16. Mitt første "ordentlige" try med css, hva synes du

    i Programmering og webutvikling

    Skrevet

    Selv om du opptrer veldig arrogant så gir jeg deg en link der du kanskje kan finne farger lettere: http://color.twysted.net/ .

    Arrogant? for all del, det er ikke meningen og jeg vil unnskylde hvis jeg har oppført meg slik. Men å si at en artikkel (tror det var fargelære) innholdte kort sagt HVA men ikke HVORDAN vel..jeg hadde ikke oppfattet det som arrogant.

     

    Unnskyld allikevel hvis jeg har oppført meg arrogant selv om jeg mener at det er en uriktig påstand.

     

    Angående linken: Takk :!:

  18. Mitt første "ordentlige" try med css, hva synes du

    i Programmering og webutvikling

    Skrevet · Endret av realfingolfin

    Du har ihvertfall prøvd ;) Men det er sikkert noen småbugs i CSS'en, for siden oppfører seg ulikt i alle nettleserne (Opera, IE og FF).

     

    Det bugga verst i FF, IE så det vel riktigst ut, mens i Opera så dekket footer i hele bakgrunnen til left center og right boksene.

     

    Fargevalg kan jo være en annen sak, jeg syntes fargene i seg selv er behagelige, men litt vanskelig å bedømme når designet er som det er.

     

    font-family: system; blir vel feil, siden det bare er windows som har dette? Bør helst ha en font som er en generic, dvs at du har på slutten av den font-family: dinfont, sans-serif; f.eks..  fonter som er generic: sans-serif, serif (mulig det er flere, men monospace, fantasy og cursive vet jeg ikke så mye om)

     

    All teksten i stylesheeten din var på en linje, blir litt pes å debugge :D

    Eh, ikke sånn som jeg ser det.

     

    Edit: du kan jo se på innlegg fire i dette http://forum.hardware.no/index.php?showtopic=316544 der er hele cssen

    stil.rar

  20. Mitt første "ordentlige" try med css, hva synes du

    i Programmering og webutvikling

    Skrevet · Endret av realfingolfin

    Ganske kjedelig ja.

    Kom tilbake når du har et ferdig produkt.

    Padd noe inn i h**(padding)

    Ny font

    Les artikkelen om fargebruk engang til.

    Det gjelder å få matchende fine farger får å få siden interessant.

    Vet, lyse bilder gir ren følelse osv, men jeg kan ikke ha hele sida hvit, jeg mener...

     

    Edit: jeg tok utgangspunk i #808080 og endret litt på det i bakgrunnen til hver av de forskjellige divene.

     

    Finnes det en hjemmeside hvor jeg kan lære å bruke # systemet? så slipper jeg å klikke på rødt for å få #et eller annet osv på en eller ræva forklart hjemmeside. den på unrealized er utrolig bra men mangler litt forklaring spør du meg.

  21. Div,Div,Div-alle ved siden av hverandre, mulig?

    i Programmering og webutvikling

    Skrevet · Endret av realfingolfin

    hvis man skal ha en div under alle de dvene igjen da? hva skriver man da?

    sliter med å få en div på neste linje hvis du skjønner hva jeg mener.

    Ta sånn paint-ting sånn som meg så skjønner vi det bedre, jeg skjønte det ikke hvertfall

     

    Edit: Det går fint det, bare kopier f.eks .left og rename KOPIEN til f.eks left_under

     

    og html <div class="left_under">Lorem Ipsum</div>

     

    Men sørg for å ha det etter alle de andre divene, de som skal være over den du vil ha.

     

    css

    body
{
text-align: center;
background-color: #465354;
}
.header
{
width: auto;
text-align: center;
margin: 1px;
border-style: solid;
border-width: 1px;
border-color: #fff;
background-color: #808076;
margin-bottom: 3px;
}
.container
{
background-color: #423517;
height: 400px;
width: auto;
margin: 12px;
}
.footer
{
background-color: #818691;
text-align: center;
font-size: 12pt;
font-family: system;
margin-top: 13px;
margin-left,right: 1px;
border-style: solid;
border-color: #fff;
border-width: 1px;

}
.wrap
{
width: auto;
margin: 0 auto;
text-align: left;
}
.left {
float: left;
width: 23%;
margin-left: 1px;
background-color: #808976;
height: 1000px;
border-style: solid;
border-color: #fff;
border-width: 1px;
}
.left_down {
float: left;
width: 23%;
margin-left: 1px;
background-color: #808976;
height: 1000px;
border-style: solid;
border-color: #fff;
border-width: 1px;
}

hr
{
color: fff;
}

a:link
{
background-color:#000;
}
.center {
width: 55%;
float: left;
height: 1000px;
margin-left: 10px;
background-color: #808069;
border-style: solid;
border-color: #fff;
border-width: 1px;
}
a:link 
{
color: #654348;
background-color: #inherit;
text-decoration: none;
}   
a:visited 
{
color: #354354;
text-decoration: none;
}
a:hover 
{
color: orange;
text-decoration: underline;
font-family: system;
}
a:active 
{
color: #575964;
text-decoration: none;
}
.right {
width: 19.58%;
float: left;
height: 1000px;
margin-left: 10px;
margin-right: 1px;
background-color: #808072;
border-style: solid;
border-width: 1px;
border-color: #fff;
}
div
{
font-family: system;
font-size: 12pt;
}

    html

    <html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Innhold</title>
<link rel="stylesheet" type="text/css" href="stil.css">
</head>

<body>
<div class="header""><a href="http://www.google.com" alt="dette er en test på hover">www.google.com</a>
<p>Dette var en test på hover, driver og mekker header på ps..</div>
<div class="wrap">
 <div class="left">
   Navigasjon
   Jepp, her skal jeg ha navigasjon ,har kommet frem til en ide, men vil gjerne vite hvordan du gjør..oh, der fant jeg det på google :-)
 </div>
 <div class="center">
   Innhold
   Ser ut til at du stakk innom fra forum.hardware.no
   Vel, se deg omkring og slakt løs.
   <br>
   <br>
   <ul><li>Som du sikkert ser så er fargene sugent men av en kobinasjon på xxxxxx^xxxxxx så har jeg vanskeligheter med å finne passende og matchende farger, det er spesielt dette jeg vil ha slakting på. Don't worry be happy, skal endre li med et eller annet bilde</ul>
 </div>
 <div class="right">
   Her tror jeg at jeg skal ha en shoutbox eller lignende, søkefunksjon knaskje, linker, reklame (ikke større enn 100x100) Kom gjerne med forslag til hva jeg kan gjøre med dette..
 </div>
 <div class="footer">Vel tenkte at epost, admin osv. kunne plasseres hit., driver med footer i ps.</div>
<div class="left_down">BlaBlaBlaBlaBla</div>
</body>

</html>

  22. Mitt første "ordentlige" try med css, hva synes du

    i Programmering og webutvikling

    Skrevet

    Jeg vil gjerne at dere slakter så mye som mulig (ikke få meg på gråten da..) det er det man lærer av.

     

    Etter en periode med mye feiling, mus-i-veggen-slenging og annet herp av pc så har jeg kommet en del på vei, er klar over at mange av dere som går inn på linken kommer til å si: en del på vei??

    Men ja, jeg driver og skisser sida skjønner dere og håper den blir ferdig i løper av oktober-nov (4 heldagsprøver, OD, ID, ekskursjon, prøver osv)

     

    Ja....så er vi der

    http://sarajnews.com/data_it/web/

  24. kan noen peke ut alle mine feil? (css)

    i Programmering og webutvikling

    Skrevet

    bare for å få ting litt klart her, hva er en <hr/> og hvordan bruke den? :)

     

    har skjønnt såpass som at det er en horisontal skillelinje som gjør verden en fin plass å leve på, men sånn litt mer nøyaktig, hvilken hensikt har den? gjerne et lite kode eksempel! (jeg er så treig.. :blush: )

    Eh..<hr> er en horisontal linje som du kan redigere i .css slik at den blir akuratt slik du vil ha den, den "normale" uten noe form for redigering når hele skjermen (i bredden) og er kanskje 2-3px bred..Den brukes til f.eks: skille noe fra noe annet.

×
×
  • Opprett ny...