Html

Posta ny tråd
  • IT & mobiler
  • Trådstartare Trådstartare glee
  • Startdatum Startdatum
  • Svar Svar 63
  • Visningar Visningar 3 780
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

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

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 993
Senast: prinsessfeminist
·
Ainon
Hemsidehjälp (html)
IT & mobiler Ja skulle behöva lite hjälp med min html kodning för av någon anledning så fungerar det inte. Vilket ni kan förstå om ni tittar in här...
Svar
1
· Visningar
1 236
Senast: Ainon
·
Ainon
Mellanrum i html
IT & mobiler Hur skriver man ett mellanrum (större än ett mellanslag och inte en rad neråt) i html kodning. Koden tycks ha flygit bort ur min hjärna.
Svar
2
· Visningar
12 927
Senast: Ainon
·
B
Dressyren idag
Dressyr Nu har vi ju avhandlat var godkänt gränsen går och vart den faktiskt går (missförstå mig rätt ;)), det behöver vi inte fortsätta med i o... 3 4 5
Svar
82
· Visningar
13 328
Senast: Emelei
·

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

Hästrelaterat

Tillbaka
Upp