Autostretch i design

[pmiddy]

Hei, det er en ting jeg alltid har lurt på, og det er: Hvordan får jeg designet til å strekke seg etter hvor mye tekst man skriver inn i en boks? har drevet litt med Dreamweaver trial, og har null kunnskap til HTML/ PHP.

 

Mine problemer:

* Har fått alt til å stretche seg, sett bort i fra menyen.

* Om jeg hadde tatt bort menyen, og bare hatt en stor firkant med innhold hadde jeg fått til autostretch uten noen problemer, men pga menyen blir hele designet ødelagt når jeg prøver å stretche.

 

Her er noen bilder, som jeg håper forklarer problemet mitt bedre enn jeg gjorde.

 

Før

Etter

 

Har også lagt ved noen .rar filer som inneholder bilder og HTML kode.

før.rar

etter.rar

[Beritaron]

Om jeg forstår deg rett ser du etter noe som dette:

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

[Beritaron]

Utifra koden så ser det ut til at du bør starte med å lære deg HTML og CSS.

 

Ser ut som om du har brukt et bilderedigeringsprogram til å kutte opp siden i forskjellige deler og lagret det som HTML. Hele koden er også basert på tabeller, noe som ikke er bra.

[pmiddy]

Det er helt korrekt Tamarin. Jeg har brukt photoshop sin egen slice funksjon til å dele opp bildene, for og så deretter lagre det som et html dokument.

 

grunnen til at jeg gjør dette er at det er veldig lett, og er faktisk helt utslitt etter å ha vært på lærlingsplassen så jeg ikke orker å lære meg html/css. (Tar vel veldig lang tid å lære meg å kode et design, slik at det blir seende ut slik som designet jeg linket til?)

 

Så litt på den guiden du sendte og ser ut som det jeg leter etter, men dette får jeg vel ikke brukt om jeg ikke starter fra scratch.

[Beritaron]

Det er helt korrekt Tamarin. Jeg har brukt photoshop sin egen slice funksjon til å dele opp bildene, for og så deretter lagre det som et html dokument.

 

grunnen til at jeg gjør dette er at det er veldig lett, og er faktisk helt utslitt etter å ha vært på lærlingsplassen så jeg ikke orker å lære meg html/css. (Tar vel veldig lang tid å lære meg å kode et design, slik at det blir seende ut slik som designet jeg linket til?)

 

Så litt på den guiden du sendte og ser ut som det jeg leter etter, men dette får jeg vel ikke brukt om jeg ikke starter fra scratch.

Vil tro den metoden som regel brukes til å vise en klient et konsept før de starter produksjonen. Det å basere websiden på den metoden gir nok ikke mye muligheter for dynamisk innhold.

 

Det trenger ikke å ta veldig lang tid å lære seg HTML og CSS (har selv ikke så veldig stor erfaring, startet å lese om dette tidligere i år, men føler jeg har helt OK kunnskaper om HTML og CSS). Du kan sikkert lære veldig mye i en serie klipp på Youtube, gå igjennom kodene interaktivt på f.eks Sitepoint eller W3Schools, eller lese en bok eller to. Det å lære web design er mer enn bare HTML og CSS (og JS, Flash, osv.), det kan være greit å lese litt om designprosessen, informasjonsarkitektur og annet rundt design, spesielt om du er lærling på et webdesignstudio. Dette er stort sett kun litteratur som kan leses uten at du trenger å ha en maskin foran deg.

 

Du må nok starte fra bunnen av og bygge opp siden med CSS om du ønsker å bruke metoden som er vist på siden jeg linket til. Vil anse den metoden som er linket til som litt avansert, men det er andre metoder for å få to kolonner til å strekke seg like langt. I noen tilfeller kun du bruke bakgrunnsbilder, du kan sette fast høyde på elementene som skal ha lik høyde om det er passende i henhold til innholdet på siden, eller så kan sikkert også Javascript brukes.

Endret 13. desember 2011 av tamarin

[pmiddy]

Det er helt korrekt Tamarin. Jeg har brukt photoshop sin egen slice funksjon til å dele opp bildene, for og så deretter lagre det som et html dokument.

 

grunnen til at jeg gjør dette er at det er veldig lett, og er faktisk helt utslitt etter å ha vært på lærlingsplassen så jeg ikke orker å lære meg html/css. (Tar vel veldig lang tid å lære meg å kode et design, slik at det blir seende ut slik som designet jeg linket til?)

 

Så litt på den guiden du sendte og ser ut som det jeg leter etter, men dette får jeg vel ikke brukt om jeg ikke starter fra scratch.

Vil tro den metoden som regel brukes til å vise en klient et konsept før de starter produksjonen. Det å basere websiden på den metoden gir nok ikke mye muligheter for dynamisk innhold.

 

Det trenger ikke å ta veldig lang tid å lære seg HTML og CSS (har selv ikke så veldig stor erfaring, startet å lese om dette tidligere i år, men føler jeg har helt OK kunnskaper om HTML og CSS). Du kan sikkert lære veldig mye i en serie klipp på Youtube, gå igjennom kodene interaktivt på f.eks Sitepoint eller W3Schools, eller lese en bok eller to. Det å lære web design er mer enn bare HTML og CSS (og JS, Flash, osv.), det kan være greit å lese litt om designprosessen, informasjonsarkitektur og annet rundt design, spesielt om du er lærling på et webdesignstudio. Dette er stort sett kun litteratur som kan leses uten at du trenger å ha en maskin foran deg.

 

Du må nok starte fra bunnen av og bygge opp siden med CSS om du ønsker å bruke metoden som er vist på siden jeg linket til. Vil anse den metoden som er linket til som litt avansert, men det er andre metoder for å få to kolonner til å strekke seg like langt. I noen tilfeller kun du bruke bakgrunnsbilder, du kan sette fast høyde på elementene som skal ha lik høyde om det er passende i henhold til innholdet på siden, eller så kan sikkert også Javascript brukes.

 

Jeg er en IT-Lærling, ikke lærling hos et webdesignstudio:p.

 

Om du ser på koden min så ser du at de tingene som strekker seg, har jeg satt som bakgrunner. Det vil si at stolpene, og tekst boksen strekker seg etter hvor mye tekst jeg putter inn der. Om det er slik at jeg må lese, tror jeg at jeg bare glemmer det. Er veldig dårlig til å huske teoretiske ting, spesielt hvis jeg ikke har noe kunnskap til det jeg leser i fra før.