divar

Det är otroligt enkelt. Allt du behöver veta istort sett är <div> och </div>.

Nej men, <div id="min_div">Hej, detta är min feta div.</div>

sen i CSS:

#min_div {
background:#fff;
width:500px;
height:200px;
font:bold 12px verdana;
}


Det blir alltså en div med vit bakgrund, 500px bred, 200px hög och verdana i 12px storlek och fet text.

Så enkelt är det. Men jag förutsätter att du redan kan CSS!

Förresten, du kan läsa mer om divs/css på htmlsidan.se, men sidan är just nu nere. Men borde komma upp snart.

Sedan är ju DIVar inte direkt ersättare till iFrames, eller till ramar i allmänhet. :)

DIV'ar avnänder du (oftast) för att bygga upp struktur.

www.layup.nu kan jag ersätta den med divar? kan man centrera divar?

Japp margin:0 auto;

Och självklart ska du köra med divs. Kolla upp och kör XHTML också. XHTML, divs och CSS är framtiden.

det är centrera eller?

Kan säga att XHTML inte heller är svårt. Det är nästan som HTML bara några skillnader. Du måste ALLTID avsluta ALLA taggar. Många taggar har ju en avslutnings-tagg, så dom är lika. Men t.ex. <br>, där kan man ju inte köra <br></br>. Utan då blir det <br /> istället. Lika med t.ex. <hr>. Då kör du bara <hr />.

Sen måste ALL kod vara i små bokstäver. Och vissa taggar finns inte. T.ex. <font>. Då kör du antigen via css, eller om du bara vill ha ett visst stycke i en viss färg kör du bara <span style="font-color:#färgen"> texten</span>. Mer om XHTML kan du också läsa om på htmlsidan.se, som också har ett bra forum med kunnigt folk.

Japp, med margin:0 auto; centrerar du.

men var ska jag skriva in det?

<div id=div1 style="position:absolute; top:80; left:60; width:300; height:200; z-index:1; padding:5px; border: #00ff00 2px solid; background-color:#00ff00;">

kan jag sen centrera 3 stycken divar brevid varandra? på samma sätt som:
<center><iframe><iframe&g t;<iframe></center>

<center> får du inte heller använda i xhtml.

Och nej. I CSSen. <div id="div">innehåll</div&g t;.

position:absolute; top:80; left:60; width:300; height:200; z-index:1; padding:5px; border: #00ff00 2px solid; background-color:#00ff00;

Det skriver du i din CSS.

okej nu fattar jag inget alls... =|

Om vi säger såhär, vet du vad CSS är?

jag vet lite om css ja men inte mycket.. jag använder stylesheets men det är nog allt typ..

Ja, det är css. Men ett tips är att lära dig CSS bättre, divs och XHTML.

du kan läsa mer om css på webdesignskolan.com

skillz

"Men t.ex. <br>, där kan man ju inte köra <br></br>. Utan då blir det <br /> istället. Lika med t.ex. <hr>. Då kör du bara <hr />. "

<br></br> och <hr></hr> är helt tillåtet enligt XHTML-specen. Dock rekomenderas dom korta versionerna istället eftersom webbläsarna kan hantera den långa versionen konstigt. :)

xzon: Nej, inte i strict iallafall. Jag har ingen koll på resten. Men i Strict 1.0 är det inte tillåtet. F.ö. finns det ens någon tagg som </br> och </hr>?

Eller menar du att man ska öppna <br> sen göra en till tagg och stänga den? Och isf undrar jag vad det ska vara bra för när man kan göra det i en och samma tagg :P

skillz

Denna kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xh tml1-strict.dtd">
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
<br></br>
</div>
</body>
</html>

validerar alldeles utmärkt.

"Eller menar du att man ska öppna <br> sen göra en till tagg och stänga den? "

Ja, precis som jag skrev ;)
Det är väl bara dumt. Men fortfarande tillåtet. :)

Det visste jag helt ärligt inte ens vara tillåtet i HTML, men då vet man. Inget jag någonsin kommer använda men men. Det var hur som helst inte det jag syftade på till honom. Utan mer att <br> inte var tillåtet utan att man måste avsluta alla taggar. Alltså ska man använda <br /> istället :)

Det är inte tillåtet i html, däremot i xhtml så är det lugnt. Själv så kör jag fortfarande med gamla vanliga html..

kan man länka ett innehåll till en div eller när man kickar på tex foto uppdateras då hela sidan, och inte bara main framen som när man har iframes?

typ som <a href="sidan" target="main" >

Nej, det går inte. Inte utan PHP eller liknande. SOm sagt så ersätter inte divs iframes.

men är det inte smidigare med frames då?

Nej. Finns, enligt mig, inget positivt med frames.

frames e bra om man vill ha delar av sidan som inte ska uppdateras... typ om du har en flash-mp3spelare som ska flyta på o inte laddas om varje gång du trycker på en länk

men om du kollar på layup.. på vilket sätt skulle det va smidigare med divar? om jag har divar måste väl hela sidan laddas om när jag trycker på tex foto, istället för att bara den lilla "main framen".. känns som det är smidigare att bara ladda den delen av sidan som ändras..

en sak är dock jävligt störigt med frames och det är att detta inte funkade (klicka på ett foto..).. det går inte att lösa på något annat sätt än att ha divar väl?

Pigeon: Sant, men då kommer vi till två störiga saker. Både flash-mp3spelare och frames.

men går detta (klicka på ett foto) att lösas utan divar? altså kan man få "popup" rutan att hamna över framesen?

Jonka: Testat att lägga scriptet i index-filen? Vet inte hur det scriptet funkar, men borde väl gå.

jo det kanske går.. du som verkar ha lite mer skillz (haha).. kan du ta en titt i källfilen?

Visst, om du länkar. Men dock kan jag ingen DHTML, men jag kan kolla iaf.

länken... det funkade inte att lägga den i index (om jag itne gjorde fel).. kolla källan i rutan med fotona.. finns där något man kan ändra i motsvarighet till divars z-index eller något kanske?..

Ingen aning, kan inte det där med z-index.

Tyvärr kan jag nog inte hjälpa. Men jag vet att det finns ett antal här på whoa som kan fixa det åt dig :)

kan du hjälpa mig göra om sidan till divar då? bara en html fil, de andra kan jag själv göra om det bara är att byta ut innehållet i divarna.. skulle va skitsnällt om du kunde hjälpa mig med det.. adda [email protected] om du har lust :)

skillz:

jobbigt och jobbigt... har du en sida där du ska presentera någon form av musik, kanske genom snippets eller liknande, kan det ju vara bra med en flash-mp3spelare... handlar ju mycket om hur du lägger upp allt liksom...

nackdelen jag anser med frames är att för det första är det ganska drygt o koda i, då det strular mycket etc...

sen kan man inte länka till vissa sidor... och uppdaterar man sidan kommer man till index...

men, men =)

btw, z-index e väldigt lätt... i ett koordinatsystem(eller vad det nu kallas) har du en x,y och z axel..

x-axeln är den vågräta, y den lodräta och z den som går in och utåt om du förstår (alltså "3daxeln")... genom att välja z-index:0; betyder det att det ligger längst bak, har du något med z-index:1; ligger detett snäpp längre fram... förstår du?

väldigt bra om man ska bygga en sida med css och inte vill att det ska strula med bakgrunden i olika upplösningar så lägger du en bild med z-index:0; bara t.ex. =)

jo z-index fattar jag faktiskt ^^.. men det fanns ingen sån i den koden så jag undrade om det fanns något liknande :P..

Pigeon: Då kan man ha den mp3-flash-spelaren i en popup.

F.ö. vet jag hur z-index fungerar, men det vill aldrig funka för mig som jag vill :).

senaste jag använde z-index strula det för mig i explorer... vet inte varför men i FF funkar det utmärkt...

ja jag vet, tänkte ha den i en popup på min senaste sida... men det e behagligare att ha den på sidan så man kan sätta på o stänga av den mycket enklare =)

1. exakt hur gör man för att centrera en div?
2. hur gör man för att få en scroll i en div (så den behåller sin storlek)

nån som bara kan svara på dessa frågorna så vet jag allt jag behöver veta för att göra min sida. förklara nu bra för jag kan nästan inget om divar

Du har inte läst i tråden va? Inte för fråga 1 iallafall.


1. margin:0 auto;
2. overflow:auto;

jo jag har läst det med margin:0 auto; men jag vet inte var jag ska skriva det..



-men var ska jag skriva in det?
-I CSSen. <div id="div">innehåll</div>( /i)

kan du inte förklara lite bättre?.. jag har inte stor koll på css eller div så detta är helt nytt för mig

Jag frågade om du visste vad CSS var, då sa du att du visste, och att du kunde det, men inte så mycket. Som sagt, kolla htmlsidan.se om divs, coh webdesignskolan.com för CSS.

html sidan är nere ^^ haha..

Vad är det för roligt med det? Det har jag ju redan sagt att den är.

Nu funkar den igen, så nu kan du lära dig divs/CSS