Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Html - fyrkant

Skapad av Oliveran, 2011-02-07 10:42 i Webbutveckling & Programmering

2 047
16 inlägg
0 poäng
Oliveran
Visningsbild
P 30 Åkersberga Hjälte 5 719 inlägg
2011-02-07 10:42
0
http://www.myhtmltutorials.com/list.html

Hej, hej.
Under texten där det står:
"This list was made with the following statement:" så är det en ruta. En fyrkant, basically. Jag undrar, kort och gott, hur man gör själva fyrkanten.

Tack i förhand!

Tillägg av Oliveran 2011-02-07 10:47

NVM, problem löst med CSS. Tråd kan dödas. Hårt. Alternativ låsas.

You're my boo! ~

Direktlänk Svara på inlägg Gästbok
Skicka

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-02-07 10:48
0
Beror på syftet med fyrkanten, vad som ska vara i den etc : )

Men rent generellt så stylar man upp ett block level element med CSS-stilar, och ett block-level element kan vara exempelvis:
h1-7 (rubriker),
div (container),
ul/ol (lista),
li (listnod),
section (html5),
aside (html5),
header (html5),
footer (html5)

I HTML4.01 och XHTML... 2? så är divar de vanligaste containrarna. I HTML5 använderman mycket section och aside beroende på syfte.

Beror alltså mycket på syfte, placering och innehåll : )

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
Oliveran
Visningsbild
P 30 Åkersberga Hjälte 5 719 inlägg
Trådskapare
2011-02-07 10:54
0

Svar till Erotisk_Eruption [Gå till post]:
Jag gav dig en lite dålig förklaring!
Jag försöker göra en sidobar, med fyrkanter i en viss storlek.
Jag förstår inte hur "<div style="sidebar"> funkar heller :(

You're my boo! ~

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-02-07 11:07
0
Svar till Oliveran [Gå till post]:
Utgår ifrån att du jobbar i HTML4 eller XHTML 1.1/2? : )

Om så är fallet, så behöver du ha koll på:

Innehållet i <body></body>, <head></head> och en extern .css-fil.

Säg att du har en css-fil som heter default.css som ligger i samma mapp som index.html.

I index.html ska du då ha en <link> i <head> och en <div> i <body>.

typ såhär:

<head>
<link href="default.css" type="text/css" rel="stylesheet"/>
<!-- Link anger att det är en länk till en extern fil, type anger vilken MIME-typ filen har, href anger sökvägen, rel anger "relationen", dvs. vad webbläsaren kan förvänta sig av filen.//-->
</head>
<body>
<div id="sidebar">
Här är allt ditt sidebar-innehåll.
</div>
</body>

Med den markupen (dvs. du inkluderar en CSS-stilmall i head och har en div med id i body) så kan du börjar styla upp dne i CSS.

Så, i CSS-mallen anger du:
/* # = id, . = class */



#sidebar {
/* CSS-innehåll här */
}

Kan nog ge utförligare svar efter att jag ätit lunch, men med det där borde du ta dig en bit i alla fall : )

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
Oliveran
Visningsbild
P 30 Åkersberga Hjälte 5 719 inlägg
Trådskapare
2011-02-07 12:25
0
Svar till Erotisk_Eruption [Gå till post]:
HTML har jag haft bas-kunskaper i, men inget i CSS.
Tack för hjälpen, hoppas på att kunna göra världens sexigaste sidebar ever nu :D Skall testa detta när jag kommer hem!

You're my boo! ~

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-02-07 12:47
0

Svar till Oliveran [Gå till post]:
Protip:

float:left/right;
margin: Upx Xpx Ypx Zpx;

;)

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
Oliveran
Visningsbild
P 30 Åkersberga Hjälte 5 719 inlägg
Trådskapare
2011-02-07 12:51
0
Svar till Tvillingen [Gå till post]:
Mm. Tack.

You're my boo! ~

Direktlänk Svara på inlägg Gästbok
Skicka
Oliveran
Visningsbild
P 30 Åkersberga Hjälte 5 719 inlägg
Trådskapare
2011-02-07 12:51
0
Svar till Erotisk_Eruption [Gå till post]:
Jaha, mindfuck!

You're my boo! ~

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-02-07 12:59
0

Svar till Oliveran [Gå till post]:
haha jaså? float skickar saker till höger eller vänster, och med margin kan du knuffa tillbaks det lite. Ger ett bra flow rent semantiskt.

Om du vill slippa traggla med shorthand (alla margin-värden på ett bräde) kan du köra margin-right: eller margin-left:, exempelvis om du kör:

Float: left;
margin-left: 100px;

så skickar den din sidebar till vänsterkanten, och sedan knuffar tillbaka den 100px till höger igen : D

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
lurredurre
Visningsbild
P Hjälte 2 107 inlägg
2011-02-17 17:37
0

Svar till Oliveran [Gå till post]:
<html>
<body>

<div style="background-color:grey;border:1px solid black;">
Du kan lägga till width och height om du vill också :P
</div>

</body>
</html>

Hej!

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-02-17 17:53
0

Svar till Hurulv [Gå till post]:
Fast CSS i dokumentet (inline) är bara jobbigt och kasst.
CSS skall lägga sig i externa dokument, annars förloras halva poängen med det.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-02-17 19:14
0

Svar till asander [Gå till post]:
Fast att använda inline CSS tar bort fördelarna med att ha en stilmall till flera sidor.
Och jag anser inte att det innebär någon vidare fördel i demosyfte heller, då man bör vara bekant med vad # och . anger.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
lurredurre
Visningsbild
P Hjälte 2 107 inlägg
2011-02-18 10:11
0
Svar till Erotisk_Eruption [Gå till post]:
Självklart, men jag skrev bara några korta rader kod för att visa hur man gör, då spelar det inte så stor roll om jag skriver CSS in-line eller externt.

Hej!

Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » Html - fyrkant

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons