/ 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
css - float-hjælp - nybegynder
Fra : Tommy


Dato : 14-05-05 10:51

Hej,
jeg ka jo godt se at mine 5 år gamle sider ikke er helt upto date
(hvis de nogensinde har været det ), så jeg prøver at sætte mig
lidt ind i xhtml samt css.

Jeg kikker en del på disse newsgupper, html.dk og
hjemmesideskolen.dk, og prøver så at mikse mit eget design sammen.

Jeg ved godt jeg sikkert har brug for meget hjælp - men i første
omgang vil jeg gerne ha hjælp til "float".
Jeg vil gerne have:

Billed tekst

Billed tekst

Billed tekst

uanset vinduesstørrelse.

Problemet er at billed ryger op ved siden af, ved større vinduer.

Siden validerer.

http://hynding.dk/test/links.htm

--
Mvh. Tommy
Direkte mailadresse virker ikke.
Skriv i stedet til mit fornavn(at)hynding.dk

 
 
Christoffer (14-05-2005)
Kommentar
Fra : Christoffer


Dato : 14-05-05 12:01

> Jeg ved godt jeg sikkert har brug for meget hjælp - men i første
> omgang vil jeg gerne ha hjælp til "float".
> Jeg vil gerne have:
>
> Billed tekst
>
> Billed tekst
>
> Billed tekst
>
> uanset vinduesstørrelse.
Hmm.. et forslag kunne være at du lavede dine tre billeder med tilhørende
tekster som 3 divs.
<div id='noget'>
<img src.... > tekst
<div>

Og at du i din css definerer en style på billeder (evt. ved id)
..venstre {
float: left;
(evt padding right, for at give luft mellem billede og tekst)
}


<div id='noget'>
<img id='float' src.... > tekst
<div>

Måske det kunne hjælpe.
Christoffer



Erik Ginnerskov (14-05-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 14-05-05 17:11

Tommy wrote:

> Problemet er at billed ryger op ved siden af, ved større vinduer.

I css:

..cl {
clear: left;
}
..fl {
float: left;
margin-right: 10px;
}

Og i html:

<div class="cl">
<img class="fl" src="billedeXX.gif" width="ZZ" height="YY" alt="">Tekst
</div>
________

Gentag denne html-kode det ønskede antal gange og ret undervejs billednavnet
og teksten til det ønskede.

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



Tommy (14-05-2005)
Kommentar
Fra : Tommy


Dato : 14-05-05 21:52

On Sat, 14 May 2005 18:10:58 +0200, "Erik Ginnerskov"
<erik@donotspammmeplease.invalid> wrote:


>I css:
>
>.cl {
>clear: left;
>}
>.fl {
>float: left;
>margin-right: 10px;
>}
>
>Og i html:
>
><div class="cl">
><img class="fl" src="billedeXX.gif" width="ZZ" height="YY" alt="">Tekst
></div>
>________
>
>Gentag denne html-kode det ønskede antal gange og ret undervejs billednavnet
>og teksten til det ønskede.

Virker

Vist lidt af det samme Christoffer foreslog.

Takker og bukker.

--
Mvh. Tommy
Direkte mailadresse virker ikke.
Skriv i stedet til mit fornavn(at)hynding.dk

Ukendt (15-05-2005)
Kommentar
Fra : Ukendt


Dato : 15-05-05 20:02

Jeg ved godt at du har fået besvaret dit spørgsmål - Men er det meningen at
hele teksten skal flyve rundt når musen svæver over et link? Lidt uheldig
virkning i mine øjne - Men nu er det jo heller ikke ris/ros det her!

MVH Per A



Tommy (16-05-2005)
Kommentar
Fra : Tommy


Dato : 16-05-05 10:47

On Sun, 15 May 2005 21:01:41 +0200, "Per A" <s> wrote:

>Jeg ved godt at du har fået besvaret dit spørgsmål - Men er det meningen at
>hele teksten skal flyve rundt når musen svæver over et link? Lidt uheldig
>virkning i mine øjne - Men nu er det jo heller ikke ris/ros det her!

Jeg gir dig helt ret - kikker på det - indtil videre må siden vist
betragtes som "under construction".

--
Mvh. Tommy
Direkte mailadresse virker ikke.
Skriv i stedet til mit fornavn(at)hynding.dk

Erik Ginnerskov (16-05-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 16-05-05 11:58

Tommy wrote:

> Jeg gir dig helt ret - kikker på det - indtil videre må siden vist
> betragtes som "under construction".

Det hjælper, hvis du fjerner letter-spacing og fed skrift på a:hover eller
sætter det på a:link også.

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



Tommy (16-05-2005)
Kommentar
Fra : Tommy


Dato : 16-05-05 13:26

On Mon, 16 May 2005 12:58:29 +0200, "Erik Ginnerskov"
<erik@donotspammmeplease.invalid> wrote:


>Det hjælper, hvis du fjerner letter-spacing og fed skrift på a:hover eller
>sætter det på a:link også.

Jeg kan ikke lige se hvad det hjælper at sætte det på a:link også?
(har prøvet offline)

Jeg kan godt fjerne letter-spacing, men jeg vil gerne ha effekten på
menu-delen - kan det lade sig gøre?

Altså fjerne a:hover på de links der ligger inde i tekst - men bevare
dem i menuen?

--
Mvh. Tommy
Direkte mailadresse virker ikke.
Skriv i stedet til mit fornavn(at)hynding.dk

Erik Ginnerskov (16-05-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 16-05-05 13:35

Tommy wrote:

> Altså fjerne a:hover på de links der ligger inde i tekst - men bevare
> dem i menuen?

Ikke noget problem. Du lægger din menu ind i en div, som du giver id="menu".
Så kan du i css lave en menudefinition og en generel definition:

a:link; a:visited, a:active {definitioner}
a:hover {
[farvedefinition]
[baggrundsdefinition
}
#menu a:link; #menu a:visited, #menu a:active {definitioner}
#menu a:hover {
[farvedefinition]
[baggrundsdefinition]
letter-spacing:2px;
font-weight:bold;
}

Læg mærke til, at #menu a:hover *skal* sættes i css *efter* a:hover, da den
ellers vil blive overskrevet.

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



Tommy (16-05-2005)
Kommentar
Fra : Tommy


Dato : 16-05-05 14:08

On Mon, 16 May 2005 14:34:51 +0200, "Erik Ginnerskov"
<erik@donotspammmeplease.invalid> wrote:


>Ikke noget problem. Du lægger din menu ind i en div, som du giver id="menu".
>Så kan du i css lave en menudefinition og en generel definition:
>
>a:link; a:visited, a:active {definitioner}
>a:hover {
>[farvedefinition]
>[baggrundsdefinition
>}
>#menu a:link; #menu a:visited, #menu a:active {definitioner}
>#menu a:hover {
>[farvedefinition]
>[baggrundsdefinition]
>letter-spacing:2px;
>font-weight:bold;
>}
>
>Læg mærke til, at #menu a:hover *skal* sættes i css *efter* a:hover, da den
>ellers vil blive overskrevet.

Takker - virker.

Bemærk! Siden der hjælpes til i denne tråd er flyttet til
www.hynding.dk/links.htm og test siden er fjernet.

--
Mvh. Tommy
Direkte mailadresse virker ikke.
Skriv i stedet til mit fornavn(at)hynding.dk

Jens Gyldenkærne Cla~ (17-05-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 17-05-05 13:17

Erik Ginnerskov skrev:

> Læg mærke til, at #menu a:hover *skal* sættes i css *efter* a:hover, da den
> ellers vil blive overskrevet.

Nej - det er ikke korrekt. Selektoren #menu a:hover har højere
specificitet end a:hover, og derfor vil den "vinde" også selv om a:hover
står sidst.

Se evt. <http://www.gyros.dk/usenet/html/cssspec.shtml>.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408934
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste