[webben]

Jag skulle vilja ha en liten flytande ruta på en sida där man tillfälligt kan lägga in meddelande som är dagsfärska. Problemet är att jag inte kan komma på något vettigt sätt att göra detta på, har någon något vettigt förslag på lösning
MVH
Magnus

[Tvartom]

I head:

<style>

#news {
 position: absolute;
 left: 300px;
 top: 300px;
 width: 300;
 height: 200;
}
</style>

I body:

<div id="news">
Idag är det julafton!<br>
God jul alla på WN
</div>

[hubbert]

Men är det inte enklare att lägga in det så här?

<div id="news" style="position:absolute; width:200px; height:115px; left: 192px; top: 84px">Det har varit jul redan</div>

i bodyn så slipper man lägga in i headen.

Edit:
Det brukar ju bli rätt så mycket i head ändå så på det här det här sättet undvikar man ytterligare kod där.
Vilket ju gör att det går snabbare att ändra om man bara behöver peta in på ett ställe oavsett om det är anteckningar eller dreamweaver man kör.

Sedan har jag en liten fundering, off topic, varför det kallas för flytande ruta.
Något mer fast på en sida finns ju inte. Höjd- och sidposition är permanent bestämnda tillskillnad från text eller annat som inte finns i en flytande ruta. Men det är väl än annan tråd.

Edit 2
Kodkorrigering tog bort z-index variabeln

[Björn]

Det är ännu smartare att lägga cssen i en separat fil. Inline css är generellt en dålig idé. att läga css i headern är inte heller det så smart. Enda gången det kan vara bra, är om man måste "overrida" en extern css fil. Men det går för all den att länka in det med.

[hubbert]

Det är ännu smartare att lägga cssen i en separat fil. Inline css är generellt en dålig idé. att läga css i headern är inte heller det så smart. Enda gången det kan vara bra, är om man måste "overrida" en extern css fil. Men det går för all den att länka in det med.

Nja det verkar vara lite väl omständigt det där. Det är väl bättre att ha det direkt på sidan (om vi pratar html-kod). Då är det ju bara att editera direkt i ftp-programmet när man är på servern.

Sedan en liten fråga Björn: På vilket sätt är inline css en generellt dålig ide?

(Har väl lite funderingar om hur definitionen av CSS skall vara egentligen, men det tar vi sedan)

[digiArt]

Inline CSS och CSS i Head är "bad style".

Anledningen till att man väljer CSS är, som du säkert redan listat ut, för att kunna styra elements position och utseende mm. Om du väljer att ha ett element med id "news" så blir CSS selektorn #news.

Ponera nu att du har en duktig sajt med ett 50-tal sidor och du lägger din CSS inline eller i head. Allt är frid och fröjd, funkar utmärkt. Men så kommer du på att du inte vill ha den där lilla rutan på top:300px, left:300px utan någon annanstans.

Vad är bäst? Ändra i ett 50-tal sidor eller bara en?

Lägg CSS i en separat fil och länka in i dokumenten.

(enda gången jag kan se inline css motiverat är om du ska skicka html-mail http://www.alistapart.com/articles/cssemail/)

[hubbert]

I det här specifika fallet gällde det EN ruta med text på EN sida. Inte 50 sidor.

Jag håller med om att lägga CSS som en separat fil för stryning av typsnitt, storlek, bakgrund etc är ett vettigt och praktiskt sätt, ja.

Fast det går att ändra information på ett 50-tal sidor utan att behöva peta i varje sida genom sök & ersätt funktionen i en del program.

[Björn]

Inline css är inte bra (oftast) därför att det går emot den grundläggande iden om att separera struktur, presentation och beteende.