Dreamweaver-skikt-kantlinje

[nesjla]

Jag har en hemsida som är uppbyggd med hjälp av tabeller. Nu vill jag göra om den och har gett mig in på det här med skikt...

Har suttit och försökt få till en kantlinje runt ett skikt men det går bara inte. Någon som kan förklara på ett enkelt sätt hur man gör? Om det överhuvudtaget går vill säga...

Tar tacksamt emot all hjälp! Eller länkar till sidor där man kan läsa om just skikt och dreamweaver.

 

[Elegant machinery]

Sv: Dreamweaver-skikt-kantlinje

http://www.webdesignskolan.se/ brukar ha svar på det mesta

 

[Jezzie]

Sv: Dreamweaver-skikt-kantlinje

Markera bara den tabellen du ska ha en kantlinje på och välj kant = bredden på linjen, eller så kodar du själv och lägg bara in ett border="linjestorlek" i den tabellen som du vill ha linjen... alltså i "table taggarna"

 

[nidron]

Sv: Dreamweaver-skikt-kantlinje

Med skikt antar jag att du menar <div>-taggar.
Om du går in i kodläge bör du se något sådant här:

<div id="Layer1" style="...">

Istället för ...(punkt, punkt, punkt) kanske det står position:absolute, width:100px osv.
Skriv in border:1px solid #f00; precis innan sista dubbelfnutten(") som finns innan > . Till exempel:

<div id="Layer1" style="position:absolute; width:100px; [B]border:1px solid #f00;[/B]">

Nu bör du ha en röd ram
Vill du ha en svart ram byter du ut #f00 mot #000, enligt hexadecimaliska systemet. (f00 är en förkortad version av ff0000)

För övrigt är skikt, eller <div> inte speciellt krångligt. Det är i stort sett bara en låda som du släger in lite saker i, t.ex. paragrafer, menyer eller bilder. Den stora fördelen med <div> är att du har stor användning av dem när du stajlar din hemsida genom CSS.

 

[nesjla]

Sv: Dreamweaver-skikt-kantlinje

Tack för era svar!

Har varit inne på webbdesignskolan en del nu i helgen men just det jag är ute efter finns inte som gratis material utan måste beställas. Men där finns ju mycket annat användbart!

Det var det här sista med Div-taggarna jag var ute efter. Försökte innan att få dit kanterlinjer genom css-funktionen i Dreamweaver men det gick inget vidare. Antar att det var för att den inte visste vilket lager jag menade. Men nu ska jag göra som du, Nidron, sa och gå direkt till koden. Ska prova direkt när jag kommer hem!

Under helgen som gått har jag, då det här med lager inte fungerade om jag hade hoppats på , jobbat mer med tabeller i layout-läge. Även det en revolutionerande upplevelse för mig! Då har jag gjort grundstrukturen där för att sedan lägga ett skikt över för att kunna använda mig av den där "lager-effekten". Dock har det varit lite svårt med placeringen av skiktet, det verkar ha en tendens att flytta på sig...

Iaf, några nya frågor har kommit upp som ni kanske kan hjälpa mig
med:

- När man gör mer "proffsiga" webbsidor i Dreamweaver, vilken teknik
är det då som används för att skapa mallen till sidan? Är det lager,
tabeller eller i princip bara css, eller brukar man kombinera dem?

- Har även suttit lite med photoshop och försökt frilägga bilder. När
jag gjort det verkar det som att jag måste spara dem i .psd för att
kunna ha en genomskinlig bakgrund. Men det formatet stödjer ju inte
Dreamweaver.
Hur brukar ni göra?

 

[moiran]

Sv: Dreamweaver-skikt-kantlinje

"Proffsiga" sidor bygger man i princip upp med div:ar + css. Man lägger in allt innehåll i olika divar som man sedan ger olika css-klasser beroende på vad det är för innehåll i dem. Sen positionerar och stylar man dem med css så sidan blir precis som man vill ha den. Tabeller är big no-no... Ett lite kul och inspirerande surftips i sammanhanget är http://www.csszengarden.com/ som visar hur olika man kan få sidor bara genom att ändra stilmall på dem. (jämför tex denna med denna) html-koden (alla divar, rubriker, text etc) är exakt samma på alla sidor, man har bara inkluderat olika css-stilmallar. Så om man delar upp sin sida i lämpliga divar så kan man sedan förändra utseendet på sidan väldigt markant genom att bara ändra css-definitionerna...

I dreamweaver finns även möjligheter att bygga mallar (templates) som man sedan kan använda när man ska göra webbsidor med samma design (man kan också använda php för att bygga upp mallar).

De enda bildformat som stödjs av alla browsers och som kan ha genomskinlig bakgrund är "gif" och "png". Jpg kan inte ha transparent bakgrund. Ibland är det bättre att "fuska" och lägga in webbsidebakgrunden på bilden och/eller dela upp bilden istället. Fotografiska bilder kan nämligen bli väldigt mycket större i gif/png-format jämfört med jpg.