Bukefalos 28 år!

Html

Posta ny tråd
G

glee

Hur gör man lite större mellanrum i HTML? Jag har suttit o letat på html-guider men inte hittat något.

Jag ska lägga några länkar på rad, horisontellt alltså, och vill ha lite större mellanrum mellan dem än bara ett mellanslag.

Sen undrar jag om man måste skriva <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> i alla html-dokument? Hur vet man vilken html-version man ska skriva där? :confused:
 
Sv: Html

för mellanrummet måste du använda dig av &nbsp;
 
Sv: Html

Kanske du kan använda dig av en tabell istället, det brukar vara det lättaste tycker jag.
 
Sv: Html

glee skrev:
Hur gör man lite större mellanrum i HTML? Jag har suttit o letat på html-guider men inte hittat något.

Jag ska lägga några länkar på rad, horisontellt alltså, och vill ha lite större mellanrum mellan dem än bara ett mellanslag.
Klicka för att se mer...
Man kan använda &nbsp; och tabeller... Men det är inte "rätt" ;)
Vill dock poängtera att jag är van vid att tala inför döva öron när det gäller webbdesign. Du får alltså skriva hur "slaffsig" kod som helst, webbläsarna förstår oftast vad du menar ändå :D (Med andra ord, du får göra som du vill :) )

Jag skulle dock föreslå att du använder CSS-attributen margin eller padding.
Såhär kan man få mer utrymme mellan länkar:
Länk-makeup.
Om du tittar i koden ser du att jag med hjälp av CSS satt:
Kod: 
[COLOR="Red"]a {
margin:20px;
}[/COLOR]
[COLOR="Green"]#container a {
padding:10px;
margin:0;	
border:1px solid #ccc;
}[/COLOR]
Det som är rödmarkerat sätter margin på alla länkar. Det som är grönmarkerat sätter padding och en border runt varje länk, som finns i <div>:en som jag kallat container.
glee skrev:
Sen undrar jag om man måste skriva <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> i alla html-dokument? Hur vet man vilken html-version man ska skriva där? :confused:
Klicka för att se mer...

Vilken doctype man använder är en smaksak. Den äldre som du nämner är ganska förlåtande. Jag använder Strict, vilket namnet antyder, har ett striktare regelverk för hur kod ska skrivas.
Man bör ha en doctype, eftersom det talar om för webbläsaren hur den ska tolka koden man skrivit i dokumentet.
Om det skulle dyka upp något konstigt problem i designen på din sida så kan du gå till:
http://validator.w3.org/ för att validera din kod. Den kommer säga till om du t.ex. glömt stänga en tagg. Men den kräver att du använder en doctype, så att den vet vilka regler den ska rätta din kod efter.

Här har du några doctypes att välja mellan: http://www.w3schools.com/tags/tag_doctype.asp
 
Senast ändrad:
Sv: Html

En annan bra variant är ju att bygga länkrader med list-element. Smidigt att formge och väldigt lätt att bygga ut när man vill lägga till fler länkar, göra en drop-down-meny av länkarna och så vidare. Det blir dessutom relativt snyggt och lättläst när man av någon anledning tittar på sidorna utan att använda den specifierade css-informationen (t.ex. för synskadade, seriöst färgblinda och andra med speciella behov).

Jag tror faktiskt jag har sett att nidron redan har gjort en liten miniguide på hur man kodar horisontella list-länkar med css här på dator-forumet för inte så där jättelänge sedan, så är du intresserad av att göra det så kolla runt lite. :)
 
Sv: Html

moiran skrev:
Jag tror faktiskt jag har sett att nidron redan har gjort en liten miniguide på hur man kodar horisontella list-länkar med css här på dator-forumet för inte så där jättelänge sedan, så är du intresserad av att göra det så kolla runt lite. :)
Klicka för att se mer...

I eftermiddags-hasten glömde jag bort att ge instruktioner om hur man bygger menyer med listor. *smäller sig själv på fingrarna* :o Däremot kanske TS bara ville skriva in några länkar i en brödtext, istället för att göra en meny.
Men vi tar det säkra före det osäkra, så här kommer en liten lektion :D :

Till TS:
Såhär kan en meny med länkar se ut när man tar hjälp av list(or):
Meny-makeup
Koden ser ut såhär:
Kod: 
<ul>
<li><a href="#">Hem</a></li>
<li><a href="#">Om oss</a></li>
<li><a href="#">Produkter</a></li>
</ul>
Det är ungefär samma sak som att använda Punktlista när du skriver inlägg på buke.
För att få det snyggt måste man dock lägga till en del CSS-attribut. Om du vill ha en horisontell meny skriver du i din CSS:
Kod: 
li {
	display:inline;	
}
Om du vill ha en vertikal meny kan du skriva:
Kod: 
li {
list-style: none;
}
...för att få bort "kulorna" framför varje länk.

Återkom om du stöter på problem :)
 
Senast ändrad:
Sv: Html

Haha, jag refererade iofs till nån miniguide du redan skrivit i någon annan tråd (har du inte gjort det? minns jag fel?) här på datorforumet, inte att du skulle skriva en nu... :D
 
Sv: Html

moiran skrev:
Haha, jag refererade iofs till nån miniguide du redan skrivit i någon annan tråd (har du inte gjort det? minns jag fel?) här på datorforumet, inte att du skulle skriva en nu... :D
Klicka för att se mer...

Jag tror jag har gjort det. Men jag orkade inte leta. Mitt FixUp-arkiv var lättare att leta igenom :D
 
Sv: Html

FixUp-arkiv låter seriöst. Jag brukar hålla mig till den oseriösa och mycket irriterande frasen "google ffs" eller liknande... ;)
 
Sv: Html

Haha. Jag hatade den frasen när jag var nybörjare inom HTML för sisådär 9 år sedan :D Så nu försöker jag hjälpa folk så gott det går istället.
Det finns en hel del, dock inte helt validerade, exempel i min fixup-hög. Både på servern och på datorn :)
 
Sv: Html

Mmm, jag var snäll och seriös i början också och hjälpte folk så gott jag kunde, men nu är jag gammal och bitter... :angel:
 
Sv: Html

trodde bara ts villa ha ett bredare avstånd mellan två bokstäver...
nu blev det avancerat...
 
Sv: Html

Det blev kanske lite för avancerat :o
Men som jag skrev i mitt första inlägg, jag talar ofta inför döva öron. Vill man lära sig, så förklarar jag mer än gärna hur man bör göra :)
 
Sv: Html

Jag uppskattar dina beskrivingar, du är bra på dem!
JAG lyssnar.
Kan ju en hel del, men ju äldre man blir desto mindre aktiv i lärandet har jag blivit, bara massa jobb o barn.. men jag försöker få till alla csser...
 
Sv: Html

Tack för alla svar! :)

Nu har jag bara skummat igenom dem men jag ska läsa mer noga och försöka klura ut hur jag ska göra.

Att man kan skriva hur slaffsigt som helst har jag märkt eftersom jag är rätt dålig på html och vet att jag gör en hel del fel, men sidan funkar ändå. :)

För att förtydliga lite vad jag menade med mellanrummet:
De länkar jag ska ha heter bl.a. "om selma" , "fotoalbum", "filmer"
Och eftersom de ska ligga på samma rad vill jag inte att det ska se ut som

Om Selma Fotoalbum Filmer

utan som

Om Selma........Fotoalbum........Filmer

Jag KAN ju iofs lösa det som jag gjorde här och göra punkter i samma färg som bakgrunden. Men det vill jag inte. :p
 
Sv: Html

Ska jag använda

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

eftersom min sida har frames? Eller kan jag använda den jag klistrade in tidigare? Måste det finnas en doctype i varenda html-dokument?
 
Sv: Html

glee skrev:
Ska jag använda

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

eftersom min sida har frames? Eller kan jag använda den jag klistrade in tidigare? Måste det finnas en doctype i varenda html-dokument?
Klicka för att se mer...

frameset.dtd använder du endast på den sidan där du länkar in alla dina vanliga html-dokument. Om du nu använder Frames :)
Den du klistrade in tidigare går bra att använda på alla vanliga html-dokument där du bara har en meny eller lite brödtext, lite bilder, eller sådant :)
 
Sv: Html

Ska passa på att fråga en till sak. Ska göra en ny hemsida från grunden, borde jag hålla mig till html (och inte xhtml) eftersom jag inte är så haj på det här?
 
Sv: Html

Det är inte så stor skillnad på XHTML och HTML. Jag tycker nog du borde satsa på XHTML. Den stora skillnaden är väl att du måste stänga även de taggar som inte "omfamnar" något annat, t.ex. bildtaggen <img src="" alt=""/>. Eller <br/>. Taggar skrivs även med små bokstäver och det är en del taggar som inte är tillåtna längre.
Om du skulle använda en tagg på fel sätt, så kör du dokumentet genom Validatorn, så säger den till vad som är fel. Det kan vara lite svårt att tyda felmeddelandena i början, men det är bara att fråga ngn, tills man lär sig :)

Ett minimalt XHTML-dokument måste innehålla det här:
Kod: 
<!DOCTYPE Doctype goes here>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title goes here</title>
</head>

<body>
</body>

</html>
 
Senast ändrad:

Liknande trådar

bettysmatte
Facebook-sida skriva inlägg - är det något jag missar?
IT & mobiler Jag har en facebook-sida för min bok/mitt författande. När jag skriver inlägg på mitt privata facebook-konto ser rutan där man skriver...
Svar
6
· Visningar
671
Senast: Migo
·
C
Hitta stallplats utan häst, hur gör man?
Hästmänniskan Innan jag tar det stora beslutet att köpa min första egna häst tänkte jag att det vore en god idé att först hyra en häst från ett...
Svar
11
· Visningar
1 779
Senast: prinsessfeminist
·
A
TMS häst
Hästvård Hej! Igår var vi med vår nyinköpta valack på Strömsholm för en TMS. Jag som inför det här besöket letade information om denna...
Svar
8
· Visningar
4 349
Senast: Jamtland
·
Dressyrtjejen_97
När är en sadel "för billig"?
Utrustning Det är väl ingen hemlighet att jag "lågintensivt" letar efter en dressyrsadel till H.H. Jag har en tanke om att först titta ut en dito...
7 8 9
Svar
164
· Visningar
16 419
Senast: Magnum
·

Välj ämne nedan

Ekonomi & Juridik Anläggning Hästmänniskan Gnägg Utrustning Hästvård Foder & Strö Hästhantering Träning Ridning Avel Tävling Distans Dressyr Fälttävlan Hoppning Islandshäst Körning Trav Western Övr. Grenar Hundhälsa Hundträning Hundavel & Ras Övr. Hund Katthälsa Övr. Katt Lantbruksdjur Däggdjur Övr. Djur Samhälle Juridik & Ekonomi Skola & Jobb Relationer Kropp & Själ Hemmet Trädgård & Växter Mat Kläder & Bli fin Fordon IT & Mobiler Kultur Fritid Tjatter Äldre Gravid - 1år Småbarn Övr. Barn Dagbok Hästnyheter Radannons Företag Bukefalos Bukefalosnyheter

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

  • Nepenthe
    Uppdateringstråd 29
    • Övr. Hund Ja precis 🙂 Har de relativt svalt inne genom att dra ner för fönstren. Men förra sommaren när de blev tropiska nätter va de lite...
    • Nepenthe
    • Svar: 1 317
    • Visningar: 86 315
    • Hund
  • monster1
    Guldfasanerna
    • Övr. Djur Förslag på temat gula blommor "Primrose" för ljusgul jordviva som växer vilt i Storbritannien.
    • monster1
    • Svar: 307
    • Visningar: 15 226
    • Djur
  • S
    Kön kattungar 4st
    • Övr. Katt Kan detta var en hona när de är så långt mellan anus och könsöppning? Tycker ändå könet ser ut som en hona eller? Ni är ju så hjälpsamma...
    • SMM
    • Svar: 14
    • Visningar: 610
    • Katt

Hästrelaterat

Omröstningar

  • sjoberga
    Hämta eller sälja? Toyota Auris
    • Fordon Jag har ärvt en halv Toyota Auris Diesel mildhybrid, automat årsmodell 2013. Miltalet 2021 var 3500 ungefär och sedan dess är det oklart...
    • Startad av sjoberga
    • Svar: 20
    • Visningar: 1 828
    • Allmänt
Tillbaka
Upp