Ska nu för första gången ge mig in på divvar. Har alltid kört med tabeller. Vill gärna höra för och nackdelar. Tips och råd.
Gärna någon sida som är uppbyggd utav divvar så man kan få lite inspiration.
Tacksam för svar!
Ska andvända divvar
15 svar · 524 visningar · startad av ade
http://www.webforum.nu/showthread.php?s=&threadid=108792&forumid=12
https://www.stylegala.com
https://www.cssvault.com
https://www.cssdesign.se
något att starta med iaf
mv icaaq
Men jag har alltid kört med style i html filen ex.
<table width="1" height="1" style="border-top: 1px solid black; vertical align: middle;">
Och jag har alltid fått hörat att jag ska köra det genom css, så jag tänkte även att jag skulle göra det den här gången.
Därför har jag en fundering.
Länkarnas teckensnitt och färger kär jag via css och då får jag ju fram den genom att skriva class="namnet"
Men nu när jag har borders så är jag osäker.
Men jag kan gissa på.
<table width="1" height="1" id="namnet">
Tacksam för svar!
table? du skulle väl dissa tabeller?
<div id="namnet"></div>
#namnet {height: 1px; width: 1px; border och övrig css}
Tänk på att id kan du bara använda en gång. Ska du använda samma css på en sida så använd class istället.
T.ex. om du ska anropa "namnet" flera gånger på en sida.
Oj det vart utav ren vana att jag skrev i tabeller. Oki men då kör jag med <div class="namn"></div> för säkerhets skull..
Eller finns det någon fördel med att andvända id?
Återkommer säkert med div frågor senare :)
Men vad är det fär nackdelar med att köra style="borders mm" i en html eller asp fil?!
Det är många stora webbsidor som kör med detta, jag har alltid gjort det och inte märkt något.
Okej den validerar ju inte prickfritt lika lätt men vad är nackdelarna?!
Okej den validerar ju inte prickfritt lika lätt men vad är nackdelarna?!
Det är lättare att ge dig en stor fördel. Låt oss säga att du har byggt upp ett dokument med information. Sen kopplar du på ett css-dokument på detta och stylar din sida med det.
Sen vill du göra om din sidas layout men inte ditt innehåll, då behöver du bara göra om din css. Ett bra exempel på det är https://www.csszengarden.com där samma dokument används på alla de olika designerna.
mv icaaq
Men är det ända fördelen med att köra via css?! Jag kör som sagt länkarnas, input, textarea och option value genom css för att inte röra till allt för mycket i filerna.
Men det har inte nått med laddningstid på sidorna att göra då?!
En extern css-fil fastnar (oftast) i webbläsarens cache, så den laddas en gång, och hämtas sedan därifrån.
ade skrev:
Men är det ända fördelen med att köra via css?! Jag kör som sagt länkarnas, input, textarea och option value genom css för att inte röra till allt för mycket i filerna.
Men det har inte nått med laddningstid på sidorna att göra då?!
När XHTML och CSS används på korrekt sätt så separerar man innehållet ifrån presentationen på webbplatsen. Genom att göra detta i kombination med semantiskt korrekt kod har vi mycket att tjäna bl.a.
\* Sökmotorer har lättare att indexera och hitta fram till rätt sida.
\* Webbplatsen blir tillgänglig genom andra medier t.ex. mobiltelefoner eller handdatorer.
\* Mindre sidor (Snabbare laddtider).
\* Bakåtkompatibelt, informationen visas även för äldre webbläsare.
\* Framåtkompatibelt, kommer även i framtiden fungera i alla webbläsare som följer webbstandarder.
\* Betydligt enklare vid en omdesign av webbplatsen.
osv osv osv
mv icaaq
humm det finns ju en hel del fördelar!
En fråga till angående divvar. När man andvänder sig av tabeller så kan man ju andvända sig utav celler också. Finns det inget liknande inom div?
ade skrev:
Finns det inget liknande inom div?
Nej.
Har man ett behov av celler så är det troligen <table> man ska använda.
Okej!
Du kan "skapa" en tabell med CSS. Tex:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="sv">
<head>
<title>CSS-tabell!</title>
<style type="text/css">
body {display: table;}
body > div {display: table-cell;}
</style>
</head>
<body>
<div>
<h1>CSS-tabell!</h1>
<p>...text...</p>
</div>
<div>
<p>...text...</p>
</div>
</body>
</html>
Fast det fungerar inte med IE.
Dock kommer man långt genom att positionera med position samt float.
Annars förstår jag inte vad du ska med "celler" till. :)
Ibland brukar jag ha celler i tabeller istället för tabeller!
ade skrev:
Ibland brukar jag ha celler i tabeller istället för tabeller!
tabeller skall innehålla celler, inte tabeller ;)
tabeller och lager är inte varandras motpoler.
Tabeller är tänkta att användas för att presentera data i tabell-form.
Lager är "containers" utan egna egenskaper, du ger lagret egenskaper med styles.
Tänk dig lager som små boxar du kan placera vart du vill i en stor box, du kan placera dina småboxar i rader och columner för att simulera en tabell t.ex. du kan också placera dina småboxar "huller om buller" i din stora box(rotelement(htm,body)).