Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Programmering i html

1 2
Skriv svar
Permalänk
Medlem
●

Programmering i html

hej sitter här och försöker göra en hemsida i html format (mest för skojs skull). Jag ska då försöka göra ett galleri och undrar om ni vet någon kod för att göra mellanrum mellan bilderna som mellanslag vanligtvis gör, och om man kan göra mellanrum på höjden som man vanligtvis gör med enter?
Skulle vara tacksam för svar!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Om jag förstår dig rätt är du ute efter koden "<br>". Prova och se om det fungerar. Du skriver endast "<br>" och inte "<br></br>". Om du vill ha längre mellanrum så skriver du bara "<br>" flera gånger.

Visa signatur

Chassi: Fractal Design Define R4 SSD: Kingston SSDNow V300 120GB HDD: 1 TB 7200 RPM Moderkort: Asus Z87-A CPU: Intel Core i7 4770k 3,5GHz RAM: Kingston HyperX Beast 16GB DDR3 2400MHz GPU: Sapphire Radeon HD7950 Boost 3GB PSU: Cooler Master GX Lite 600W Tangentbord: Logitech Gaming Keyboard G110 Mus: Logitech G500 Webbkamera: Logitech HD Webcam C310 Mikrofon: Logitech USB Microphone Hörlurar: SteelSeries Siberia V2 Hörlurar: Pioneer HDJ-1500

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●

Man använder inte HTML för utseende. HTML ska bara beskriva innehållet. Utseendet sköts med CSS.

Vilka CSS-egenskaper som kan vara aktuella i ditt fall beror på hur din HTML ser ut och vad du vill uppnå för resultat. Bland annat margin och float kan vara användbara.

Enkelt exempel:

img {
   float: left;
   margin: 32px;
}
Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av HurMycket:

Man använder inte HTML för utseende. HTML ska bara beskriva innehållet. Utseendet sköts med CSS.

Vilka CSS-egenskaper som kan vara aktuella i ditt fall beror på hur din HTML ser ut och vad du vill uppnå för resultat. Bland annat margin och float kan vara användbara.

Enkelt exempel:

img {
   float: left;
   margin: 32px;
}
Gå till inlägget

Om han nu är ute efter en enkel radbrytning är det väl fortfarande "<br>" som gäller?

Hursomhelst så sköts design i CSS, ja. Dock brukar jag alltid när jag lär folk att koda, säga till att personerna vet hur man gör design i HTML som ex "color=#FFF" och dylikt. Sedan kan man använda sig av "style=" i sitt HTML-dokument.

Visa signatur

Chassi: Fractal Design Define R4 SSD: Kingston SSDNow V300 120GB HDD: 1 TB 7200 RPM Moderkort: Asus Z87-A CPU: Intel Core i7 4770k 3,5GHz RAM: Kingston HyperX Beast 16GB DDR3 2400MHz GPU: Sapphire Radeon HD7950 Boost 3GB PSU: Cooler Master GX Lite 600W Tangentbord: Logitech Gaming Keyboard G110 Mus: Logitech G500 Webbkamera: Logitech HD Webcam C310 Mikrofon: Logitech USB Microphone Hörlurar: SteelSeries Siberia V2 Hörlurar: Pioneer HDJ-1500

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag har nu försökt med <br> men det fungerar inte, jag vet ju att det funkar att byta rad för text med det men det fungerade tydligen inte med bilder. Jag är ganska ny med html men har inte hunnit ta tag i css riktigt än, ska försöka det senare och får hoppas det löser mitt lilla problem

Redigera
Citera flera Citera
Permalänk
Medlem
●

http://webdesignskolan.se/html/grunder/html_bilder.php

Där har du lite grundläggande i hur man placerar bilderna på sin sida via html kod.

Visa signatur

Ryzen 3600 | RX6800

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●
Skrivet av DarknessSky:

Om han nu är ute efter en enkel radbrytning är det väl fortfarande "<br>" som gäller?

Hursomhelst så sköts design i CSS, ja. Dock brukar jag alltid när jag lär folk att koda, säga till att personerna vet hur man gör design i HTML som ex "color=#FFF" och dylikt. Sedan kan man använda sig av "style=" i sitt HTML-dokument.

Gå till inlägget

Jag uppfattade inte att han var ute efter en radbrytning (semantik!), utan att få bilder att lägga sig i ett rutnät.

color= (och size=, align=, <font> osv) är nittiotal. De är deprecated i HTML 4.01 som är från 1999. Man gör inte så. Det är fel. Lär inte ut det.

Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●
Skrivet av JesperDa:

http://webdesignskolan.se/html/grunder/html_bilder.php

Där har du lite grundläggande i hur man placerar bilderna på sin sida via html kod.

Gå till inlägget

Det såg bra ut fram tills de började använda ALIGN=, HSPACE= och VSPACE=.

<facepalm />

Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
Medlem
●

Håll inte på att flytta bilden några pixlar med html eller css, det ser olika ut beroende på skärmstorlek och upplösning.

Använd tabeller och tabeller i tabellerna.

Nuförtiden används HTML endast till strukturer upp sidan med tabeller och skapa objekt vilket man utnyttjar css på för design och php och javascript för händelser.

Visa signatur

- Man kan ju citera, eller skriva till tomma intet. -

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av frestation:

Håll inte på att flytta bilden några pixlar med html eller css, det ser olika ut beroende på skärmstorlek och upplösning.

Använd tabeller och tabeller i tabellerna.

Nuförtiden används HTML endast till strukturer upp sidan med tabeller och skapa objekt vilket man utnyttjar css på för design och php och javascript för händelser.

Gå till inlägget

Fast just tabeller används inte på det sättet.

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Teknocide:

Fast just tabeller används inte på det sättet.

Gå till inlägget

???
Skulle du kunna utveckla dig?
Jag brukar använda det, fast det kanske man inte gör nuförtiden.

Visa signatur

- Man kan ju citera, eller skriva till tomma intet. -

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av frestation:

???
Skulle du kunna utveckla dig?
Jag brukar använda det, fast det kanske man inte gör nuförtiden.

Gå till inlägget

Tabeller används inte för design av sidor. Det är lika no-no som <font>.

edit: Tabeller är tänkta att innehålla "tabulär data", det vill säga data grupperade i rader och kolumner. Tabeller användes tidigare mycket för design men det har varit av tapeten sedan CSS började bli etablerat. Det är helt enkelt inte praktiskt att foga in sitt innehåll i en tabell.

Senast redigerat
Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av frestation:

Håll inte på att flytta bilden några pixlar med html eller css, det ser olika ut beroende på skärmstorlek och upplösning.

Använd tabeller och tabeller i tabellerna.

Nuförtiden används HTML endast till strukturer upp sidan med tabeller och skapa objekt vilket man utnyttjar css på för design och php och javascript för händelser.

Gå till inlägget

Det känns rätt old-school och trist att använda tabeller...
Bättre att positionera med CSS och kunna leka med JS och Transitions samtidigt!

Visa signatur

Insert funny joke here

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Ny rad brukas skrivas ut med <br> eller <br />

För avstånd mellan bilder så måste du använda CSS, vilket är nödvändigt för att kunna bygga en någorlunda hemsida. HTML & CSS är grunden för alla hemsidor som finns.

Att bygga en hemsida på tables är inte det bästa man kan göra, rekommenderar starkt att undvika detta.

sätt detta på dina bild element
style="margin: 5px;"

Exempel:
<img style="margin: 5px;" src="bild.jpg" alt="bildinfo">

Detta är dock inte optimalt, du bör skriva CSS kod i en separat CSS fil. Läs på om det, du kommer behöva det.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Teknocide:

Tabeller används inte för design av sidor. Det är lika no-no som <font>.

edit: Tabeller är tänkta att innehålla "tabulär data", det vill säga en informationsmatris där rader och kolumner är grupperade eftersom de har saker gemensamt. Tabeller användes tidigare mycket för design men det har varit av tapeten sedan CSS började etablera sig. Det är helt enkelt inte praktiskt.

Gå till inlägget
Skrivet av Slaktardej:

Det känns rätt old-school och trist att använda tabeller...
Bättre att positionera med CSS och kunna leka med JS och Transitions samtidigt!

Gå till inlägget

Okej ska prova använda CSS för positioner till mitt nästa projekt.

Visa signatur

- Man kan ju citera, eller skriva till tomma intet. -

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av frestation:

Håll inte på att flytta bilden några pixlar med html eller css, det ser olika ut beroende på skärmstorlek och upplösning.

Använd tabeller och tabeller i tabellerna.

Nuförtiden används HTML endast till strukturer upp sidan med tabeller och skapa objekt vilket man utnyttjar css på för design och php och javascript för händelser.

Gå till inlägget

Tabeller är för tabulär data, INGET annat! Lär aldrig ut något annat TACK!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av frestation:

Okej ska prova använda CSS för positioner till mitt nästa projekt.

Gå till inlägget

Vet inte hur dina projekt ser ut, men CSS används för att kontrollera ALLT inom HTML.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av FlorrpaN:

Vet inte hur dina projekt ser ut, men CSS används för att kontrollera ALLT inom HTML.

Gå till inlägget

Här har du ett exempel.

http://bjornarna.karolinascoutkar.se/

Det är en sida jag gjort för scout "gruppen" jag är med i för 3 år sedan.

Visa signatur

- Man kan ju citera, eller skriva till tomma intet. -

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●
Skrivet av frestation:

Här har du ett exempel.

http://bjornarna.karolinascoutkar.se/

Det är en sida jag gjort för scout "gruppen" jag är med i för 3 år sedan.

Gå till inlägget

Tabeller i tabeller, inline styles, <center>, uråldriga attribut ... Förlåt mig, men den källkoden var inte rolig att läsa.

Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av HurMycket:

Tabeller i tabeller, inline styles, <center>, uråldriga attribut ... Förlåt mig, men den källkoden var inte rolig att läsa.

Gå till inlägget

Jag visste inte att allt det var gammalt, men tack för kritiken. Har insett att jag behöver lösa på lite om morden design.
Är det någon som kan rekommendera någon guide eller något om vad som är aktuellt nu?

Visa signatur

- Man kan ju citera, eller skriva till tomma intet. -

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●
Skrivet av frestation:

Jag visste inte att allt det var gammalt, men tack för kritiken. Har insett att jag behöver lösa på lite om morden design.
Är det någon som kan rekommendera någon guide eller något om vad som är aktuellt nu?

Gå till inlägget

Ja. Läs INTE på W3Schools. Det duger som referens när man snabbt ska kolla upp nåt man egentligen kan men inte kommer ihåg just för tillfället, men som tutorial och faktareferens är det inte bra alls.

Det är möjligt att HTML 5 Tutorial är bra, men jag vågar inte garantera något.

Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
Medlem
●

Vill bara inflika att för att använda CSS till designen så används taggarna div (boxar, OK att nästla hierarkiskt) och span (för löpande text).

Också, semantikfråga: man programmerar inte i HTML (ang titeln)

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av frestation:

Jag visste inte att allt det var gammalt, men tack för kritiken. Har insett att jag behöver lösa på lite om morden design.
Är det någon som kan rekommendera någon guide eller något om vad som är aktuellt nu?

Gå till inlägget

http://html.net/

alternativt
http://thenewboston.org/list.php?cat=40

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tänkte ställa en till fråga till er i den här tråden...

Det är såhär nu att jag har lärt mig lite grunder i css nu och har fått fram en liten test "hemsida".

