Ustedalen trenger hjelp til HTML og CSS!

Haraldson · 6. juni 2006

Hva på din side er det som krever XHTML?

hockey500 · 6. juni 2006

absolutt ingenting kan jeg tenke meg, men det var en gluping på dette forumet som anbefalte det.

Arve Systad · 6. juni 2006

jeg skriver nå hvertfall valid xhtml, så jeg kan ikke være helt på jordet

6257201[/snapback]

Jo, du er igrunn heilt på jordet.

Ein kan uten store problem skrive valid XHTML om du tenker slik som deg (at dei vesentlige forskjellane er /> og denslags).

Og om du ikkje faktisk treng XHTML, så er det like greit å skrive HTML. Og det er ytterst få som har behov for XHTML per i dag. Kanskje om nokre år vil det endre seg.

Men la oss ikkje spore heilt av her, hopp over til kafèen for uvesentlig snikksnakk.

Endret 6. juni 2006 av Arve Systad

Ustedalen · 7. juni 2006

Nå har jeg begynt på CSS, og tror jeg forstår en del.

Derimot har jeg et problem med programvaren, notepad2. Derfor lurer jeg på om det er noe problem med koden i tillegg!

Har denne koden:

h2 {
font-size: 1.5em;
background-color: #ccc;
margin: 0em;
padding: 0,1em;
border-style: dashed;
border-width: 3px;
border-left-width: 10px
border-color: red

}

I notepad2 blir alle hovednavnene (font-size, background-color osv) blå, untatt "border-color", "border-right-width" osv. Heller blir ikke nettsiden som jeg "lager" oppgradert.

Er det noe jeg har gjort feil? Isåfall, hva da?

Endret 7. juni 2006 av Ustedalen

AlecTBM · 7. juni 2006

du mangler jo noen ';' i koden.

ellers så ser det ok ut

Haraldson · 7. juni 2006

Hva mener du med at nettsida ikke oppgraderes?

Endret 7. juni 2006 av Mr.Berg

Ustedalen · 7. juni 2006

Takk AlecTBM, det var det som var problemet

Må se om jeg har forstått det riktig med div og id nå.

Altså, si at jeg har denne koden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Jon prøver seg på HTML-koding</title>
</head>
<body>
<h1>En hjemmeside</h1>
<h2>Er hva dette er</h2>
<p>Dette er riktig nok noe jeg bare lager for å lære meg HTML-koding</p>
<p>Ganske spennende faktisk</p>
<p>Litt artig å leke med <em>italic/kursiv</em> og <strong>bold/fet</strong>skrift</p>
<ul>
   <li>Lage lister lærer jeg også</li>
   <li>Det er ganske interessant</li>
   <li>
         Jeg prøver å lage lister av listen
         <ol>
            <li>Noe som jeg faktisk klarte</li>
            <li>Enda en gang</li>
         </ol>
   </li>
   <li>Artig dette</li>
<h2>Hva er min ekte hjemmeside?</h2>
<p><a href="http://www.ustedalen.com">ustedalen.com</a></p>
<h4>Si et bra forum!</h4>
<p><a href="http://www.hw.no">hw</a></p>
<h4>Også prøver vi å legge ut et bilde et bilde fra en eller annen nettside:</h4><img src="http://www.hoppern.com/gfx/header.jpg" alt="Bilde" />

La oss si at jeg vil ha dette om til stor (bold) skrift, men ikke resten av siden:

<p>Dette er riktig nok noe jeg bare lager for å lære meg HTML-koding</p>
<p>Ganske spennende faktisk</p>
<p>Litt artig å leke med <em>italic/kursiv</em> og <strong>bold/fet</strong>skrift</p>

Blir det da?

<div="stor">
<p>Dette er riktig nok noe jeg bare lager for å lære meg HTML-koding</p>
<p>Ganske spennende faktisk</p>
<p>Litt artig å leke med <em>italic/kursiv</em> og <strong>bold/fet</strong>skrift</p>
</div>

#stor {
font-style: bold
}

Hvis jeg så vil ha f.eks denne linjen rød i tillegg, men da bare den linjen rød:

<p>Dette er riktig nok noe jeg bare lager for å lære meg HTML-koding</p>

Blir det da seende ut slik?

<div id="stor">
<p class="farge">Dette er riktig nok noe jeg bare lager for å lære meg HTML-koding</p>
<p>Ganske spennende faktisk</p>
<p>Litt artig å leke med <em>italic/kursiv</em> og <strong>bold/fet</strong>skrift</p>
</div>

#stor {
font-weight: bold
}

.farge {
color: red;
}

Er det noe annet enn dette "div", "id" og "class" brukes til?

Har jeg gjort det nogenlunne riktig over?

Endret 7. juni 2006 av Ustedalen

Arve Systad · 7. juni 2006

Hugs at du kan spare et par bytes, samt få litt bedre oversikt, ved å sløyfe måleenhet når verdien er null. For eksempel vil du ikkje måtte skrive meir enn margin: 0;, i staden for margin: 0em; som du har gjort.

Det du også bør gjere i ditt tilfelle er å korte ned litt på border-eigenskapane dine. Du er ute etter å ha 3px dashed border rundt heile, bortsett frå til venstre, der du vil ha 10px?

border: 3px dashed #F00;
border-left-width: 10px;

Slike ting er litt kjekt å kunne, ein kan spare ganske masse plass på akkurat det

Edit:

Heilt riktig det du har gjort med #stor og .farge der ja. Klassar og IDar brukast til nettopp det der, å gi ulike element ulik utsjånad dersom du vil ha det annerledes enn "standardstilen" for det og det elementet. ID kan også brukast som eit mål for lenker innad i HTML-dokumentet ved å linke på denne måten:

<a href="#stor">Hopp til id#stor</a>

Lenka over vil hoppe ned til elementet du har gitt ID "stor". Kan vere praktisk å gi overskrifter i lange dokument ein ID, for så å kunne hoppe frå ei oversikt i topp/bunn av sida.

Men sjå igjennom HTML-koden din, og få lukka det ul-elementet da vel

Sjå forøvrig dei siste sidene i webkafèen angåande det å hoppe over overskriftnivå (h2 => h4, slik du har gjort her).

Endret 7. juni 2006 av Arve Systad

Ustedalen · 7. juni 2006

<ul> er lukket!

Ang. overskriften så er ikke dette noe jeg kommer til å bruke på nettet. Nå bare leker jeg meg med koden, sjekker hva forskjellen blir når jeg forandrer på noe.

Takk for hjelp

Magnus Holm · 7. juni 2006

En annen viktig ting når du jobber med margin og padding er at hver browser legger til egne verdier på de forskjellige elementene, men hvis du legger til:

* {
margin: 0;
padding: 0;
}

i startet så fikser du det

Ustedalen · 7. juni 2006

En annen viktig ting når du jobber med margin og padding er at hver browser legger til egne verdier på de forskjellige elementene, men hvis du legger til:
* {
margin: 0;
padding: 0;
}
i startet så fikser du det

6261942[/snapback]

Skal det legges til på hvert eneste css felt? :dontgetit:

Har kommet nå til javascript funksjonen hos htmldog, og jeg forstår ikke dette helt.

<script type="text/javascript">
function opennastypopup() {
window.open("monster.html", "", "toolbar=no,height=100,width=200");
return false;
}
</script>
...
<a href="monster.html" onclick="return opennastypopup()" onkeypress="return opennastypopup()">Monster</a>

Jeg har lest gjennom x-antall ganger nå, og jeg forstår fortsatt ikke helt dette. Hva er det jeg egentlig gjør? Skal "scripten" stå før linken som skal åpnes som en popup i kodefeltet?

Skal virkelig koden være slik?

Blib · 7. juni 2006

Jeg ville bare holdt meg unna JS for nå var jeg deg. En del brukere velger å bare disable JS totalt så du må uansett sørge for at nettsiden din er fullt funksjonabel uten JS. JS er også ikke morro uten AJAX IMO og det ligger en *del* timer foran deg

AlecTBM · 7. juni 2006

Må bare si en ting.

Du trenger ikke å ha

* {
margin: 0;
padding: 0;
}

på hvert eneste felt. det er kun der du ikke skal ha margin og padding.

PS.

Enig med Blib.

Holde deg unna Java Script og liknede koding. Hjør deg flink med html og css først.

Ustedalen · 7. juni 2006

Greit, skal holde meg unna javascript for en stund, men trengs ikke det i en nettside?

Hvis vi f.eks tar utgangspunkt i Hein sin hjemmeside, http://undeclined.net (skal innrømme at jeg synes denne er ufattelig fin ), og ser på source koden, så ligger det flere javascript koder.

F.eks denne som lå helt nederst:

<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
 window.open = SymWinOpen;
 if(SymRealOnUnload != null)
    SymRealOnUnload();
}

function SymOnLoad()
{
 if(SymRealOnLoad != null)
    SymRealOnLoad();
 window.open = SymRealWinOpen;
 SymRealOnUnload = window.onunload;
 window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>

Hva er dette, og er det virkelig nødvendig å ha det på en nettside?

Har arbeidet meg gjennom HTML Advanced nå, og kommer mest sannsynelig til å bli ferdig med CSS Advanced i morgen. Hva skal jeg gjøre videre? Burde jeg begynne å lage hjemmesider med en gang, eller burde jeg lære mer fra andre steder?

Skal til Oslo i helgen, burde jeg stoppe innom en bokhandel og kjøpe meg en bok om HTML og CSS?

AlecTBM · 7. juni 2006

Et tips!!

Jeg brukte LANG tid til å finpusse skilsa mine.

Skriv ut det du har lest nå og ta dem med og les dem sånn 20 ganger til . En norsk html bok er jo altids fint å ha også. Gjør du det så vil du kunne bli gangske god når du kommer hjem.

Blib · 7. juni 2006

Du burde starte å lage små nettsider. Gjør som alle andre, lag en personlig hjemmeside med Linker, Om meg og alt det der. Du kommer til å bruke en del tid og lære noe. Og du kommer garantert til å poppe innom PHP-forumet for å lære noe som heter include

Arve Systad · 7. juni 2006

Har arbeidet meg gjennom HTML Advanced nå, og kommer mest sannsynelig til å bli ferdig med CSS Advanced i morgen. Hva skal jeg gjøre videre? Burde jeg begynne å lage hjemmesider med en gang, eller burde jeg lære mer fra andre steder?

Skal til Oslo i helgen, burde jeg stoppe innom en bokhandel og kjøpe meg en bok om HTML og CSS?

6263473[/snapback]

Du burde lage heimeside, bytte design, struktur og innhold svært ofte et par måneder. Så kan du gå vidare med serverside-språk, og kanskje grafikk om du vil det. På den måten lærer du

Haraldson · 8. juni 2006

Greit, skal holde meg unna javascript for en stund, men trengs ikke det i en nettside?

Hvis vi f.eks tar utgangspunkt i Hein sin hjemmeside, http://undeclined.net (skal innrømme at jeg synes denne er ufattelig fin ), og ser på source koden, så ligger det flere javascript koder.

F.eks denne som lå helt nederst:
Masse JS...
Hva er dette, og er det virkelig nødvendig å ha det på en nettside?

Først, takk

Deretter: JS-en du prater om, er i forbindelse med sIFR, en måte å erstatte vanlige tekst-elementer med flash-tekst. Dette gir mulighet for å bruke hvilken font du vil.

Dette er så visst ikke nødvendig å bruke på en nettside, men kan i visse sammenhenger være tøft, syns jeg.

Ustedalen · 8. juni 2006

Greit, jeg har nå begynt å tenke på design. Jeg har sånn nogen lunne greie på hvordan jeg skal ha designet.

Siden skal være midtstilt, så hvordan skal jeg tegne opp siden? Skal jeg tegne opp siden slik at den blir midtstilt i Photoshop, eller skal jeg vente med å gjøre det i CSS filene? Hvor mange pixler skal Photoshop arket være når jeg tegner opp designet?

Haraldson · 8. juni 2006

Kan være greit å midtstille grovt i PS-skissa di også, så ser du mer hvordan det kommer til å bli.

Personlig bruker jeg 1280 x 1200 når jeg suller på i PS, mer trenger jeg ikke. Det er helt opp til deg.

Ustedalen trenger hjelp til HTML og CSS!

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer