/ 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
bullet ved siden af links
Fra : Cifly


Dato : 29-12-05 09:22

Hej NG.

Hvordan koder jeg ovenstående, altså en bullet (gif,jpg,png) udfor links af
typen a#mainlinks?
--
www.flygenrings.dk
"Sometimes, when you lose, you win." - What Dreams May Come



 
 
Cifly (29-12-2005)
Kommentar
Fra : Cifly


Dato : 29-12-05 09:24

Glemte lige at oplyse, at koden gerne (hvis muligt) skulle være i CSS. Blot
til info hvis ikke det fremgik tydeligt nok af a#mainlinks

--
www.flygenrings.dk
"Sometimes, when you lose, you win." - What Dreams May Come
"Cifly" <flygenring@SLETpostkasse.net> skrev i en meddelelse
news:21Nsf.35$Qd5.11@news.get2net.dk...
> Hej NG.
>
> Hvordan koder jeg ovenstående, altså en bullet (gif,jpg,png) udfor links
> af typen a#mainlinks?
> --
> www.flygenrings.dk
> "Sometimes, when you lose, you win." - What Dreams May Come
>



Jens Peter Karlsen [~ (29-12-2005)
Kommentar
Fra : Jens Peter Karlsen [~


Dato : 29-12-05 17:39

Det specificerer du for dit <li> ikke for <a>.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On Thu, 29 Dec 2005 09:24:01 +0100, "Cifly"
<flygenring@SLETpostkasse.net> wrote:

>Glemte lige at oplyse, at koden gerne (hvis muligt) skulle være i CSS. Blot
>til info hvis ikke det fremgik tydeligt nok af a#mainlinks

Cifly (29-12-2005)
Kommentar
Fra : Cifly


Dato : 29-12-05 17:51

Jens Peter Karlsen [FP-MVP] skrev:

> Det specificerer du for dit <li> ikke for <a>.

Min navigationsmenu er skabt uden brug af <li> dvs. således:

<a href ...><br />
<a href ...><br />
<a href ...><br />

Jeg kan næsten forstå på dit svar, at den gængse måde at opstille links, er
via <li>?

--
www.flygenrings.dk
"Sometimes, when you lose, you win." - What Dreams May Come



Allan Vebel (29-12-2005)
Kommentar
Fra : Allan Vebel


Dato : 29-12-05 21:48

Cifly skrev:

> Jeg kan næsten forstå på dit svar, at den gængse
> måde at opstille links, er via <li>?

Ja, så får du også din prik foran linket helt automatisk.
Så kan du lege lidt med

list-style-image
list-style-type
og
list-style-position

Du kan nu definere dit eget billede i stedet for standard-
prikken med

list-style-image:url(billeder/pil.gif);

Du skal i øvrigt lige se dine links på
http://www.flygenrings.dk/henvisning.php i Firefox - det ser
noget gnidret ud med den prikkede streg - og så laver den
noget meget underligt: Lander den øverste del af musens
pil lige på stregen, blinker dit link helt vildt.

Retter jeg

border-bottom: 0.1em dotted black;
til
border-bottom: 1px dotted black;

bliver stregen noget pænere, og problemet med blinkeriet
er knap så udtalt, men det er der endnu.

Når du ser siden i FF, opdater du også at du skal fjerne
height:590px; i #wrapper{ for at det hvide område kan
følge med ned.

Ellers en stor ros til dit farvevalg - det er blevet meget bedre
end første gang jeg så det.

--
Allan Vebel
http://html-faq.dk



Tidemann (30-12-2005)
Kommentar
Fra : Tidemann


Dato : 30-12-05 09:15

"Allan Vebel" skrev
>
> Når du ser siden i FF, opdater du også at du skal fjerne
> height:590px; i #wrapper{ for at det hvide område kan
> følge med ned.
>

Hvis du sætter #copyrightnote til relative, kommer den også ned under sidste
link :0)

#copyrightnote {
position:relative;


Når jeg henter siden første gang i FF ser menuen sådan ud!!
Det forsvinder først når jeg peger på et link i højre side.......

http://www.mariannes.frac.dk/flygenrigs.dk.gif


--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


Allan Vebel (30-12-2005)
Kommentar
Fra : Allan Vebel


Dato : 30-12-05 15:11

Tidemann skrev:

> Hvis du sætter #copyrightnote til relative, kommer den
> også ned under sidste link :0)

Ja, og fjerner jeg

position:relative;
bottom:0;
left: 0;
width: 753px;

ligger den også hvor den skal ligge.

> Du kan i stedet for indsætte:
>
> height: 590px;
> min-height: 590px;

Fjerner jeg det helt, fungerer det også fint.

> head+body #wrapper { /* læses ikke af IE */
> height:auto;

Jeg kan ikke se forskel når jeg sletter det helt.

Testet i Firefox 1.5

--
Allan Vebel
http://html-faq.dk



Tidemann (30-12-2005)
Kommentar
Fra : Tidemann


Dato : 30-12-05 16:01

"Allan Vebel" skrev
> Tidemann skrev:
>
> > Hvis du sætter #copyrightnote til relative, kommer den
> > også ned under sidste link :0)
>
> Ja, og fjerner jeg
>
> position:relative;
> bottom:0;
> left: 0;
> width: 753px;
>
> ligger den også hvor den skal ligge.

Ja, det testede jeg først bagefter! Havde ikke læst det hele :0)

>
> > Du kan i stedet for indsætte:
> >
> > height: 590px;
> > min-height: 590px;
>
> Fjerner jeg det helt, fungerer det også fint.
>
> > head+body #wrapper { /* læses ikke af IE */
> > height:auto;
>
> Jeg kan ikke se forskel når jeg sletter det helt.
>
> Testet i Firefox 1.5
>

Ja, men det er fordi jeg mindes at Cifly gerne ville have en fast højde på,
hvis indholdet ikke fyldte det hele.
Kan ikke lige huske hvilken tråd det var i??


--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


Tidemann (30-12-2005)
Kommentar
Fra : Tidemann


Dato : 30-12-05 09:37

"Allan Vebel" skrev
>
> Når du ser siden i FF, opdater du også at du skal fjerne
> height:590px; i #wrapper{ for at det hvide område kan
> følge med ned.
>

Du kan i stedet for indsætte:

height: 590px;
min-height: 590px;

i wrapper og så indsætte dette under

}
head+body #wrapper { /* læses ikke af IE */
height:auto;
}

så burde det virke :0))

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


Cifly (01-01-2006)
Kommentar
Fra : Cifly


Dato : 01-01-06 21:07

"Tidemann" <tidemann@2Youtdcadsl.dk (Slet 2You)> skrev i en meddelelse
news:43b4efeb$0$84038$edfadb0f@dtext01.news.tele.dk...
> "Allan Vebel" skrev
>>
>> Når du ser siden i FF, opdater du også at du skal fjerne
>> height:590px; i #wrapper{ for at det hvide område kan
>> følge med ned.
>>
>
> Du kan i stedet for indsætte:
>
> height: 590px;
> min-height: 590px;
>
> i wrapper og så indsætte dette under
>
> }
> head+body #wrapper { /* læses ikke af IE */
> height:auto;
> }
>
> så burde det virke :0))
>
> --
> Venlig hilsen
> Marianne
> design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
> www.formdinfremtid.dk - www.royalmontana.dk
>

Ja - det virker. Det er så et smagsspørgsmål hvad der er bedst; fast højde
eller fleksibel højde. Tak

--
Venlig hilsen www.flygenrings.dk
"Sometimes, when you lose, you win." - What Dreams May Come



Tidemann (30-12-2005)
Kommentar
Fra : Tidemann


Dato : 30-12-05 10:11

"Allan Vebel"
>
> Når du ser siden i FF, opdater du også at du skal fjerne
> height:590px; i #wrapper{ for at det hvide område kan
> følge med ned.
>

Og siden ville loade lidt hurtigere hvis du puttede bannerbilledet ind i
#topbanner {
display: block;
background-image: url(header_03.png);
background-repeat:no-repeat;
background-position:left top;
height: 115px;
width:755px;
padding: 0em;
margin: 0;
}

http://www.mariannes.frac.dk/flygenrings.dk%20-%20en%20familieside.htm

bare et lille forslag

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


Cifly (01-01-2006)
Kommentar
Fra : Cifly


Dato : 01-01-06 21:34

Tidemann skrev:

> Og siden ville loade lidt hurtigere hvis du puttede bannerbilledet ind i
> #topbanner {
> display: block;
> background-image: url(header_03.png);
> background-repeat:no-repeat;
> background-position:left top;
> height: 115px;
> width:755px;
> padding: 0em;
> margin: 0;
> }
>
> http://www.mariannes.frac.dk/flygenrings.dk%20-%20en%20familieside.htm
>
> bare et lille forslag

Har forsøgt dit forslag, men der er ikke noget billede. (tilføjede img/)
foran urlen.

--
Venlig hilsen www.flygenrings.dk
"Sometimes, when you lose, you win." - What Dreams May Come



Tidemann (02-01-2006)
Kommentar
Fra : Tidemann


Dato : 02-01-06 01:30

"Cifly" skrev

> Har forsøgt dit forslag, men der er ikke noget billede. (tilføjede img/)
> foran urlen.
>

Nåeh! Det er fordi jeg ikke laver en speciel mappe til billederne når jeg
tester.
Men du har da fået det til at virke ser jeg

Jeg ved godt at "webdesign.html" ikke er til ris og ros, men jeg kunne tænke
mig lidt luft under al din tekst i "rightmain". Man tror at der måske er noget
længere nede når din "copyrightnote" ligger klods op ad teksten! Måske bare
en lille padding på 10px. <

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


Cifly (02-01-2006)
Kommentar
Fra : Cifly


Dato : 02-01-06 08:50

Tidemann skrev:

>> Har forsøgt dit forslag, men der er ikke noget billede. (tilføjede img/)
>> foran urlen.

> Nåeh! Det er fordi jeg ikke laver en speciel mappe til billederne når jeg
> tester.
> Men du har da fået det til at virke ser jeg

Ja, solen stod op lige pludselig

> Jeg ved godt at "webdesign.html" ikke er til ris og ros, men jeg kunne
> tænke
> mig lidt luft under al din tekst i "rightmain". Man tror at der måske er
> noget
> længere nede når din "copyrightnote" ligger klods op ad teksten! Måske
> bare
> en lille padding på 10px. <

Vi kan jo kalde din tilbagemelding for "forslag" og ikke "ris". Så er det
vel ok - og takker for den konstruktive kritik.

--
Venlig hilsen www.flygenrings.dk
"Sometimes, when you lose, you win." - What Dreams May Come



Tidemann (02-01-2006)
Kommentar
Fra : Tidemann


Dato : 02-01-06 10:59

"Cifly" skrev
> Tidemann skrev:
> > Jeg ved godt at "webdesign.html" ikke er til ris og ros, men jeg kunne
> > tænke
> > mig lidt luft under al din tekst i "rightmain". Man tror at der måske er
> > noget
> > længere nede når din "copyrightnote" ligger klods op ad teksten! Måske
> > bare
> > en lille padding på 10px. <
>
> Vi kan jo kalde din tilbagemelding for "forslag" og ikke "ris". Så er det
> vel ok - og takker for den konstruktive kritik.
>

Selv tak. <

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


Cifly (01-01-2006)
Kommentar
Fra : Cifly


Dato : 01-01-06 20:59

Allan Vebel skrev:

>>Cifly:
>> Jeg kan næsten forstå på dit svar, at den gængse
>> måde at opstille links, er via <li>?

> Ja, så får du også din prik foran linket helt automatisk.

kanon - det virker nu!

> Du skal i øvrigt lige se dine links på
> http://www.flygenrings.dk/henvisning.php i Firefox - det ser
> noget gnidret ud med den prikkede streg - og så laver den
> noget meget underligt: Lander den øverste del af musens
> pil lige på stregen, blinker dit link helt vildt.
>
> Retter jeg
>
> border-bottom: 0.1em dotted black;
> til
> border-bottom: 1px dotted black;
>
> bliver stregen noget pænere, og problemet med blinkeriet
> er knap så udtalt, men det er der endnu.

Er det bedre nu?

> Når du ser siden i FF, opdater du også at du skal fjerne
> height:590px; i #wrapper{ for at det hvide område kan
> følge med ned.

Når jeg fjerner height, flytter wrapper ud i venstre side?

>
> Ellers en stor ros til dit farvevalg - det er blevet meget bedre
> end første gang jeg så det.

Takker. Man tager vel ved lære

--
Venlig hilsen www.flygenrings.dk
"Sometimes, when you lose, you win." - What Dreams May Come



Cifly (01-01-2006)
Kommentar
Fra : Cifly


Dato : 01-01-06 20:14

"Cifly" <flygenring@SLETpostkasse.net> skrev i en meddelelse
news:21Nsf.35$Qd5.11@news.get2net.dk...
> Hej NG.
>
> Hvordan koder jeg ovenstående, altså en bullet (gif,jpg,png) udfor links
> af typen a#mainlinks?
> --
> www.flygenrings.dk
> "Sometimes, when you lose, you win." - What Dreams May Come
>

Der er fremkommet lidt forskelligt under dette punkt - det er jeg glad
for. Tester hen ad vejen.

Lige nu har jeg problemer med <ul class"img"> og <li> som gerne skulle
indsætte et billede som bullet. Det sker også, lige indtil cursoren bevæges
hen over et link hvorefter bullets forsvinder.

Meget mystisk. Kan i gennemskue hvorfor det sker?

http://flygenrings.dk/testmappe/

(for at få bullets frem igen, skal fokus væk fra siden og tilbage)

--
Venlig hilsen www.flygenrings.dk
"Sometimes, when you lose, you win." - What Dreams May Come



Cifly (01-01-2006)
Kommentar
Fra : Cifly


Dato : 01-01-06 20:26

Cifly skrev:

> Lige nu har jeg problemer med <ul class"img"> og <li> som gerne skulle
> indsætte et billede som bullet. Det sker også, lige indtil cursoren
> bevæges hen over et link hvorefter bullets forsvinder.

Fandt selv fejlen. Rettede <ul> left margin hvorefter det virkede.

> --
> Venlig hilsen www.flygenrings.dk
> "Sometimes, when you lose, you win." - What Dreams May Come
>



Mads Lie Jensen (06-01-2006)
Kommentar
Fra : Mads Lie Jensen


Dato : 06-01-06 09:06

On Thu, 29 Dec 2005 09:22:23 +0100, "Cifly"
<flygenring@SLETpostkasse.net> wrote:

>Hvordan koder jeg ovenstående, altså en bullet (gif,jpg,png) udfor links af
>typen a#mainlinks?

Nu ser jeg godt nok du har fået løst dit problem, men denne har ikke
været fremme:

a#mainlinks:before { content:url(/sti/til/billede.gif)" "; }

burde kunne bruges - uden at det hele skal pakkes ind i en liste.

Nåja, det virker så formentlig bare ikke i IE kunne jeg forestille mig
.......

--
Mads Lie Jensen - mads@gartneriet.dk - ICQ #25478403
-snart med hund: http://vedskovens.dk/d/hv/2005_olivia/051030/051030_d2.htm

Gartneriet - snart i ny indpakning: http://ny.gartneriet.dk

Jens Gyldenkærne Cla~ (06-01-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 06-01-06 10:34

Mads Lie Jensen skrev:

> a#mainlinks:before { content:url(/sti/til/billede.gif)" "; }

> Nåja, det virker så formentlig bare ikke i IE

Netop - og dermed er metoden ikke voldsomt brugbar i praksis.
--
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 : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste