|
|
 | Border "0" for at fjerne hotspot "link" ka~
Fra : Elisabet Petersen |
Dato : 10-01-09 11:42 |
|
Nu er jeg ved at få styr på valideringen (XHTML Strict 1.0) af
http://vibefauerholdt.dk
Der er dog stadig et par nødder, jeg ikke kan knække:
På siden:
http://vibefauerholdt.dk/presse.php
får jeg at vide, at "there is no attribute "border".
Men uden Border "0" kommer der en grim "link-kant" rundt om min
thumb-nail, som det ses på billedet længst til venstre på siden.
Jeg har prøvet at tilføje img border:solid color:black; i
haed-delen, men det gav intet resultat. Men egentlig er det vel
heller ikke billedet, der skal have en sort kant, men linket, der
skal være sort?
Hvordan klarer jeg det indenfor XHTML's regler?
Med venlig hilsen,
Elisabet Ø. Petersen
--
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
| |
 jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 12:03 |
|
"Elisabet Petersen" <eopetersen1_nospam@hotmail.com> skrev
> På siden:
> http://vibefauerholdt.dk/presse.php
> får jeg at vide, at "there is no attribute "border".
> Men uden Border "0" kommer der en grim "link-kant" rundt om min
> thumb-nail, som det ses på billedet længst til venstre på siden.
Se det er jo derfor man definerer noget sådant i en ekstern CSS fil så kan
man aldrig få sådan en fejl 
--
Mvh. John
http://web-graphic.dk
| |
Kim Ludvigsen (10-01-2009)
| Kommentar
Fra : Kim Ludvigsen |
Dato : 10-01-09 12:47 |
|
jopa skrev:
> "Elisabet Petersen" <eopetersen1_nospam@hotmail.com> skrev
>> På siden:
>> http://vibefauerholdt.dk/presse.php
>> får jeg at vide, at "there is no attribute "border".
>> Men uden Border "0" kommer der en grim "link-kant" rundt om min
>> thumb-nail, som det ses på billedet længst til venstre på siden.
>
> Se det er jo derfor man definerer noget sådant i en ekstern CSS fil så
> kan man aldrig få sådan en fejl
Hvis ellers man bruger den rette css-kode, virker det såmænd
også, selvom koden er placeret i selve filen.
--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk
| |
 jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 12:59 |
|
"Kim Ludvigsen" <usenet@kimludvigsen.dk> skrev
>
> Hvis ellers man bruger den rette css-kode, virker det såmænd også, selvom
> koden er placeret i selve filen.
Jeps men snot for sig og skæg for sig så er man sikker.
CSS til layout/design formatering af tekst billeder "borders" osv
(X)HTML kun til indhold/tekst så opstår sådanne fejl ikke i selve html
filen.
Selvfølgelig kan man vælge at have sit CSS liggende i selve html filen
hvilket giver samme resultat, men selve formateringen bør være i CSS delen
og ikke i HTML delen
--
Mvh. John
http://web-graphic.dk
| |
Kim Ludvigsen (10-01-2009)
| Kommentar
Fra : Kim Ludvigsen |
Dato : 10-01-09 13:19 |
|
jopa skrev:
> Selvfølgelig kan man vælge at have sit CSS liggende i selve html filen
> hvilket giver samme resultat, men selve formateringen bør være i CSS
> delen og ikke i HTML delen
Det er vi slet ikke uenige i, men dit svar antydede, at det
fejlede, fordi der ikke var brugt en ekstern css-fil.
--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk
| |
jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 14:42 |
|
"Kim Ludvigsen" <usenet@kimludvigsen.dk> skrev
>
> Det er vi slet ikke uenige i, men dit svar antydede, at det fejlede, fordi
> der ikke var brugt en ekstern css-fil.
>
Ja ok sådan skulle det ikke forståes
Ville blot henlede opmærksomheden på at alt unødig kode som border "0" i
HTML filen burde smides i CSS således at HTML filen kun indeholder ren
tekst.
--
Mvh. John
http://web-graphic.dk
| |
Kim Ludvigsen (10-01-2009)
| Kommentar
Fra : Kim Ludvigsen |
Dato : 10-01-09 12:50 |
|
Elisabet Petersen skrev:
>
> Jeg har prøvet at tilføje img border:solid color:black; i
> haed-delen, men det gav intet resultat.
Prøv med:
a img {
border:none;
}
Det vil fjerne kanten på billeder med links.
--
Mvh. Kim Ludvigsen
Lær betydningen af danske ord og ordsprog
http://ordforklaring.dk
| |
Elisabet Petersen (10-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 10-01-09 13:32 |
|
> Prøv med:
> a img {
> border:none;
> }
Nix - har prøvet. Virker ikke. Jeg har stadig kun fjernet
border="0" fra det første billede, og der er stadig dem grimme
link-kant. Se selv:
http://vibefauerholdt.dk/presse.php
Jeg er enig i, at eksterne css-filer er at foretrække, og det har
jeg da også på min "egen" hjemmeside om slægtsforskning.
http://eop.dk - omend det er en mikroskopisk lille fil ;-9
Men nogle gange skal billederne være centrerede, andre gange
venstrestillede, så skal de linkes o.s.v. o.s.v. og så får jeg
altså problemer med at få det hele til at passe sammen i eet
enkelt css.ark.
Men altså - jeg kan stadig ikke vise den side uden rammer, men
mindre jeg må bruge border.
Andre forslag???
Med venlig hilsen,
Elisabet Ø. Petersen
--
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
| |
jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 13:46 |
|
"Elisabet Petersen" <eopetersen1_nospam@hotmail.com> skrev
> Men nogle gange skal billederne være centrerede, andre gange
> venstrestillede, så skal de linkes o.s.v. o.s.v. og så får jeg
> altså problemer med at få det hele til at passe sammen i eet
> enkelt css.ark.
eks:
#billede1 {
float:left;
width: 160px;
}
Tilføj selv mere formatering border osv.
på den måde kan du have så mange billeder du vil
--
Mvh. John
http://web-graphic.dk
| |
Erik Olsen (10-01-2009)
| Kommentar
Fra : Erik Olsen |
Dato : 10-01-09 13:53 |
|
Elisabet Petersen wrote:
>> Prøv med:
>> a img {
>> border:none;
>> }
>
> Nix - har prøvet. Virker ikke. Jeg har stadig kun fjernet
> border="0" fra det første billede, og der er stadig dem grimme
> link-kant. Se selv:
> http://vibefauerholdt.dk/presse.php
Hvor har du indsat "border:none"?
--
Venlig hilsen/Best regards
Erik Olsen
http://www.modelbaneteknik.dk/
| |
Bertel Lund Hansen (10-01-2009)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 10-01-09 13:52 |
|
Elisabet Petersen skrev:
> Der er dog stadig et par nødder, jeg ikke kan knække:
> På siden:
> http://vibefauerholdt.dk/presse.php
> får jeg at vide, at "there is no attribute "border".
I Opera 9.6 er der ingen kant om det første billede, men hvid
kant om de følgende.
I IE 6 er der blå kant om det første billede, men ikke om de
andre.
Siden ser 'rigtig' ud i de to browsere.
I FF står billederne lodret under hinanden ude til venstre, og
alle har blå kant.
Du har en fejl fordi du har skrevet:
<a href="040707.php"><a href="040707.php">
i linje 131.
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO: http://fiduso.dk/
| |
Elisabet Petersen (10-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 10-01-09 14:13 |
|
> I FF står billederne lodret under hinanden ude til venstre, og
> alle har blå kant.
Det var værre. Det har jeg ikke nogen løsning på!
>
> Du har en fejl fordi du har skrevet:
>
><a href="040707.php"><a href="040707.php">
>
OK - den er rettet!
Border="0" har jeg stadig kun fjernet fra den første thumbnail på
http://vibefauerholdt.dk/presse.php
Kunstneren er nemlig meget lidt begejstret for at de får kanter.
Men hvis der ikke findes en måde, hvorpå kanterne kan fjernes i
alle browsere og hvorpå billederne kan stå pænt på en vandret
række, så må jeg jo lade det blive ved det.
Med venlig hilsen,
Elisabet Ø. Petersen
--
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
| |
Kim Ludvigsen (10-01-2009)
| Kommentar
Fra : Kim Ludvigsen |
Dato : 10-01-09 14:35 |
|
Elisabet Petersen skrev:
> Men hvis der ikke findes en måde, hvorpå kanterne kan fjernes i
> alle browsere
Den har du fået. Du har bare ikke indsat løsningen på siden.
a img {
border:none;
}
Det virker fint i alle browsere.
--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk
| |
Elisabet Petersen (10-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 10-01-09 14:56 |
|
Jeg havde sat den et forkert sted, og derfor slettet den igen.¨
Nu har jeg sat den rigtigt ind - og den virker på det første
billede, men ikke på de øvrige 3 ....
Med venlig hilsen,
Elisabet Ø. Petersen
--
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
| |
jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 15:02 |
|
"Elisabet Petersen" <eopetersen1_nospam@hotmail.com> skrev
> Jeg havde sat den et forkert sted, og derfor slettet den igen.¨
> Nu har jeg sat den rigtigt ind - og den virker på det første
> billede, men ikke på de øvrige 3 ....
Hejsa Elisabet vi prøver igen
Giv hvert enkelt billede en "id"
eks:
<div id="billede1">
--------------------------
#billede1 {
float:left;
width: 160px;
}
Tilføj selv mere formatering border osv.
på den måde kan du have så mange billeder du vil og tildele forskellig
formatering af de enkelte billeder
--
Mvh. John
http://web-graphic.dk
| |
Elisabet Petersen (10-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 10-01-09 18:23 |
|
Hej John,
Nu har jeg eeendeig fået alle siderne til at validere, så jeg vil ikke
eksperimentere mere med det foreløbig ...
Dog: På min næste hjemmeside vil jeg lave et eksternt stilark for starten,
og så må jeg forsøge mig med id-elementer til de forskellige billeder m.v.
Lige nu har jeg eet lille problem tilbage på
http://fauerholdt.dk/profil.dk
Når jeg prøver at validere css'en i ws3,
får jeg følgende fejl:
88 Lexical error at line 15, column 2. Encountered: "s" (115), after :
"<" style type="text/css" media="screen"> #menuh{float:none;}
- og det er her, fejlen skulle være:
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:100%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 0.7em/1.4em arial, sans-serif;}
..dsR24 /*agl rulekind: base;*/ { position: absolute; top: 500px; left:
500px; }
-->
Hvad i al verden skulle der være galt med det???
--
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
| |
Erik Ginnerskov (10-01-2009)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 10-01-09 18:29 |
| | |
Elisabet Petersen (10-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 10-01-09 19:04 |
|
Undskyld - det gik lidt hurtigt.
Adressen er:
http://vibefauerholdt.dk/profil.php
- hvor css'en ikke validerer p.g.a. en enkelt fejl, som ejg ikke
kan gennemskue.
Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Elisabet Petersen wrote:
> > Lige nu har jeg eet lille problem tilbage på
> > http://fauerholdt.dk/profil.dk
>
> 404
--
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
| |
jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 19:12 |
|
"Elisabet Petersen" <eopetersen1_nospam@hotmail.com> skrev
> - hvor css'en ikke validerer p.g.a. en enkelt fejl, som ejg ikke
> kan gennemskue.
Mangler du ikke en # foran body{behavior:url(csshover.htc); font-size:100%;}
--
Mvh. John
http://web-graphic.dk
| |
jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 19:14 |
|
"jopa" <admin@jp-web.invalid> skrev
>
> Mangler du ikke en # foran body{behavior:url(csshover.htc);
> font-size:100%;}
Sorry var vist lidt hurtig på aftrækkeren
--
Mvh. John
http://web-graphic.dk
| |
Elisabet Petersen (10-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 10-01-09 19:32 |
|
> Mangler du ikke en # foran body{behavior:url(csshover.htc); font-size:100%;}
Næh, jeg har prøvet at tilføje den, men det gør ingen forskel.
Men tak alligevel.
Med venlig hilsen,
Elisabet Ø. Petersen
--
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
| |
jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 18:55 |
|
"Elisabet Petersen" <eopetersen1_nospam@hotmail.com> skrev
> Hej John,
> Nu har jeg eeendeig fået alle siderne til at validere, så jeg vil ikke
> eksperimentere mere med det foreløbig ...
> Dog: På min næste hjemmeside vil jeg lave et eksternt stilark for starten,
> og så må jeg forsøge mig med id-elementer til de forskellige billeder m.v.
Det er også sjovt at lege med
> Lige nu har jeg eet lille problem tilbage på
> http://fauerholdt.dk/profil.dk
Siden er nede pt
--
Mvh. John
http://web-graphic.dk
| |
jopa (10-01-2009)
| Kommentar
Fra : jopa |
Dato : 10-01-09 19:05 |
| | |
Kim Ludvigsen (10-01-2009)
| Kommentar
Fra : Kim Ludvigsen |
Dato : 10-01-09 19:32 |
|
Elisabet Petersen skrev:
> Når jeg prøver at validere css'en i ws3,
>
> får jeg følgende fejl:
> 88 Lexical error at line 15, column 2. Encountered: "s" (115), after :
> "<" style type="text/css" media="screen"> #menuh{float:none;}
Mon ikke det skyldes, at du har placeret
<!--[if lt IE 7]> osv.
inde i en style-deklaration. Og at du har fejl i dine
kommentarer.
Slet:
<style type="text/css"><!--
body,td,th {
color: #CCCCCC;
}
body {
background-color: #000000;
}
..style1 {font-family: Arial, Helvetica, sans-serif}
-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:100%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 0.7em/1.4em arial, sans-serif;}
..dsR24 /*agl rulekind: base;*/ { position: absolute; top:
500px; left: 500px; }
-->
</style>
Og indsæt i stedet:
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:100%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 0.7em/1.4em arial, sans-serif;}
..dsR24 /*agl rulekind: base;*/ { position: absolute; top:
500px; left: 500px; }
<![endif]-->
--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk
| |
Kim Ludvigsen (10-01-2009)
| Kommentar
Fra : Kim Ludvigsen |
Dato : 10-01-09 19:52 |
|
Kim Ludvigsen skrev:
> Og indsæt i stedet:
> <!--[if lt IE 7]>
> <style type="text/css" media="screen">
> #menuh{float:none;}
> body{behavior:url(csshover.htc); font-size:100%;}
> #menuh ul li{float:left; width: 100%;}
> #menuh a{height:1%;font:bold 0.7em/1.4em arial, sans-serif;}
> .dsR24 /*agl rulekind: base;*/ { position: absolute; top: 500px; left:
> 500px; }
> <![endif]-->
Det kunne være, det var en god ide også at afslutte stylen:
....
</style>
<![endif]-->
--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk
| |
Elisabet Petersen (11-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 11-01-09 12:24 |
|
Hmmm - det går ikke, at jeg sletter
<style type="text/css"><!--
body,td,th {
color: #CCCCCC;
}
body {
background-color: #000000;
}
..style1 {font-family: Arial, Helvetica, sans-serif}
-->
for der står min tekstformatering + baggrundsfarve.
Men jeg vil lige eksperimentere med den style-deklaration efter lidt
velfortjent søndags-frokost!
Med venlig hilsen,
Elisabet Ø. Petersen
--
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
| |
Kim Ludvigsen (11-01-2009)
| Kommentar
Fra : Kim Ludvigsen |
Dato : 11-01-09 13:12 |
|
Elisabet Petersen skrev:
> Hmmm - det går ikke, at jeg sletter
> <style type="text/css"><!--
....
> -->
Virker kommentarkoder anderledes i style-deklarationer?
Normalt ignoreres det, der står mellem <!-- og -->, hvorfor
jeg mente, det roligt kunne slettes.
--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk
| |
Elisabet Petersen (11-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 11-01-09 13:31 |
|
> Virker kommentarkoder anderledes i style-deklarationer?
> Normalt ignoreres det, der står mellem <!-- og -->, hvorfor
> jeg mente, det roligt kunne slettes.
Ja, det ser godt nok ud som om min style har sneget sig ind i en
program-genereret kommentarkode(Dreamweaver), men jeg må prøve at
omplacere mine style-tags, når jeg kommer hjem fra en lille
køretur. Jeg ved simpelthen ikke, hvad der ellers kan forårsage
fejlen.
Det er godt nok hurtigere at indsætte objekter v.h.a. en
wysiwyg-editor som Dreamweaver, men bagsiden af medaljen er en
tung og uoverskuelig css-kode, som i hvert fald jeg synes er svær
at finde hoved og hale i.
Så det afholder jeg mig nok fra en anden gang.
Med venlig hilsen,
Elisabet Ø. Petersen
--
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
| |
Kerim Ellentoft (11-01-2009)
| Kommentar
Fra : Kerim Ellentoft |
Dato : 11-01-09 13:35 |
|
Kim Ludvigsen <usenet@kimludvigsen.dk> skrev :
>Virker kommentarkoder anderledes i style-deklarationer?
>Normalt ignoreres det, der står mellem <!-- og -->, hvorfor
>jeg mente, det roligt kunne slettes.
Grunden til at man brugte kommentartegn er at dengang, det stadig
var aktuelt med browsere, der ike forstod CSS ellers ville vise
CSS-deklarationen som tekst på siden.
--
Kerim
| |
Philip Nunnegaard (11-01-2009)
| Kommentar
Fra : Philip Nunnegaard |
Dato : 11-01-09 19:27 |
|
"Kim Ludvigsen" <usenet@kimludvigsen.dk> skrev
> Virker kommentarkoder anderledes i style-deklarationer? Normalt ignoreres
> det, der står mellem <!-- og -->, hvorfor jeg mente, det roligt kunne
> slettes.
Som Kerim skriver, er det noget man bruger (eller brugte) i intern CSS for
at få CSS-lamme browsere til at ignorere det.
Jeg husker samme sag med javascript:
(det er helt bevidst at jeg her skriver "language". Det gjorde "alle" jo i
forrige århundrede)
<script language="javascript">
<!---
En masse javascript
//-->
</script>
// for at få javascriptet til at se det sidste som en kommentar.
Derefter --> for at få html'en til at forstå at kommentaren er slut.
| |
Philip Nunnegaard (11-01-2009)
| Kommentar
Fra : Philip Nunnegaard |
Dato : 11-01-09 19:49 |
|
"Philip Nunnegaard" <nunnenospam@hitsurf.dk> skrev
> Som Kerim skriver, er det noget man bruger (eller brugte) i intern CSS for
> at få CSS-lamme browsere til at ignorere det.
> Jeg husker samme sag med javascript:
Og så kommer jeg pludselig til at tænke på at det måske stadig kan anses som
aktuelt, om ikke andet for at få validatoren til at ignorere javascriptet på
samme måde som hvis man havde lagt det i en ekstern .js-fil.
| |
Erik Ginnerskov (13-01-2009)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 13-01-09 19:55 |
|
Philip Nunnegaard wrote:
> Og så kommer jeg pludselig til at tænke på at det måske stadig kan
> anses som aktuelt, om ikke andet for at få validatoren til at
> ignorere javascriptet på samme måde som hvis man havde lagt det i en
> ekstern .js-fil.
Er det ikke af den grund man gør sådan:
<script type="text/javascript">
/* <![CDATA[ */
javascriptkode her
/* ]]> */
</script>
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk
| |
Philip Nunnegaard (13-01-2009)
| Kommentar
Fra : Philip Nunnegaard |
Dato : 13-01-09 20:45 |
|
"Erik Ginnerskov" <erik.ginnerskov@live.dk> skrev
> Er det ikke af den grund man gør sådan:
>
> <script type="text/javascript">
> /* <![CDATA[ */
Jeg troede at det var for at skjule koden for andre browsere end lige IE.
| |
Jens Peter Karlsen (14-01-2009)
| Kommentar
Fra : Jens Peter Karlsen |
Dato : 14-01-09 04:14 |
|
Det er det ikke. Du tænker nok på <!--[if IE]>
Regards Jens Peter Karlsen.
On Tue, 13 Jan 2009 20:45:29 +0100, "Philip Nunnegaard"
<nunnenospam@hitsurf.dk> wrote:
>
>Jeg troede at det var for at skjule koden for andre browsere end lige IE.
| |
Philip Nunnegaard (14-01-2009)
| Kommentar
Fra : Philip Nunnegaard |
Dato : 14-01-09 07:06 |
|
"Jens Peter Karlsen" <jpkarlsen@mvps.org> skrev
> Det er det ikke.
Tak.
> Du tænker nok på <!--[if IE]>
Nej. Det var så ikke den jeg tænkte på.
Men jeg forvekslede den med noget helt andet jeg havde set - netop i
forbindelse med noget <!--[if IE]>, hvor det andet stod mellem <!--[if IE]>
og <[endif]-->.
Det var kaldet til en .htc-fil jeg tænkte på.
Kode:
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc);}
</style>
<![endif]-->
I dette tilfælde en css-menu, der med dette stykke kode også virker i ie6.
| |
Jens Peter Karlsen (14-01-2009)
| Kommentar
Fra : Jens Peter Karlsen |
Dato : 14-01-09 15:50 |
|
Samme som det jeg skrev bare lidt mere specifik.
Læses "If less than IE 7".
Regards Jens Peter Karlsen.
On Wed, 14 Jan 2009 07:05:50 +0100, "Philip Nunnegaard"
<nunnenospam@hitsurf.dk> wrote:
><!--[if lt IE 7]>
| |
Erik Ginnerskov (13-01-2009)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 13-01-09 19:51 |
|
Kim Ludvigsen wrote:
> Virker kommentarkoder anderledes i style-deklarationer?
> Normalt ignoreres det, der står mellem <!-- og -->, hvorfor
> jeg mente, det roligt kunne slettes.
I html laver man kommentarer ved at sætte '<!-- ' før og ' -->' (uden
anførselstegn) efter.
I css laver man kommentarer ved at sætte '/* ' før og ' */' (uden
anførselstegn) efter.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk
| |
Philip Nunnegaard (10-01-2009)
| Kommentar
Fra : Philip Nunnegaard |
Dato : 10-01-09 15:07 |
|
"Kim Ludvigsen" <usenet@kimludvigsen.dk> skrev
> Den har du fået. Du har bare ikke indsat løsningen på siden.
>
> a img {
> border:none;
> }
Det er indsat i css'en, men det virker kun på det første billede.
Og måske logisk nok:
Det første billede har koden
<a href=...><img src=...></a>
De andre billeder har ikke hæftet <a> på sig, men derimod en <map>-fætter.
Jeg vil tro at det er her det går galt.
Jeg kan ikke lige overskue hvorfor det skal omklamres af en <map> i stedet
for på almindelig link-vis, da det stadig er ét billede, ét link.
Så enten skal alle billeder have links på "traditionel" vis, eller også kan
det løses ved i stedet for
a img {
border: none;
}
nøjes med:
img {
border: none;
}
Sidstnævnte løsning vil så fjerne alle rammer - også dem på billeder som
ikke er links. Dermed vil den også overtrumfe den linje i css'en som står
lige over "a ing...".
Derfor anbefaler jeg den første løsning, hvor <map> helt droppes.
| |
Philip Nunnegaard (10-01-2009)
| Kommentar
Fra : Philip Nunnegaard |
Dato : 10-01-09 15:08 |
|
"Philip Nunnegaard" <nunnenospam@hitsurf.dk> skrev
> Det er indsat i css'en, men det virker kun på det første billede.
OK! Rettelsen var så lige kommet, inden jeg skrev ovenstående. Men min
begrundelse for at det kun virker på første billede holder stik.
| |
Elisabet Petersen (10-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 10-01-09 18:28 |
|
Yep - og det virker!
Jeg havde lavet hotspots på billederne, og det fil programmet til at generere
de der besynderlige <maps>. Men nu har ejg linket billederne på normal vis,
fjernet rammerne med din css-kode, og nu kører det bare perfekt.
Så tusind tak for hjælpen!
Med venlig hilsen,
Elisabet Ø. Petersen
--
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
| |
Allan Vebel (10-01-2009)
| Kommentar
Fra : Allan Vebel |
Dato : 10-01-09 15:24 |
|
Kim Ludvigsen skrev:
> a img {
> border:none;
> }
>
> Det virker fint i alle browsere.
Eller bare
img {
border:none;
}
Det er jo "border" på billedet der skal væk, og den
kommer kun når det er et link.
--
Allan Vebel
http://html-faq.dk
http://vebel.dk
| |
Kim Ludvigsen (10-01-2009)
| Kommentar
Fra : Kim Ludvigsen |
Dato : 10-01-09 15:38 |
|
Allan Vebel skrev:
> Kim Ludvigsen skrev:
>
>> a img {
>
> Eller bare
> img {
> border:none;
> }
>
> Det er jo "border" på billedet der skal væk, og den
> kommer kun når det er et link.
Der er i forvejen sat en border på img - så jeg regnede med,
at Elisabet gerne vil have border på nogle billeder men bare
ikke på links. Hvis alle bordere skal fjernes, er din
løsning klart nemmest - og den virker også trods map-koderne
(som jeg ikke rigtig kan se formålet med).
--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk
| |
Allan Vebel (10-01-2009)
| Kommentar
Fra : Allan Vebel |
Dato : 10-01-09 17:06 |
|
Kim Ludvigsen skrev:
> Der er i forvejen sat en border på img
Ja, tidligere på dagen var der sat en sort border på
http://vibefauerholdt.dk/Grafik/top.jpg, og sammen
med sort baggrund kunne man ikke se den.
> - så jeg regnede med, at Elisabet gerne vil have
> border på nogle billeder men bare ikke på links.
Det ser ud til at det fungerer nu.
--
Allan Vebel
http://html-faq.dk
http://vebel.dk
| |
Philip Nunnegaard (10-01-2009)
| Kommentar
Fra : Philip Nunnegaard |
Dato : 10-01-09 17:11 |
|
"Allan Vebel" <spam@do.not> skrev
> Det ser ud til at det fungerer nu.
Og samtidig ser det ud til at billederne nu står ved siden af hinanden i
stedet for under hinanden (FF3).
Det ser bedre ud.
| |
Stig Johansen (10-01-2009)
| Kommentar
Fra : Stig Johansen |
Dato : 10-01-09 15:55 |
|
"Elisabet Petersen" <eopetersen1_nospam@hotmail.com> wrote in message
news:49689ec7$0$90266$14726298@news.sunsite.dk...
>
> Kunstneren er nemlig meget lidt begejstret for at de får kanter.
> Men hvis der ikke findes en måde, hvorpå kanterne kan fjernes i
> alle browsere og hvorpå billederne kan stå pænt på en vandret
> række, så må jeg jo lade det blive ved det.
Det gør der - med og uden kanter.
Som andre har skrevet, så er det
img {border:none;}
du kan bruge til det.
Uden border:
http://w-o-p-r.dk/tips/html/elisabeth.html
Med et par guldkanter:
http://w-o-p-r.dk/tips/html/elisabethg.html
http://w-o-p-r.dk/tips/html/elisabethg2.html
--
Med venlig hilsen/Best regards
Stig Johansen
| |
Elisabet Petersen (10-01-2009)
| Kommentar
Fra : Elisabet Petersen |
Dato : 10-01-09 18:33 |
| | |
Allan Vebel (10-01-2009)
| Kommentar
Fra : Allan Vebel |
Dato : 10-01-09 22:14 |
|
Elisabet Petersen skrev:
> Jeg tror vi holder os til udgaven UDEN guld
Guldkanterne bliver i øvrigt vist vidt forskelligt i
forskellige browsere - jeg ved ikke lige hvor det
er kønnest 
> Men points for det kunstneriske indfald!
Skulle jeg lave den slags guldkanter, ville jeg nok
lave det med grafik.
--
Allan Vebel
http://html-faq.dk
http://vebel.dk
| |
|
|