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

Min CSS fungerar inte

1
Skriv svar
Permalänk
Medlem
●

Min CSS fungerar inte

Hej!

Jag har försökt lägga till det här i en css fil :

test {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #374853;
}

och i det här i en html fil: <test>Hallå test 123</test>

Det fungerar i Firefox och Chrome och den senaste versionen av IE men inte i dom äldre versionerna av IE.
Behöver "test" ligga på ett speciellt ställe i css filen för att det ska fungera?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

test är inget HTML-element

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

En variant är väll att köra på: <p class=test>Hallå test 123</p>

Och "test" behöver inte ligga på något speciellt ställe i css filen.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Precis som de över skriver, så är test inget HTML-element, utan det är bättre att använda något av de element som finns och lägga test som class eller ID till det elementet.
I ditt fall skulle jag nog helst lägga test som class till en div, så här:

<div class="test">Hallå test 123</div>

och CSS-en får då se ut så här (lägg märke till punkten innan test, som markerar att det är en klass):

.test {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #374853;
}
Senast redigerat code-taggar för synlighet
Visa signatur

Stationär: Processor: Intel i5 3.2GHz, RAM: 4Gb, Grafikkort: ATI Radeon HD 5850, OS: Windows 7 Proffessional x64
Laptop: ASUS K53E, Processor: Intel i5 2450M, RAM: 4Gb, Grafik: Integrerad Intel GMA HD, OS: Win7 Home Premium x64 och Xubuntu 10

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

Hej!

Jag har försökt lägga till det här i en css fil :

test {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #374853;
}

och i det här i en html fil: <test>Hallå test 123</test>

Det fungerar i Firefox och Chrome och den senaste versionen av IE men inte i dom äldre versionerna av IE.
Behöver "test" ligga på ett speciellt ställe i css filen för att det ska fungera?

Gå till inlägget

<test> taggen du har gjort stöds endast av HTML 5. Därav inte av äldre IE versionerna

Visa signatur

citera gärna så jag hittar tillbaka!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tack för all hjälp, nu fungerar det.

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av Grandessa:

det fungerar men, TACK

men nu blir det mellan rum mellan varje rad

<div class="test"><label for="email">{l s='E-mail'}</label></div>
<input type="text" class="text" id="email" name="email" value="{if isset($guestInformations) && $guestInformations.email}{$guestInformations.email}{/if}" />
<sup>*</sup>
</p>
<p class="required password is_customer_param">
<div class="test"><label for="passwd">{l s='Password'}</label></div>

Gå till inlägget

Wtf?
Gå tillbaka och gör HTML+CSS Grund/Basic tutorials tror jag är bäst för dig!

Visa signatur

iPeek #1: AMD 1100T @ 4.8GHz 16GB @H2O
iPeek #1: AMD 1100T @ 4.8GHz 16GB @H2O
iPeek #1: INTEL CELERON @ 2.80GHz 1GB
iPeek #2: INTEL ATOM x8 @ 2.80GHz 4GB
Skollaptop: Macbook AIR 13" 2011, 128GB, 4GB

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

det fungerar men, TACK

men nu blir det mellan rum mellan varje rad

<div class="test"><label for="email">{l s='E-mail'}</label></div>
<input type="text" class="text" id="email" name="email" value="{if isset($guestInformations) && $guestInformations.email}{$guestInformations.email}{/if}" />
<sup>*</sup>
</p>
<p class="required password is_customer_param">
<div class="test"><label for="passwd">{l s='Password'}</label></div>

Gå till inlägget

Är paragraf-taggarna som skapar mellanrum. Men allt det där ser väldigt flummigt ut.

Visa signatur

Neon
Citera mig om du vill ha svar!

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

<test> taggen du har gjort stöds endast av HTML 5. Därav inte av äldre IE versionerna

Gå till inlägget

Om jag minns rätt så finns det inget <test>-element i HTML5 heller, moderna webbläsare råkar bara hantera okända element på ett annat sätt än gamla IE.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Plugga på skillnaden mellan div, span. Undvik hellst p, speciellt för design relaterade saker, utan använd p det är det ska användas till, just paragrafer, inget annat.

Visa signatur

Speldator: Ryzen 7800X3D, 64GB DDR5, RTX 3070
Server: i7-8700k, 32GB DDR4, RTX2080
Steam deck + de fiesta konsoller.

Redigera
Citera flera Citera
Permalänk
Entusiast
●

Att skriva tex <test> eller något annat random <gurksallad> fungerar i html5, det är inte rätt men det fungerar.
Den ända gången du kan köra det är i XML.

