Overføre HTML til CSS layout?

howieD · 1. november 2006

Hei

Er det noen her som har en enkel forklaring på hvordan jeg kan få denne siden til å passe i en CSS struktur??

Jeg bruker leftframe, topframe, rightframe og mainframe til denne siden.

Det hadde vært ønskelig om alt kom sammen ved hjelp av en CSS layout.

Jeg har lett i over en måned på forskjellige nettsteder, men det er ingen som forklarer det på norsk dessverre.

Norsk er tross alt litt lettere å forstå

Det jeg antar må gjøres, er å lage 4 forskjellige regioner.

1 som floater til venstre

1 til topp

1 til høyre

og til slutt en som ligger midt mellom disse.

Tar jeg helt feil nå??

Eller er det noen her som klarer forklare dette på en nogenlunde forenklet måte?

Det hadde jo vært fantastisk om noen hadde en meget enkel grunnstruktur som jeg kunne brukt..

Endret 1. november 2006 av Haavard82

-morten · 1. november 2006

Du finner mange eksempler ved å søke på "three column layout css" osv.

Men ja, du har en block på toppen, så en left-float block med clear left, en float block uten clear og en right-float block.

Skal de ha samme høyde må du bruke javascript.

howieD · 1. november 2006

Du finner mange eksempler ved å søke på "three column layout css" osv.

Men ja, du har en block på toppen, så en left-float block med clear left, en float block uten clear og en right-float block.

Skal de ha samme høyde må du bruke javascript.

7199804[/snapback]

OK.

Men hva slags javascript må brukes?

Har du et søkeeksempel på hva jeg må lete etter?

Problemet når jeg lager disse float-blockene, er at right-float blir liggende kant til kant helt opp-under top-floaten, men jeg vil ha denne slik at den går helt opp til toppen av siden til høyre for top-floaten.

Slik siden min er nå, så ser du at rightframen brukes kun til den grå stripen som går helt fra topp til bunn.

Det er dette jeg prøver å gjenskape.

PHPdude · 2. november 2006

Unnskyld meg men: javascript til layout!?? Hva er det neste....

Går jo fint å sette høyden på alle 3 kolonnene. Vis det er position:fixed; du tenker på og at "gode" gamle IE (Før v7) ikke støtter dette og at man tenger JS for å hacke seg rundt så er hvertfall det litt mer forståelig

howieD · 2. november 2006

Unnskyld meg men: javascript til layout!?? Hva er det neste....
Går jo fint å sette høyden på alle 3 kolonnene. Vis det er position:fixed; du tenker på og at "gode" gamle IE (Før v7) ikke støtter dette og at man tenger JS for å hacke seg rundt så er hvertfall det litt mer forståelig

7202386[/snapback]

Jeg har lett en god stund nå etter layouts som fungerer akkurat slik som frames layouten min er for øyeblikket.

Dette gjelder denne hjemmesiden

Dessverre er det såpass lenge siden jeg laget hjemmesider, at HTML var det som var standarden da.

Jeg prøver meg imidlertid på CSS, men med varierende hell.. det går sakte fremover, men trenger hjelp.

Problemstillingen min altså:

Siden min har :

*en top-frame For bildet som er 800px X 119px

*En leftframe for menyen som er en CSS meny på 150px bred.

*en rightframe med en tynn grå/mørk linje som går loddrett fra topp til bunn av siden (slik som VG har)

*en mainframe hvor alt innhold dukker opp. Mainframen er også hovedmålet for menyvalgene. Alt skal dukke opp i mainframe altså.

Det vanskelige er å lage en CSS layout hvor rightframen blir erstattet med en lignende CSS box.

Når jeg lager denne boksen, dukker den opp under top-box.

Jeg ønsker denne toppjustert mot høyre liggende inn mot top-box. (vanskelig?)

HVis dette ble for innviklet, så vil det enda enklere forklart være sånn at jeg må lage en enkel CSS layout som skal fungere som frames layouten.

Ting må dessuten fungere slik at centerboxen vil fungere som mainframe, dvs at alt skal dukke opp i denne.

Det er sikkert ikke noe vanskelig for dere som har holdt på med dette en stund.

Grunnen til at jeg antar dette, er fordi jeg klarer såvidt å gjenskape et lignende forhold selv, men jeg har rett og slett for lite erfaring med layouts, og begrenset med tid til å lære meg dette.

Derfor håper jeg at noen har hjerterom til å lage en slik CSS layout som vil fungere akkurat som; en topp-venstre-justert"top-frame", en venstrejustert left-frame som ligger helt oppunder top-framen, en midtjustert mainframe som ligger mellom right og leftframe, og til slutt en topp-høyrejustert rightframe.

(en CSS layout som kopierer funksjonen til framesettet jeg har)

Forhåpentligvis har jeg gjentatt meg selv på såpass mange måter nå at det burde være forståelig

Så enda en gang.. hvis noen har en snill sjel og kunne tenkt seg å stå til hjelp, så hadde det vært hyggelig

Mest sannsynlig vil jeg nok lære av det dere hjelper meg med uansett, så all hjelp er velkommen.

Prøv dòg å gjøre det litt enkelt forklart

Mvh

Håvard

Endret 2. november 2006 av Haavard82

atsjoo · 2. november 2006

Jeg kunne koden! Om høyde eller bredde er lignende klarer du sikkert å fikse dette selv

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Elisabeth og Håvard</title>

* {

margin: 0;

padding: 0;

border: none;

font-size: 14px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

#wrap {

width: 1000px;

height: 700px;

}

#indrewrap {

float: left;

width: 800px;

height: 100%;

background-color: #eee;

}

#hoyrekolonne {

float: left;

width: 20px;

height: 700px;

background: #fff url(http://elisabethoghaavard.no/Bilder/sort-linje.jpg) repeat-y;

}

#indrewrap #topp {

float: left;

width: 800px;

height: 118px;

background-image: url(http://elisabethoghaavard.no/Bilder/topframe.jpg);

}

#indrewrap #meny {

float: left;

width: 142px !important;

width: 150px;

padding: 4px 8px 4px 8px;

height: 565px !important;

height: 581px;

}

#indrewrap #innhold {

float: left;

width: 626px !important;

width: 650px;

height: 565px !important;

height: 581px;

padding: 8px;

overflow: auto;

}

</style>

</head>

<body>

<ul>

<li>Hovedside</li>

<li>Mobiltelefon</li>

<li>Astronomi</li>

<li>Sprettball</li>

</ul>

</div>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nisl nisi, nonummy aliquam, nonummy vel, ornare ac, lacus. Etiam tristique cursus sapien. Donec pulvinar mauris eget nulla. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus mi. Proin scelerisque. Sed nisi. Nulla facilisi. Proin metus. Nam neque ante, molestie ac, rhoncus id, ultricies et, nisl. Donec fermentum, odio sit amet ornare semper, metus augue tristique justo, sed nonummy odio neque ut enim. Sed blandit euismod lacus. Maecenas rhoncus vulputate arcu. Vestibulum augue.</p>

<p>Mauris sagittis orci in felis laoreet aliquam. Maecenas mollis risus quis nibh. Pellentesque tempus, velit a mattis congue, ligula nulla dignissim massa, vel vulputate sem sapien vitae odio. Proin pede velit, tincidunt vitae, fermentum non, scelerisque quis, neque. Duis suscipit. Aenean dapibus. Nam massa. Phasellus sagittis. Sed nonummy, lorem pellentesque mollis laoreet, diam metus hendrerit massa, sit amet aliquam urna magna vitae mauris. Proin quis elit. Donec dignissim ipsum sit amet justo. Donec sollicitudin turpis sit amet arcu. Sed blandit nisl ac libero.</p>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nisl nisi, nonummy aliquam, nonummy vel, ornare ac, lacus. Etiam tristique cursus sapien. Donec pulvinar mauris eget nulla. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus mi. Proin scelerisque. Sed nisi. Nulla facilisi. Proin metus. Nam neque ante, molestie ac, rhoncus id, ultricies et, nisl. Donec fermentum, odio sit amet ornare semper, metus augue tristique justo, sed nonummy odio neque ut enim. Sed blandit euismod lacus. Maecenas rhoncus vulputate arcu. Vestibulum augue.</p>

<p>Mauris sagittis orci in felis laoreet aliquam. Maecenas mollis risus quis nibh. Pellentesque tempus, velit a mattis congue, ligula nulla dignissim massa, vel vulputate sem sapien vitae odio. Proin pede velit, tincidunt vitae, fermentum non, scelerisque quis, neque. Duis suscipit. Aenean dapibus. Nam massa. Phasellus sagittis. Sed nonummy, lorem pellentesque mollis laoreet, diam metus hendrerit massa, sit amet aliquam urna magna vitae mauris. Proin quis elit. Donec dignissim ipsum sit amet justo. Donec sollicitudin turpis sit amet arcu. Sed blandit nisl ac libero.</p>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi nisl nisi, nonummy aliquam, nonummy vel, ornare ac, lacus. Etiam tristique cursus sapien. Donec pulvinar mauris eget nulla. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus mi. Proin scelerisque. Sed nisi. Nulla facilisi. Proin metus. Nam neque ante, molestie ac, rhoncus id, ultricies et, nisl. Donec fermentum, odio sit amet ornare semper, metus augue tristique justo, sed nonummy odio neque ut enim. Sed blandit euismod lacus. Maecenas rhoncus vulputate arcu. Vestibulum augue.</p>

<p>Mauris sagittis orci in felis laoreet aliquam. Maecenas mollis risus quis nibh. Pellentesque tempus, velit a mattis congue, ligula nulla dignissim massa, vel vulputate sem sapien vitae odio. Proin pede velit, tincidunt vitae, fermentum non, scelerisque quis, neque. Duis suscipit. Aenean dapibus. Nam massa. Phasellus sagittis. Sed nonummy, lorem pellentesque mollis laoreet, diam metus hendrerit massa, sit amet aliquam urna magna vitae mauris. Proin quis elit. Donec dignissim ipsum sit amet justo. Donec sollicitudin turpis sit amet arcu. Sed blandit nisl ac libero.</p>

</div>

</div>

</body>

</html>

Spiftire · 2. november 2006

Dette er slett ikke vanskelig å få til. Jeg har ikke tid til å lage ett forlag nå, men kanskje seinere.

Du må i midlertidig være klar over en annen sak. I et frame layout vil du somregel ha en meny fil slik som du har i dag. Da er det bare å gå inn å redigere den ene meny fila for å legge til nye linker o.l. som vil vises på alle de andre sidene. I et CSS layout må du imidlertidig skriver hele menyen inn i hver enkelt html dokument. (litt usikker på dette men...) Da kan det fort bli tongvindt og tidkrevende å legge til nye linker, fordi du må inn i hvert enkelt html dokument og skrive om forandringene. Dette kan fort føre til "type-o's".

Måten jeg har løst dette problemet på er å skrive alle html dokumentene mine om til php. Så bruker jeg bare include() funsjonen som vil laste inn en fil. Denne fila er da min meny. Da har jeg bare en fil, og ikke 30 filer, jeg trenger å redigere når jeg vil legge til en ny link. Og jeg slipper å bruke frames. Jippi. Håper dette ga noe som helst mening. Mer info kan du finne her.

atsjoo · 2. november 2006

Dette er slett ikke vanskelig å få til. Jeg har ikke tid til å lage ett forlag nå, men kanskje seinere.

Du må i midlertidig være klar over en annen sak. I et frame layout vil du somregel ha en meny fil slik som du har i dag. Da er det bare å gå inn å redigere den ene meny fila for å legge til nye linker o.l. som vil vises på alle de andre sidene. I et CSS layout må du imidlertidig skriver hele menyen inn i hver enkelt html dokument. (litt usikker på dette men...) Da kan det fort bli tongvindt og tidkrevende å legge til nye linker, fordi du må inn i hvert enkelt html dokument og skrive om forandringene. Dette kan fort føre til "type-o's".

Måten jeg har løst dette problemet på er å skrive alle html dokumentene mine om til php. Så bruker jeg bare include() funsjonen som vil laste inn en fil. Denne fila er da min meny. Da har jeg bare en fil, og ikke 30 filer, jeg trenger å redigere når jeg vil legge til en ny link. Og jeg slipper å bruke frames. Jippi. Håper dette ga noe som helst mening. Mer info kan du finne her.

7203684[/snapback]

Dette kan også gjøres med javascript, dersom server ikke støtter php, men er nokså tungvindt sammenlignet med php-løsningen.

Om du ser ett svar opp, har jeg allerede laget et forslag til hvordan oppsettet kan lages.

Endret 2. november 2006 av atsjoo

howieD · 2. november 2006

Jeg kunne koden! Om høyde eller bredde er lignende klarer du sikkert å fikse dette selv

Takker.

Skal prøve ut dette i kveld eller i morgen.

Setter pris på at du laget koden

Blir spennende å se hvordan det går

howieD · 2. november 2006

Dette er slett ikke vanskelig å få til. Jeg har ikke tid til å lage ett forlag nå, men kanskje seinere.

Du må i midlertidig være klar over en annen sak. I et frame layout vil du somregel ha en meny fil slik som du har i dag. Da er det bare å gå inn å redigere den ene meny fila for å legge til nye linker o.l. som vil vises på alle de andre sidene. I et CSS layout må du imidlertidig skriver hele menyen inn i hver enkelt html dokument. (litt usikker på dette men...) Da kan det fort bli tongvindt og tidkrevende å legge til nye linker, fordi du må inn i hvert enkelt html dokument og skrive om forandringene. Dette kan fort føre til "type-o's".

Måten jeg har løst dette problemet på er å skrive alle html dokumentene mine om til php. Så bruker jeg bare include() funsjonen som vil laste inn en fil. Denne fila er da min meny. Da har jeg bare en fil, og ikke 30 filer, jeg trenger å redigere når jeg vil legge til en ny link. Og jeg slipper å bruke frames. Jippi. Håper dette ga noe som helst mening. Mer info kan du finne her.

7203684[/snapback]

Takk for svaret, men hadde også satt pris på det hvis du også kunne laget en layout som du mener passer bra, jfr det du skrev i begynnelsen av innlegget ditt.

Det er bra med flere forskjellige forslag, for det vil jeg sikkert lære av.¨

Det er hvertfall det jeg ønsker.

Man lærer best av å lese koden, se hvordan den er bygget opp, for så å trekke konklusjoner på bakgrunn av koden.

Trial and error for å si det sånn

howieD · 2. november 2006

Nå har jeg laget siden i CSS, og nå må jeg bare få de valgene jeg velger i menyen til å åpnes i centerboxen.

Dette har jeg null erfaring med

jeg vil få alt til å dukke opp i centerbox...

Det som trykkes på av linker i centerboxen, må ha tilsvarende funksjon som target _self i HTML, og det som velges i menyen må en funksjon som gjør at det åpnes i center det også

sukk

HTML target kommandoer virker vel ikke i CSS

Endret 2. november 2006 av Haavard82

PHPdude · 2. november 2006

"HTML target kommandoer virker vel ikke i CSS"

- CSS er ikke HTML

- CSS er ikke en erstaning for HTML

- CSS er til for å legge til stil på HTML

- HTML er til for å definere INNHOLD på siden, alt av stil fikses av CSS

Altså brukes CSS til å style HTML'n samtidig som man separerer innhold fra presentasjon, dette har enorme fordeler!

Disse dårlige vanene med å bruke masse HTML tll også å presentere er bare tull, mulighetene for dette har forsvunnet i de nye versjonene

target="" trenger du ikke bruke til noe som helst

howieD · 2. november 2006

OK.

Men hvis du sjekker ut siden " klikk her " så klikker du på "roma" i menyen, så åpnes dette i en helt ny side...

jeg vil gjerne få menyvalgene til å åpnes inne i center av siden, mellom menyen og høyrekolonnen. (der du ser "nyhetssakene")

Finnes det en forklaring på hvordan man lager slike linker?

Svinat · 2. november 2006

target _blank

_self

_top

_parent Where to open the target URL.

* _blank - the target URL will open in a new window

* _self - the target URL will open in the same frame as it was clicked

* _parent - the target URL will open in the parent frameset

* _top - the target URL will open in the full body of the window

Det fant jeg på w3schools, håper det kan hjelpe.

Thlom · 2. november 2006

OK.
Men hvis du sjekker ut siden " klikk her " så klikker du på "roma" i menyen, så åpnes dette i en helt ny side...

jeg vil gjerne få menyvalgene til å åpnes inne i center av siden, mellom menyen og høyrekolonnen. (der du ser "nyhetssakene")

Finnes det en forklaring på hvordan man lager slike linker?

7207477[/snapback]

Du må bruke PHP.

atsjoo · 3. november 2006

Hei igjen.

Dette må du som Olsen har påpekt, bruke PHP til. Regner med at webhotellet ditt har støtte for dette..

Det du gjør er å legge følgende i center-diven din:

<?php
include($s . '.inc');
?>

Dette skal være det eneste som står i diven. Det denne koden gjør er å inkludere innhold fra andre filer. Nedenfor kan du se hvordan du angir hva som skal inkluderes

Deretter legger du følgende kode helt i toppen av dokumentet:

<?php
if (!empty($_GET['s']) && fopen($_GET['s'].'inc', "r")) $s = $_GET['s'];
else $s = 'forsiden';
?>

Når du har gjort dette, og for å få det til å fungere som ønsket må du gjøre om linkene dine og undersidene litt.

linkene må se slik ut, gitt aa hovedfila di heter index.php (bytt filendelse til .php fra .html eller .htm): <a href="index.php?s=forsiden">Forsiden</a>

Filen forsiden må deretter endres, slik at kun innholdet som skal stå i center-diven er her (dvs. html-, head- og body-tags og alt som skal stå i dem skal bort). Eks. om det som skal stå på forsiden er "Velkommen til siden" skal filen "forsiden.inc" (du kan godt bruke annen filendelse, men husk da å også endre til tilsvarende filendelse i include-funksjonen lenger opp) ha følgende innhold:

<p>Velkommen til siden</p>

Håper dette hjelper deg litt på vei. Det er temmelig lett når man forstår hvordan include-funksjonen fungerer og hvordan man skal sende informasjon til serveren ved hjelp av get-variabler (linkene). Spør gjerne dersom du lurer på noe

Mvh.

Anders

edit: la alt inn i kildekoden for sida di

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<?php

if (!empty($_GET['s']) && fopen($_GET['s'].'inc', "r")) $s = $_GET['s'];

else $s = 'forsiden';

?>

<title>Elisabeth og Håvard</title>

* {

margin: 0;

padding: 0;

border: none;

font-size: 14px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

#wrap {

width: 1000px;

height: 700px;

}

#indrewrap {

float: left;

width: 800px;

height: 98%;

background-color: #eee;

}

#hoyrekolonne {

float: left;

width: 20px;

height: 700px;

background: #fff url(http://elisabethoghaavard.no/Bilder/sort-linje.jpg) repeat-y;

}

#indrewrap #topp {

float: left;

width: 800px;

height: 118px;

background-image: url(http://elisabethoghaavard.no/Bilder/topframe.jpg);

}

#indrewrap #meny {

float: left;

width: 135px!important;

width: 150px;

height: 565px !important;

height: 581px;

}

#indrewrap #innhold {

float: inherit;

width: 626px !important;

width: 650px;

height: 565px !important;

height: 581px;

padding: 8px;

overflow: hidden;

margin-left: 5px;

}

</style>

</head>

<body>

<span class="title" id="top"><img src="expanded.gif" alt="-" class="arrow" />Arkiv</span>

<a href="mainframe.html" > Forsiden</a>

<a href="dill.html" >Spill & Dill</a>

<a href="linker.html" >Linker</a>

<a href="gjestebok/" >Gjestebok</a>

<span class="title"><img src="expanded.gif" class="arrow" alt="-" />Bildegallerier</span>

<a href="Gallerier/Vatikanstaten/gallery.html" >Vatikanstaten</a>

<a href="Gallerier/Pompeii/gallery.html" >Pompeii</a>

<a href="Gallerier/Fest/13_oktober/gallery.html" >13. Oktober </a>

<a href="Gallerier/Fest/21_oktober/gallery.html" >21. Oktober </a> </div>

<span class="title"><img src="expanded.gif" class="arrow" alt="-" />Kontakt oss </span>

<a href="mailto:[email protected]">Elisabeth</a><a href="mailto:[email protected]">Håvard</a> </div>

</div>

<?php

include($s '.inc');

?>

</div>

</div>

</body>

</html>

Innholdet i forsiden.inc:

Klikk for å se/fjerne innholdet nedenfor

<div align="left"><strong><u>22. oktober</u></strong> </div>

<p align="left"><strong><font size="+1">Bildene </font></strong> fra festen og konserten på "Venner" natt til søndag er her!</p>

<p align="left"><a href="/Gallerier/Fest/21_oktober/gallery.html" >Bla i bildene</a></p>

</div>

<div align="left"><strong><u>16. oktober</u></strong>

</div>

<p align="left"><strong><font size="+1">Endelig</font></strong> er de her! Bildene fra festen som varte til tidlig morgen </p>

<p align="left">Festen hos Anka og Fredrik 13/14. november. </p>

<p align="left"><a href="/Gallerier/Fest/13_oktober/gallery.html" >Bla i bildene</a></p>

</div>

<p><strong><u>15. oktober</u></strong></p>

<p><em><font size="-1">Tur til Ikea lokker</font></em>.. </p>

<p><strong><font size="+1">Julen 2006</font></strong> nærmer seg i sjumilsstøvler, og vi begynner å merke presset fra handelsstanden allerede. Julemarsipan, nissen og snø står for dør, og vi kunne tenkt oss en tur på IKEA for å handleinn julevarer slik at vi er forberedt til julen akk.. den som hadde hatt bil </p>

</div>

<p><strong><u>08. oktober</u></strong></p>

<p align="left"><strong><font size="+1">Drammen</font></strong> viste seg fra sin beste side i dag.</p>

<p align="left">Været var fantastisk, men det hjalp ikke AaFK som tapte 3-2 i en spennende kamp </p>

</div>

<p>OVERSKRIFT </p>

<p> Masse tekst her... bla bla bla.... </p>

</div>

<p>OVERSKRIFT </p>

<p> Masse tekst her... bla bla bla.... </p>

</div>

<p>OVERSKRIFT </p>

<p> Masse tekst her... bla bla bla.... </p>

</div>

<p>OVERSKRIFT </p>

<p> Masse tekst her... bla bla bla.... </p>

</div>

Endret 3. november 2006 av atsjoo

Spiftire · 3. november 2006

Tok en titt på koden til siden din, Haavard82. Og du har missforstått litt av bruken til css. CSS brukes til å lage disignet til siden. Akkuratt som noen skrev over. Det er ikke HTML og skal aldri erstatte html. Dessuten finnes det flere forskjellige måter å bruke css på. Du kan ha det inni hver html tag. F.eks.

<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>

Eller du kan ha det i begynnelsen av hvert html dokument. Slik:

<head>
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
</head>

Eller for å få det skikkelig effektivt burde du flytte ut hele css'en din fra html dokumentet ditt også bare linke html til css'en. Slik:

<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css" />
</head>

Fordelen med denne måten å gjøre ting på er at du kan linke alle sidene du har på weben din tilbake til ett css dokument. Så hvis du skal forandre litt på utsenet trenger du bare gjøre det i et dokument og ikke alle dokumentene på hele siden.

Du kan finne mer infor på denne siden.

Det er litt viktig at du skjønner hva CSS brukes til og hvordan du kan bruke det mest effektivt. Sånn som det lå på siden din nå blir det fort litt mye jobb for deg selv.

Logg inn

Overføre HTML til CSS layout?

Anbefalte innlegg

howieD

Videoannonse

-morten

howieD

PHPdude

howieD

atsjoo

Spiftire

atsjoo

howieD

howieD

howieD

PHPdude

howieD

Svinat

Thlom

atsjoo

Spiftire

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Synd 1 2

Tvang Copilot på TV-eierne: Nå snur LG

Hvem er aktive 0 medlemmer