/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Element i højre side (text-align)
Fra : Mads Horndrup


Dato : 28-01-10 20:32

Hvordan får jeg mit billede til at være helt ovre i højre side,
af skærmen - text align virker ikke, og floats med margin-left
duer ikke eftersom alle mine sætninger ikke er lige lange :/

Er der nogen der ved hvordan dette kan gøres?
Siden jeg vil have dte på er www.horndrup.eu/alle_lejemaal.php

Tak på forhånd :)

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Birger Sørensen (28-01-2010)
Kommentar
Fra : Birger Sørensen


Dato : 28-01-10 20:42

Mads Horndrup har bragt dette til os:
> Hvordan får jeg mit billede til at være helt ovre i højre side,
> af skærmen - text align virker ikke, og floats med margin-left
> duer ikke eftersom alle mine sætninger ikke er lige lange :/
>
> Er der nogen der ved hvordan dette kan gøres?
> Siden jeg vil have dte på er www.horndrup.eu/alle_lejemaal.php
>
> Tak på forhånd :)

Sæt billedet i en div og float den til højre.
Et <img> skulle da ellers nok kunne floates?

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Mads Horndrup (28-01-2010)
Kommentar
Fra : Mads Horndrup


Dato : 28-01-10 21:05

Birger skrev dette:
> Sæt billedet i en div og float den til højre.
> Et <img> skulle da ellers nok kunne floates?

Det er fordi billedet "hopper ud af den grå kasse" når jeg floater
den.

Nogen andre ideér, eller noget? :)

-Mads

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Birger Sørensen (28-01-2010)
Kommentar
Fra : Birger Sørensen


Dato : 28-01-10 23:35

Følgende er skrevet af Mads Horndrup:
> Birger skrev dette:
>> Sæt billedet i en div og float den til højre.
>> Et <img> skulle da ellers nok kunne floates?
>
> Det er fordi billedet "hopper ud af den grå kasse" når jeg floater
> den.
>
> Nogen andre ideér, eller noget? :)
>
> -Mads

Havde ikke set hverken siden eller koden.

Her popper billedet op udenfor den grå boks, både i IE8 og FF, og
følger musen indenfor det blå område, under den grå boks.
Hvis du vil have billedet i den grå boks, skal du nok sætte det ind i
boksen.

Jeg har ikke rigtigt tid til at sætte mig ind i en hel masse
tredieparts scripting.

Hvis billedet "popper ud" er det formentlig fordi du mangler at cleare
floating. Enten med et element med clear:both efter de floatede, eller
på anden vis ( nogen gav for ikke så længe en anden måde at gøre det på
- kan ikke huske den, men det kan være du kan finde den).

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Stig Johansen (29-01-2010)
Kommentar
Fra : Stig Johansen


Dato : 29-01-10 05:11

"Birger Sørensen" <sdc@bbsorensen.com> wrote in message
news:4b6210fb$0$279$14726298@news.sunsite.dk...
>
> Havde ikke set hverken siden eller koden.
>
> Her popper billedet op udenfor den grå boks, både i IE8 og FF, og
> følger musen indenfor det blå område, under den grå boks.
> Hvis du vil have billedet i den grå boks, skal du nok sætte det ind i
> boksen.

Jeg er lidt i tvivl om hvad Mads mener med 'billede'.
Det kan være hans blå knap (<img>) han snakker om.
Her er det nok hans <p>, der driller, og hvis det er det, har jeg prøvet at
lave følgende ændringer i FF:
..listeelement {
tilføjes
display:inline;

og knappen ændres til:
..blaa_knap {
float:right;
}

Så står det da på samme linie, men jeg er ikke så god til CSS, så jeg ved om
det er den rigtige måde at gøre det på.

--
Med venlig hilsen/Best regards
Stig Johansen




Erik Ginnerskov (30-01-2010)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-01-10 00:37

Mads Horndrup wrote:
> Birger skrev dette:
>> Sæt billedet i en div og float den til højre.
>> Et <img> skulle da ellers nok kunne floates?
>
> Det er fordi billedet "hopper ud af den grå kasse" når jeg floater
> den.
>
> Nogen andre ideér, eller noget? :)

Hvis det er den blå knap, du snakker om, skal den indsættes i kildekoden før
den tekst, der skal stå til venstre for knappen - og knappen skal tildeles
float:right;.

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk - http://html-faq.dk



Jørgen Farum Jensen (29-01-2010)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 29-01-10 10:01

Mads Horndrup skrev:
> Hvordan får jeg mit billede til at være helt ovre i højre side,
> af skærmen - text align virker ikke, og floats med margin-left
> duer ikke eftersom alle mine sætninger ikke er lige lange :/
>
> Er der nogen der ved hvordan dette kan gøres?
> Siden jeg vil have dte på er www.horndrup.eu/alle_lejemaal.php
>
> Tak på forhånd :)
>
<div class="lejemaal_liste">
<p class="listeelement">Hellig Andersvej 15A</p>
<img class="blaa_knap" src="pictures/billede_ikon.gif"
alt="Blå knap" data="hellig_andersvej_15a" />
</div>

img.blaa_knap {
float:left;
}
p.listeelement {
margin-left:50px;}

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Søg
Reklame
Statistik
Spørgsmål : 177459
Tips : 31964
Nyheder : 719565
Indlæg : 6408181
Brugere : 218881

Månedens bedste
Årets bedste
Sidste års bedste