Förlänga en hemsida? [Request]

Dela bakgrundsbilden så att du har en övre del, en mellandel och en undre del. Mellandelen ska vara så att den inte ser skev ut om den upprepas. Lägg mellandelen som bakgrund till texten.

Exempel:
A - överdel
|| - mellandel med lite text på
V - underdel

A - överdel
|| - mellandel
|| - med
|| - mycket
|| - text
|| - på
V - underdel

10-4, over...

Känns som att detta är en grund kunskap när det gäller webbdesign satt är förvånad att min webbdesign lärare inte lärt mig detta ännu!

Det jag menar är asså när man inte kör med iframes! Utan att man ska scrolla ner istället..

Tänkte ta frondas sida som ex KLICK

Holy shiit snabbaste svaret jag fått på whoa :) Tack som fan Mabande du är en ängel! <3 Bra förklarat av både dig och mig med andra ord ;D

En sak bara.. Nu vet jag ju inte om jag jobbar på rätt sätt då men i alla fall: Jag gör en bakgrundsbild i photoshop och lägger sedan in den i dreamweaver som en bild.. Sen gör jag skikt över den och skriver texten på är det så det ska gå till?

Har ingen koll på Dreamweaver, men det kan nog funka :)

10-4, over...

skulle antagligen lagt den som body background=".."
men funkar la att göra det i lager om du känner fört,

annars funkar det mabande sa bra dvs att dela den i 3 delar,
top, bottom och middle där middle stretchar och är repeating =)

alternativet e ju att dra typ en iframe lr nått och köra fixed size på sidan och scrolla "inuti" men då blire ju lite knepigt vid olika upplösningar förvisso..

Jag skulle splittat upp bilden i tre, döpa de till ex. 1.jpg, 2.jpg och 3.jpg , ettan med det översta i bilden, tvåan med det som ska repeteras, och trean det understa, sen:

<div style="background: url('1.jpg') no-repeat;"><!-- Tom --></div>
<div style="background: url('2.jpg') repeat-y;"><!-- Innehåll som ska repetras--></div>
<div style="background: url('3.jpg') no-repeat;"><!-- Tom --></div>

Aha shit de handlade om dw, vet inte hur programmet funkar längre, så jag vet inte hur det är med det, det kanske funkar.

Asså vilka program jobbar ni andra i? Vad jag fattat av min lärare så är dreamweaver ett av de bästa programmen?

dreamweaver funkar väl, men lägger till en jävla massa skräpkod om jag inte minns fel..

fem-noll svårt att förklara allt enbart med en bild dock ;P

Tack för alla svar! Nu har jag bara EN ynka liten pinsam fråga till:

Hur gör jag för att enklast centrera en sida? Om jag gör en bakgrund som ni snacka om förut i tre delar, lägger in den som en bild i dreamweaver, hur gör jag för att få texten att lägga sig där jag vill sen?

align="center" ? =)
ja skulle nog av vana gjort en table med en kolumn och 3 rader, lagt in bilderna som bakgrund, och sen lagt texten i tablen.. men går att göra på flera sätt..

Nils-Erik: Jag skriver alltid allting själv, jag ser ingen mening i att massa program ska döda min kod, men som nybörjare är faktiskt dw bäst.

Till din fråga:

Jodas exempel är lätt, men fel, gör samma sak med divisioner (vad de nu heter i dw ;)) så blir det rätt på köpet ;)

Table är altså samma sak som tabell vad jag förstår?

Och align center tror jag inte funkar, liksom jag vill ju inte ha texten så som när man centrerar i t.e.x word, att den utgår från mitten hela tiden, utan den ska ju vara vänsterställd men ligga i mitten PÅ bilden som jag gjort som bakgrund..

Och när det gäller handkodning så verkar det väldigt jobbigt ju, det måste ju ta flera år att göra en hel sida?

liksom jag vill ju inte ha texten så som när man centrerar i t.e.x word, att den utgår från mitten hela tiden, utan den ska ju vara vänsterställd men ligga i mitten PÅ (den centrerade) bilden som jag gjort som bakgrund..

Kan tyvärr inte hjälpa dig i dw :(
Svarar på det andra istället:

Table = tabell på svenska

Sidorna tar ett tag att koda, men man behöver i princip bara en grund, sen när man gör om sidan ändrar man bara CSSen (som styr allt utseende) och för att slippa gå in i källkoden och ändra innehållet så kör man typ php eller asp kopplat till en databas, så blir det lika lätt att lägga in innehåll på sidan som att skriva inlägg här på whoa ;)

Hehe, thx men skulle vara kul att höra vad nån som använder dreamweaver tycker.. Jag tycker det är ett bra program att jobba i i alla fall..

Ah ett tips är att fråga på htmlsidan.se där får du nog vettigare svar skulle jag tro ;) Lycka till.

det här är fan årets trevligaste whoatråd. alla försöker hjälpa, ingen är otrevlig. fint.

Kan hålla med det uttalandet :)

Svårt att veta i vilken kategori jag ska fråga i på htmlsidan?

TopStyle är ett kanonprogram om man vill koda allt.
Om du är intresserad av att koda sidan själv (vilket är enklare än man kan tro!) så rekommenderar jag css-guiden på webdesignskolans websida.

vecn, hur kan något som blir rätt vara fel?
du e bra korkad du..

nils erik, släng in texten i något och kör center på objektet som texten ligger i, borde fungera..

joda Ja, det du sa i sista inlägget borde funka tycker jag.. Men det verkar knappt som att det går att centrera skiktet (som bilden ligger i) av nån konstig anledning.. Så jag testade att centrera den för hand:


<center><div id="Layer3">
  <div align="left"><img src="mellandel.jpg" width="729" height="403" /></div>
</div></center>

Borde det inte se ut så då? Det funkade i alla fall inte :(

testa <div align="center">

men vettefan varför det inte funkar..
i värsta fall får du typ dra 3 tables lr nått
det borde la funka antar jag..

eller kanske räcker med en.. vettefan

dvs <center><table> alt div align..

joda, tabeller finns i HTML endast för att skriva ut data, inget annat. Därför är tabeller fel.

Läs mer om det här, och här (på engelska)

Om det VeCn (och den länkade sidan) säger stämmer så har vi ännu en anldening att avskeda min lärare... Ska testa det du skrev joda

Din lärare är wack, fast det var min också, tills jag berättade lie om html, xhtml, och css,  han gav mig mvg i tre kurser på en dag.

VeCn, inget som fungerar är fel,
det som är enklast för nils-erik att göra är det bästa..
bättre att han gör något han förstår och kan arbeta vidare med än att någon ger honom kod och att han måste fråga om hjälp direkt han ska göra nått nytt..

länk 2 har du redan tjatat om, och den tar ju inte ens upp nackdelar med tables.. du e fan knastrig..

tabeller finns i html för att kunna skapa tabeller, vad du väljer att göra med dem är en annan femma.. sluta låtsas som om det fanns något rätt eller fel..

länk 1 är inte heller särskilt relevant med tanke på vad nils erik verkar ha för nivå på sitt kodande, då han knappast sitter och gör corporate sites som kommer ha tusen visningar per dag blir argumenten mot tables föga intressanta jämfört med enkelheten i designandet med hjälp av tables för den oinvigde..

för övrigt =)

"Det finns vissa saker som CSS inte gör lika bra som tabellayouter.

Till exempel, låt säga att du har en svart sidspalt som du vill sträcka ut hela vägen ner längs innehållet. Med en tabellayout är detta en baggis: ge bara den där <td>-cellen en svart bakgrund."

Känns skönt att du länkar till något som bekräftar det jag säger förvisso, även om länkarna till stor del saknade relevans för tråden i sig, många av begränsningarna med tables, tex laddning osv löser man ju genom att variera koden, att göra 100celler för att uppnå ett resultat e ju självklart korkat, men rör det sig, som i detta fallet om en table med 3 celler kan du ju knappast klaga på att det blir mkt kod osv, vilket är en av dom största nackdelarna just med tables i designsyfte..

Nej, men man ska väll lära sig rätt, han gör detta för att lära sig, inte för att han måste. Och vem vet snart sitter han och gör stora sidor, men dem är lika sega som lunarstorm, för att de är uppbyggda i tables. Sen kanske du bara kollade på första sidan på mina länkar, läser du allt kanske du hittar lite mer som passsar in här.

lära sig rätt?
det stod ju på den sidan du behandlar som bibeln att han ska använda sig utav tables i detta exemplet..

så va jiddrar du om,
jag har förövrigt läst alla sidor på dina länkar..
visa mig gärna vad som är relevant för diskussionen..

förövrigt var ju citatet FRÅN din sida, en bra bit in dessutom..
det enda som riktigt passade in var alltså..
jag tar det igen eftersom att du missade det..

"Det finns vissa saker som CSS inte gör lika bra som tabellayouter. Till exempel, låt säga att du har en svart sidspalt som du vill sträcka ut hela vägen ner längs innehållet. Med en tabellayout är detta en baggis: ge bara den där <td>-cellen en svart bakgrund."

Som det klart och tydligt står så är det i detta fallet BÄTTRE att använda sig utav tables än CSS, så sluta jiddra om fel när du talar i nattmössan..

aja palla diskutera när fröken besserwisser inte kan ha fel.

ja, det måste ju va tungt att länka något som stöd för att jag hade fel, när det man länkar till stöder det jag sa :(

inte lätt alltid,
stackars liten då..

Asså ert tjafs om det där kan ni ta i gbn eller nåt.. Tack för svaren som höll sig till ämnet!

<div align="center"> Verkade tyvärr inte funka =( Vet inte vad jag ska göra asså..

okej, jag skrev alltså:

"det här är fan årets trevligaste whoatråd. alla försöker hjälpa, ingen är otrevlig. fint."

och fem inlägg senare slängde nån ur sig den första förolämpningen. haha.

joda: Exemplet med svarta sidspalten görs med enkelhet även i css vilket är skapat för att stå för layouten på hemsidor tillskillnad från tables som från början och alltid vars främsta syfte har varit att hantera tabullär-data.

Schierbeck, poängen var att han hänvisade till en sida för att idiotförklara mitt tips om att använda tables, när sidan i sig sa att han borde använda tables i detta fallet..

sen att det är lätt att göra i css är en annan femma..

poängen är ju att tables lätt går överstyr och blir mkt kod, men en tableset med 3 celler är knappast nått problem =)

nilserik,
nu blir det lite fler tables dock,
va händer dom du kör 3*3 table då?
får du det inte centrerat då?

ok, pallade inte läsa sidan han länkade, ville bara slå ett slag för css =)

Saker tabeller gör bättre än CSS

Det finns vissa saker som CSS inte gör lika bra som tabellayouter.

Till exempel, låt säga att du har en svart sidspalt som du vill sträcka ut hela vägen ner längs innehållet. Med en tabellayout är detta en baggis: ge bara den där <td>-cellen en svart bakgrund.

Vi kan göra detta med CSS också, men det kräver ett annat sätt att tänka.

Om vi ger vår navigerings-div en svart bakgrund kommer det svarta bara att sträcka sig ner till stället där menyn 'tar slut'. På de flesta sidor är innehållet längre än sidnavigeringen, så detta är inget bra.

Istället skulle vi kunna stapla en svart GIF i vår innehålls-div och ge denna div nog med utfyllnad till vänster, men om vår navigering är längre än vårt innehåll så funkar inte detta heller.

Ett annat sätt att tackla detta är att stapla den svarta GIF:en som bakgrund till vår <body>, vilket funkar fint såtillvida du inte vill använda en annan bild som backgrund till din <body>.

Eller så kan vi slå in vårt innehåll i en 'omslags'-div och stapla bilden i den div:en. Dock är detta att lägga till ickesemantiskt trassel till vår kod.

Dessutom, att stapla bakgrundsbilder kommer överhuvudtaget inte att funka om du vill att bredden på din spaltnavigering ska vara obestämd.

Som vi sa, det finns vissa saker som tabeller gör bättre än CSS. Men i slutändan måste du fråga dig om allt 'bagage' som kommer med användandet av tabeller för layout, istället för till data, är värt det.

Ska testa med tabeller senare :)