/ 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
Absolut placering med ombrydning
Fra : Martin


Dato : 25-01-06 10:25

Hej,

Jeg ønsker at indsætte et billede, som er absolut placeret,
øverst til venstre. Samtidig vil jeg meget gerne have
tekstombrydning på billedet. Det burde være mulig med CSS?? - men
for at gøre udfordringen lidt større, skal det være samlet i ét
dokument. Årsagen, er at siden skal bruges som brevpapir til
outlook og billedet er logoet som er placeret øverst til
venstre??

--
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

 
 
Jørn Andersen (25-01-2006)
Kommentar
Fra : Jørn Andersen


Dato : 25-01-06 11:01

On 25 Jan 2006 09:25:02 GMT, Martin <marhtalz@lochnet.dk> wrote:

>Jeg ønsker at indsætte et billede, som er absolut placeret,
>øverst til venstre. Samtidig vil jeg meget gerne have
>tekstombrydning på billedet. Det burde være mulig med CSS?? - men
>for at gøre udfordringen lidt større, skal det være samlet i ét
>dokument. Årsagen, er at siden skal bruges som brevpapir til
>outlook og billedet er logoet som er placeret øverst til
>venstre??

Problemet er behandlet her:
<url:
http://groups.google.dk/group/dk.edb.internet.webdesign.html/browse_thread/thread/5c5fcd64809e86af/75b20c51cd90cebc?q=Absolut+placering+med+tekstombrydning&rnum=1#75b20c51cd90cebc>

- om det hjælper dig ved jeg ikke.


Good luck!

--
Jørn Andersen,
Brønshøj

Jørgen Farum Jensen (25-01-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 25-01-06 11:40

Martin wrote:
> Hej,
>
> Jeg ønsker at indsætte et billede, som er absolut placeret,
> øverst til venstre. Samtidig vil jeg meget gerne have
> tekstombrydning på billedet. Det burde være mulig med CSS?? - men
> for at gøre udfordringen lidt større, skal det være samlet i ét
> dokument. Årsagen, er at siden skal bruges som brevpapir til
> outlook og billedet er logoet som er placeret øverst til
> venstre??
>

#logoboks {
position:absolute;
left:0;
top:0;
width: [billedets bredde];
height: [billedets højde];
background-image:url([absolut sti]);
background-repeat: no-repeat;
background-position:left top;
color: {tekstens farve];
}

<div id="logoboks">
[Teksten oven i billedet]
</div>

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Erik Ginnerskov (26-01-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-01-06 01:50

Jørgen Farum Jensen wrote:
>> Samtidig vil jeg meget gerne have
>> tekstombrydning på billedet.

> #logoboks {
> position:absolute;
> left:0;
> top:0;
> width: [billedets bredde];
> height: [billedets højde];
> background-image:url([absolut sti]);
> background-repeat: no-repeat;
> background-position:left top;
> color: {tekstens farve];
> }
>
> <div id="logoboks">
> [Teksten oven i billedet]
> </div>

Det vil få teksten til at stå oven i billedet. Jeg tror, Martin vil have
teksten til at løbe rundt om billedet. Jeg vil i stedet foreslå denne
løsning:

#logoboks {
float: left;
margin-right: 10px;
margin-bottom:10px;
}
..tekstboks {
margin-top: 0;
background-color: #fff;
color: #000;
}

<img id="logoboks" width="xxx" height="yyy" alt="">
<p class="tekstboks">Tekst, der svøber sig om logoet</p>

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



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste