Hej
För <IFRAME> kan man ju använda dessa attribut i HTML:
frameborder=""
marginheight=""
marginwidth=""
scrolling=""
Men vilka är dess motsvarigheter i CSS?
// Andreas
Attribut för IFRAME med CSS?
17 svar · 862 visningar · startad av lzon
Finns det nån bra sida där man kan se vilka CSS-attribut som funkar på resektive html-tagg?
stephan skrev:
Finns det nån bra sida där man kan se vilka CSS-attribut som funkar på resektive html-tagg?
Det skulle jag också vilja veta!?
Detta är något som är svårt att finna hos W3C.
lzon skrev:
Det skulle jag också vilja veta!?
Detta är något som är svårt att finna hos W3C.
Detta är inte vad W3C gör. W3c skapar en mall för hur en standard, t ex XHTML 1.0 ska tolkas av webbläsare, sedan är det upp till skapare av webbläsare att se till dessa standarder efterföljs. (Vilket framför allt microsoft har avrit dåliga på att göra) Så du ska nog leta efter andra sidor, som försöker testa attribut i praktiken för att se hur de fungerar.
stephan skrev:
Finns det nån bra sida där man kan se vilka CSS-attribut som funkar på resektive html-tagg?
Alla CSS-egenskaper gäller för alla HTML-element. Däremot gäller vissa CSS-egenskaper bara i vissa fall. Därför får du börja i andra änden: för vilka element gäller den här egenskapen? Ta tex 'width', som gäller för
all elements but non-replaced inline elements, table rows, and row groups
Gäller 'width' för <span>? Ja, men endast om villkoren ovan är uppfyllda. SPAN genererar normalt en inline-box, så om du vill ange en bredd får du ändra det på något vis (tex ange 'display:block').
zcorpan skrev:
Alla CSS-egenskaper gäller för alla HTML-element. Däremot gäller vissa CSS-egenskaper bara i vissa fall. Därför får du börja i andra änden: för vilka element gäller den här egenskapen?
Det vore dock rätt just ändå med en sida som utgår från det andra hållet. Så att när man stöter på ett problem kan se vad man har för möjligheter att påverka just det html-objektet.
width, height kan man nog använda på iframe också! :)
nitro2k01 skrev:
Detta är inte vad W3C gör. W3c skapar en mall för hur en standard, t ex XHTML 1.0 ska tolkas av webbläsare, sedan är det upp till skapare av webbläsare att se till dessa standarder efterföljs. (Vilket framför allt microsoft har avrit dåliga på att göra) Så du ska nog leta efter andra sidor, som försöker testa attribut i praktiken för att se hur de fungerar.
Jo det är sant; Att W3C skapar standard och att det sen är upp till tillverkar av webbläsare och vi som programmerare att följa standard. Med andra ord är det W3C som avgör vad som finns i HTML, CSS etc. Eller?
lzon skrev:
Jo det är sant; Att W3C skapar standard och att det sen är upp till tillverkar av webbläsare och vi som programmerare att följa standard. Med andra ord är det W3C som avgör vad som finns i HTML, CSS etc. Eller?
Man kanske borde säga: vad som borde finnas i HTML och CSS! Och hur man borde formatera taggarna för tillgängligheten skall vara så stor som möjligt! :)
Fredde Mannen skrev:
Man kanske borde säga: vad som borde finnas i HTML och CSS! Och hur man borde formatera taggarna för tillgängligheten skall vara så stor som möjligt! :)
Därmed är det synd att W3C inte har en vettig förteckning över vad vi borde använda för taggar och egenskaper.
Därmed är det synd att W3C inte har en vettig förteckning över vad vi borde använda för taggar och egenskaper.
(vilket jag inte orkat än) :)
Man kan dels gå igenom denna: http://www.w3.org/TR/WCAG10-TECHS/
Och denna: http://www.w3.org/TR/WCAG10-HTML-TECHS/
Och denna: http://www.w3.org/TR/WCAG10-HTML-TECHS/#html-index
Och denna: http://www.w3.org/TR/WCAG10-CSS-TECHS/
Och denna för CSS v1: http://www.w3.org/TR/1999/REC-CSS1-19990111
Och denna för CSS v2: http://www.w3.org/TR/1998/REC-CSS2-19980512/
Läs på! :)
Man blir alltid så lässugen när man ser en w3.org-sida :l
stephan skrev:
Det vore dock rätt just ändå med en sida som utgår från det andra hållet. Så att när man stöter på ett problem kan se vad man har för möjligheter att påverka just det html-objektet.
Kan du ge ett konkret exempel på ett sånt problem?
Utgångspunkten måste ändå vara att man väljer sitt html-element utifrån vad för information det är som man vill märka upp. En rubrik, ett textstycke, en lista eller en tablell etc...
Sedan ska man med CSS kunna påverka det elementet för att få det att se ut på ett visst sätt i webbläsaren. I vissa fall måste man lägga till extra element för att kapsla in flera element inuti, som man ofta gör med <DIV>-elementet, när man vill dela in en sida i kolumner för att ta ett vanligt exempel.
Men, det borde egentligen inte finnas några skillnader mellan de olika elementen när det gäller vilka möjligheter man har att påverka dem visuelllt. Det går ju t.ex. att få X antal <DIV> att se ut som en komplett tabell med css-egenskaperna:
display: |table | inline-table | table-row-group | table-header-group |table-footer-group | table-row | table-column-group | table-column |table-cell | table-caption.
Det som kanske kan vara intressant är hur ett element visas by default.
En bra översikt är xhtml-cheatsheet
Sen finns ett liknande dokument för CSS
Slutligen,
-
En bra xhtml referens: http://www.zvon.org/xxl/xhtmlBasicReference/Output/index.html
-
En bra css referens: http://www.zvon.org/xxl/CSS2Reference/Output/index.html
T.ex. satt jag med en span-tag som innehöll en text som jag ville ha 10px margin-bottom på. margin-bottom bet inte och jag hade ingen möjlighet att byta ut span eller kapsla en div runt span-taggen.
Tja, det är ju inte glasklart om man inte råkar läsa på rätt ställe.
På W3C kan man läsa:
These properties have no effect on non-replaced inline elements.
...under detta avsnitt:http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom
Det skulle alltså innebära att margin-bottom="" inte påverkar ditt <span> element.
För att verkligen grotta in sig i hur regler för olika typer av element gäller bör man läsa: Visual formatting model details