Kritikk og litt nødhjelp

[svamp]

Jeg hadde ikke trodd at jeg skulle poste denne siden for kritikk så uferdig som den er nå. Men nå gjør jeg det likevel.

 

Noen punkt før linken:

• Jeg er litt flau over headeren. Den er forhåpentligvis midlertidig. Hadde tenkt at den skulle være litt "lur". Men det klarte jeg ikke å få til, så nå står det bare noe lurt der Tar gjerne imot tips her.
  
• Menyen. Er klar over at det ikke er semantisk å ikke sette menyen opp i en liste. Men det har seg så at jeg ikke fikk til det. Hvorfor tar for lang tid å forklare her, men jeg tror det var fordi jeg ikke kunne ha "display:inline" på lista samtidig som jeg har "display:block" på a-elementene.
  

Ellers er footer veldig tom, vet ikke om jeg skal ha den der, og den oransje ramma rundt siden blir veldig firkantet syns jeg. Men vet ikke helt om den passer med avrundede kanter heller

 

Link <= Kritiser

[halvardm]

Stilig side!

Har ikke mye å si på den jeg.

Synest headeren var ganske kul selv om det går ann å live den litt opp..

Ville hatt validieringen under menyen..

 

Enkel og pen side..

[svamp]

Takk

 

Skal prøve å flytte valideringen lenger ned. Kanskje i footer ja.

[haugsand]

svamp: Legg til float: left; på li i stedet for display: inline. Men siden dette fører til at listepunktene flyter ut av ul, må du legge til høyde på ul.

[N*]

jeg syntes du bør ha forskjellig farge på innholdsfeltet og bakgrunnen.

 

den grå boksen til venstre ble ganske rotete. jeg ville plassert "if you are wondering" under "its your choice" og gjort mer forskjell på overskriftene og resten.

 

for å være litt pirkete ville jeg også gjort headeren litt mindre i høyden slik at man ikke behøver å scrolle ned for å ikke finne noen ting (1024x768).

 

pilene i menyen var det litt dårlig kvalitet på.

 

jeg vet du har sagt at den er langt fra ferdig så du hadde sikkert tenkt å endre på noe av dette, jeg tror dette kommer til å bli en fin side!

 

og en ting til.. orange knall! (yndlingsfargen min )

[Cucum(r)]

BTW: Du mangler et h1-element

 

Edit: Du mangler det ikke, men det var visst tomt.

Endret 12. august 2004 av SirIce

[svamp]

Takk for tilbakemeldinger!

 

Legg til float: left; på li i stedet for display: inline. Men siden dette fører til at listepunktene flyter ut av ul, må du legge til høyde på ul.

Prøvde det, men det kommer visst som en loddrett liste uansett. Sikkert noe jeg har gjort feil, kan legge ut en versjon av siden med listeversjon av menyen, så du kan se. (tar en liten stund)

Andre edit: Vekk med linken, fikk det til nå. Slurv i CSS'en var feilen: hadde satt en } feil vei

 

N*:

-Prøvde noen farger på bakgrunnen, men syns at det var bedre med hvitt, egentlig.

-Den grå boksen: Har flyttet "If you were wondering" under det andre. Hva jeg kan gjøre med overskriftene vet jeg ikke, prøvde å legge til en hr der, men det ble ikke så mye bedre.

-Pilene: Hva mener du med dårlig kvalitet? At de er dårlig tegnet eller at det er dårlig oppløsning?

-får du scroll på hovedsiden?? Det ville vel være litt rart, i så fall skal jeg gjøre header mindre. Men trodde ikke noen fikk scroll der. Om det er på portfolio-siden du får scrollen er det greit, for det skal være en "strekkende" side.

 

SirIce:

Jepp, det er et h1-element som er stylet med background i CSS.

Endret 13. august 2004 av svamp

[Haraldson]

SirIce:

Jepp, det er et h1-element som er stylet med background i CSS.

Det du bør gjøre, er å skrive en overskrift i <h1>, og style header på denne måten.

 

h1 {
display:block;
background:url(bane/til/bildet.jpg) no-repeat;
padding:150px 0 0 686px; /* Høyde 0 0 bredde */
height:0 !important;
height /**/: 150px;
width:0 !important;
width /**/: 686px;
}

 

 

På denne måten ser siden din representabel ut også i nettlesere uten støtte for CSS.

[svamp]

SirIce:

Jepp, det er et h1-element som er stylet med background i CSS.

Det du bør gjøre, er å skrive en overskrift i <h1>, og style header på denne måten.

 

h1 {
display:block;
background:url(bane/til/bildet.jpg) no-repeat;
padding:150px 0 0 686px; /* Høyde 0 0 bredde */
height:0 !important;
height /**/: 150px;
width:0 !important;
width /**/: 686px;
}

 

 

På denne måten ser siden din representabel ut også i nettlesere uten støtte for CSS.

OK, skal jeg bruke display:none; på teksten i h1, da?

Endret 13. august 2004 av svamp

[Haraldson]

svamp: Nei, det er det som er det geniale, teksten blir skjult pga. padding

[Equerm]

Siden bugger i opera

[svamp]

Akkurat nå ser det ganske skrekkelig ut. Vet ikke helt hva jeg skal prøve nå, ser forskjellig ut i både opera, FF og IE. (passelig i opera, for smal header i FF og altfor bred i IE..)

[svamp]

Siden bugger i opera

Den gjorde ikke det før jeg prøvde den nye h1'en (les et par-tre poster lenger opp)

 

Edit: Opera er treig til å oppdatere css. Uansett hva jeg gjør - "slett private data", restarte o.l., css'en forandrer seg ikke før etter 10-15 minutter.. Opera

Endret 13. august 2004 av svamp

[Equerm]

Akkurat nå ser det ganske skrekkelig ut. Vet ikke helt hva jeg skal prøve nå, ser forskjellig ut i både opera, FF og IE. (passelig i opera, for smal header i FF og altfor bred i IE..)

Alltid skal det vere problemer med å få siden ok i forskjellige browsere

[Equerm]

Siden bugger i opera

Den gjorde ikke det før jeg prøvde den nye h1'en (les et par-tre poster lenger opp)

 

Edit: Opera er treig til å oppdatere css. Uansett hva jeg gjør - "slett private data", restarte o.l., css'en forandrer seg ikke før etter 10-15 minutter.. Opera

men den bugger i opera likevel..

[svamp]

Siden bugger i opera

Den gjorde ikke det før jeg prøvde den nye h1'en (les et par-tre poster lenger opp)

 

Edit: Opera er treig til å oppdatere css. Uansett hva jeg gjør - "slett private data", restarte o.l., css'en forandrer seg ikke før etter 10-15 minutter.. Opera

men den bugger i opera likevel..

Ja det gjør den, det er helt likt som i FF. Men i min opera ser det helt normalt og bugfritt ut, unntatt at h1-teksten som ligger i index.php vises øverst til venstre. DVS, opera har ikke skjønt at det har kommet et oppdatert css-dokument der det står at h1 skal ha padding, bl.a...

[halvardm]

Nå virker da ingen ting..

Ikke i IE heller..

[Haraldson]

svamp: Du må jo modifisere min kode.... Det at header er for smal, kommer av at du ikke har skiftet. På samme måte må du kanskje skifte ut høyde. Uansett vil det bli problemer med borderen i IE, pga. boksmodellen, så jeg anbefaler å lage borderen som grafikk i headerbildet.

 

Er det annet enn den overskriften som bugger? (den til høyre der)

[svamp]

Nei, tror ikke det er noe annet som bugger.

 

Har endret litt på css'en nå. Det ser bra ut i FF, og sikkert i opera også (men min opera oppdaterer som sagt ikke css-fila, så jeg vet ikke), bortsett fra den overskriften til høyre som ikke forsvinner.

 

I IE ser det fortsatt dårlig ut.

 

edit: har også lagt borderen inn i bildefila til headeren.

Endret 13. august 2004 av svamp

[Equerm]

Den ser slik ut nå, forresten ser det ut som det er noe float feil i IE...

Endret 13. august 2004 av Equerm