Jag har sedan förut haft wamp installerat på min dator och tänke nu göra en webbserver och lägga hemsidan på den.
Problemet jag har då är att när jag lägger in alla html filer och css filen och sedan går in i webbläsarn , skriver in localhost så kommer min index upp, och det gå ej att klicka in på någon av de andra flikarna.
Index sidan laddas som den ska och om man för muspekarn över någon av länkarna till nästa sida så blir det en sådant där "finger" som visar att man kan klicka på länken men när man klickar så händer inget.

Skulle vara tacksam om någon visste vad felet var!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av spang420:

Tänkte ställa en till fråga till er i den här tråden...

Det är såhär nu att jag har lärt mig lite grunder i css nu och har fått fram en liten test "hemsida".

Jag har sedan förut haft wamp installerat på min dator och tänke nu göra en webbserver och lägga hemsidan på den.
Problemet jag har då är att när jag lägger in alla html filer och css filen och sedan går in i webbläsarn , skriver in localhost så kommer min index upp, och det gå ej att klicka in på någon av de andra flikarna.
Index sidan laddas som den ska och om man för muspekarn över någon av länkarna till nästa sida så blir det en sådant där "finger" som visar att man kan klicka på länken men när man klickar så händer inget.

Skulle vara tacksam om någon visste vad felet var!

Gå till inlägget

När du flyttade filerna bröts länkarna eftersom du troligen har länkat dina knappar fel.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av DarknessSky:

Om jag förstår dig rätt är du ute efter koden "<br>". Prova och se om det fungerar. Du skriver endast "<br>" och inte "<br></br>". Om du vill ha längre mellanrum så skriver du bara "<br>" flera gånger.

Gå till inlägget

Ville bara påpeka att endast <br> inte är korrekt. Det måste vara <br />. Dom flesta webbläsare kommer fixa det oavsett, men rätt ska va rätt!

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon214934:

Ville bara påpeka att endast <br> inte är korrekt. Det måste vara <br />. Dom flesta webbläsare kommer fixa det oavsett, men rätt ska va rätt!

Gå till inlägget

Nja. Det beror på.
http://stackoverflow.com/questions/1946426/html-5-is-it-br-br...

Visa signatur

muufoto.se

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av FlorrpaN:

När du flyttade filerna bröts länkarna eftersom du troligen har länkat dina knappar fel.

Gå till inlägget

Vet inte om jag uppfattade detta rätt...

Men kanske ska tillägga att när jag har kört "startsidan" på min hemsida direkt från mappen
där alla html och css filer ligger så fungerar min hemsida finfin,
men inte i wamp mappen.
Jag har även testat att skapa en annan hemsida direkt i wamp mappen men
även den fungerade inte.

Vad beror detta på?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av spang420:

Vet inte om jag uppfattade detta rätt...

Men kanske ska tillägga att när jag har kört "startsidan" på min hemsida direkt från mappen
där alla html och css filer ligger så fungerar min hemsida finfin,
men inte i wamp mappen.
Jag har även testat att skapa en annan hemsida direkt i wamp mappen men
även den fungerade inte.

Vad beror detta på?

Gå till inlägget

När du länkar till sidor i samma mapp så ska det se ut så här:

<a href="SIDA.html">SIDANSNAMN</a>

Jag gissar på att du gör länkar som ser ut såhär:

<a href="c://DESKTOP/BLABLA/SIDA/SIDA.html">SIDANSNAMN</a>

Vilket är fel.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av FlorrpaN:

När du länkar till sidor i samma mapp så ska det se ut så här:

<a href="SIDA.html">SIDANSNAMN</a>

Jag gissar på att du gör länkar som ser ut såhär:

<a href="c://DESKTOP/BLABLA/SIDA/SIDA.html">SIDANSNAMN</a>

Vilket är fel.

Gå till inlägget

Jag tror du har en poäng där

Redigera
Citera flera Citera
1 2
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara