Hur göra motsv. Align=right med lager i Dw?

Tråden skapades och har fått 9 svar. Det senaste inlägget skrevs .
1

Jag har skapat ett lager i ett vanligt html-dokument. Jag vill nu ha ett lager som alltid ligger längst till höger i webbläsarfönstret oavsett storleken på webbläsarfönstret.

Jag ska alltså ha en logga i detta lager och det måste ligga längst till höger (motsvarande att placera align=right).

Att få lagret att ligga högst upp är ju en smal sak, men jag får inte till det med just högerjusteringen.

Har testat Google men hittar det inte och om det är någon här som vet vad det är för kod, eller vad som ska göras i Dw så uppskattas det enormt.

Med tack på förhand.

  • Medlem
  • Stockholm
  • 2010-06-14 11:34

Går att göra på lite olika sätt, men eftersom jag inte vet så mycket mer ger jag dig det mest grundläggande:

i css:en för denna div skriver du:

position:absolute;
right:0px;

Ursprungligen av snigel1:

Går att göra på lite olika sätt, men eftersom jag inte vet så mycket mer ger jag dig det mest grundläggande:

i css:en för denna div skriver du:

position:absolute;
right:0px;

Hej igen.
Beklagar att jag är så sen att svara, men har vart borta ett längre tag från maskinen.

Jag får det desvärre inte att fungera. Kanske är det jag som gör fel. Men nedan ser du koden som jag använder för lagret som jag vill ha högerställt i browserfönstret.

<div id="apDiv1">
<div align="right"><img src="bilder/alskar3kronor.png" width="200" height="200" alt="Tre Kronor" /></div>
</div>

Vad jag undrar är då var någonstans som jag ska sätta in den kod som du bifogade.
Jag är verkligen inte haj på det här med kod och kodning även om jag kan det grundläggande och lite till eftersom jag framförallt är designer.

  • Medlem
  • Stockholm
  • 2010-06-24 22:38

Antingen lägger du positioneringen i en css-fil eller så kan du skriva den direkt i koden:

<div id="apDiv1">
<div ><img src="bilder/alskar3kronor.png" width="200" height="200" alt="Tre Kronor" style="position: absolute; right:0px " /></div>
</div>

Som du ser så har jag tagit bort align. Align är på utdöende.

Hej igen.

Det märkliga med detta när jag gör det är att hela lagret hamnar till vänster på sidan med den här koden. Och detta trots att det står position: absolute; right

Kan det ha något med 0px att göra?

Ber om ursäkt om jag är krånglig, men jag är som sagt designer och webberiet har vart mer av en hobby och jag är inte helt hundra på det här med css även om jag har fått med mig det grundläggande.

  • Medlem
  • Stockholm
  • 2010-07-02 19:29
Ursprungligen av gabbeman:

Hej igen.

Det märkliga med detta när jag gör det är att hela lagret hamnar till vänster på sidan med den här koden. Och detta trots att det står position: absolute; right

Kan det ha något med 0px att göra?

Ber om ursäkt om jag är krånglig, men jag är som sagt designer och webberiet har vart mer av en hobby och jag är inte helt hundra på det här med css även om jag har fått med mig det grundläggande.

Om du inte kommer vidare så är det bästa att du postar hela (eller delar) av koden. Du kan skicka den i ett privat meddelande om du inte vill lägga ut den.

Lite förenklat kan man säga att all positionering påverkas av vilka ev andra positioneringar som finns innan i koden.

Dessutom kan man ge sig f-n på att de visas lite olika i Safari, FF, IE och Opera om man inte är väldigt stringent.

  • Medlem
  • Göteborg
  • 2010-07-01 19:04

Det luriga med absolut positionering är att man måste ange relative positionering på den omslutande taggen.
I det här sammanhanget är den andra div-taggen egentligen överflödig:

html:

<div id="apDiv1">
<img src="bilder/alskar3kronor.png" width="200" height="200" alt="Tre Kronor" />
</div>

css:

#apDiv1 { 
position: relative;
}
#apDiv1 img{
position: absolute;
right: 0;
}

Utmärkt blogginlägg i ämnet:
http://css-tricks.com/absolute-positioning-inside-relative-positioning/

Aaaah, nu fungerar det ju!!

@pichia
Tack så jättemycket! Det var den css-snutten som fattades. Som sagt så försöker jag mig på design mer än kodning: har nosat liiite på css tidigare men inte så mycket. Nu har jag lärt mig det med

@pjotte
Äh, jag håller på och gör om designen till vår supportersite och har laddat hem Dreamweaver och har 30 dagar på mig att göra grovjobbet. Snålt? Ja kanske, men hade inget annat val. Om dom andra sponsrar så kommer jag helt klart att köpa det för maken till program har jag inte sett i den här genren. Tack även för förklaringen om positionering, ska även kolla Wikipedia om positioering i css nu när man fått upp intresset (och lite kunskaper)

Till alla andra, sorry att jag vart så dålig på att svara, men sommar, webdesign och tre barn hos mig gör att man inte precis är så jättesnabb på alla saker.

@pichia: det där var ett bra blogg-inlägg! *sparat*

  • Medlem
  • Göteborg
  • 2010-07-08 22:54
Ursprungligen av klarabara:

@pichia: det där var ett bra blogg-inlägg! *sparat*

Faktum att hela Chris Coyiers site, CSS-Tricks, är en guldgruva med raka enkla tipps. Jag tror att många (inte minst du klarabara ) skulle hitta intressanta artiklar som skulle kunna svara på en del frågor som har ställts här på forumet. Han har en avdelning med "snippets" med hundratals färdiga små lösningar för diverse problemställningar i css, javascript/jquery, php mm. Klart värt en titt och en plats bland bokmärken.

1
Bevaka tråden