Det har redan nämnts men jag ska göra det överdrivet tydligt:
(Jag beskriver bara de elementen det har snackats om i tråden)

div element
The basics
<div></div>

  • Är ett Block element - Kan innehålla både block element och inline element

  • Används för att gruppera andra element och i kombination med CSS konstruera sidans utseende och layout.

p element
The basics
<p></p>

  • Är ett Block element - Definierar en paragraf och kan innehålla inline element som tex br, img, a och span

  • Används för att strukturera text.

  • Får inte ligga direkt under <body>

span element
The basics
<span></span>

  • Är ett Inline element - Får inte innehålla några block element

  • Används t.ex. för att ändra utseende på text.

Exempel på användning av dessa:

<div id="comments">
	<div class="comment" id="0001"><p>Najs med så ingående beskrivning!</p></div>
	<div class="comment" id="0002"><p>Jag tycker det är snudd på <span class="underline">besserwisser</span> fasoner men ändå, ganska användbart</p></div>
</div>

Skillnaden på id och class
Båda uträttar samma saker i grunden men där är några små viktiga skillnader.

id

  • Är ett referensattribut - Du kan länka till det

  • Får endast förekomma en gång i ett HTML dokument

class

  • Är ett grupperingsattribut - T.ex. du kan referera till alla kommentarer (I t.ex. CSS)

  • Kan förekomma hur många gånger som hällst i ett HTML dokument

Hoppas detta klarar upp saker och ting. Och hoppas jag inte förolämpar någon med nivån. Tänkte bara att det kunde vara bra att skriva ihop en liten instruktion om de absoluta grunderna i HTML
Och om någon HTML kunnig mot alla odds ser något fel så påpeka det gärna^^
Tack till Teknocide som påpekade mina efterblivna misstag, det är rättat nu

Senast redigerat
Visa signatur

Mörkt tema till sweclockers | Taklampa med socket 1155

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

Att skriva tex <test> eller något annat random <gurksallad> fungerar i html5, det är inte rätt men det fungerar.
Den ända gången du kan köra det är i XML.

Det har redan nämnts men jag ska göra det överdrivet tydligt:

div element
The basics
<div></div>

  • Är ett Block element - Kan innehålla både block element och inline element

  • Används för att gruppera andra element och i kombination med CSS konstruera sidans utseende och layout.

p element
The basics
<p></p>

  • Är ett Inline element - Kan endast innehålla text och länkar (a-taggar).

  • Används för att strukturera text.

span element
The basics
<span></span>

  • Är ett Inline element - Kan endast innehålla text och länkar (a-taggar).

  • Används för att ändra utseende på text.

Exempel på användning av dessa:

<div id="comments">
	<div class="comment" id="0001"><p>Najs med så ingående beskrivning!</p></div>
	<div class="comment" id="0002"><p>Jag tycker det är snudd på <span class="underline">besserwisser</span> fasoner men ändå, ganska användbart</p></div>
</div>

Skillnaden på id och class
Båda uträttar samma saker i grunden men där är några små viktiga skillnader.

id

  • Är ett referensobjekt - Du kan länka till det

  • Får endast förekomma en gång i ett HTML dokument

class

  • Är ett grupperingsobjekt - Du kan referera till alla kommentarer av (I t.ex. CSS)

  • Kan förekomma hur många gånger som hällst i ett HTML dokument

Hoppas detta klarar upp saker och ting. Och hoppas jag inte förolämpar någon med nivån. Tänkte bara att det kunde vara bra att skriva ihop en liten instruktion om de absoluta grunderna i HTML
Och om någon HTML kunnig mot alla odds ser något fel så påpeka det gärna^^

Gå till inlägget

P är ett block-element. id och class är attribut, inte objekt. Inline-element kan innehålla mycket mer än bara text och länkar, bland annat andra inline-element som strong och img. Även script är tillåtet. Däremot måste de nästas inuti ett block-element (får alltså inte ligga direkt under body)

Visa signatur

Kom-pa-TI-bilitet

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

P är ett block-element. id och class är attribut, inte objekt. Inline-element kan innehålla mycket mer än bara text och länkar, bland annat andra inline-element som strong och img. Även script är tillåtet. Däremot måste de nästas inuti ett block-element (får alltså inte ligga direkt under body)

Gå till inlägget

Shit vad dumt av mig, jag har ändrat det nu. Tack för att du uppmärksammade det.

Har jag missat något mer?

Btw du kanske ska byta ut min text i citatet mot typ "..." så att ingen läser det och lär sig fel

Visa signatur

Mörkt tema till sweclockers | Taklampa med socket 1155

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