[HTML]Nieuwe regel na Marquee *

[JoostMartijn]

Beste Mede Tweakers,

Ik heb een stukje code nodig voor een bestaande website hierin wordt gebruik gemaakt van de tag marquee. Hiernaast moet een link komen te staan. In IE is dit natuurlijk geen probleem. Maar Firefox is lastig. Na het afsluiten van de marquee tag begint in FF altijd een nieuwe regel. Terwijl ik de link naast de marquee tag wil hebben staan.

code:

<marquee style="width:400px; height:auto; list-style:none;">
    Dit is een voorbeeld test
</marquee>
<a href="http://www.voorbeeld.nl">test</a>

Ik heb al van alles geprobeerd met style. Onder andere met list-style:none; In Google kon ik de oplossing ook niet vinden. Ik heb ook al andere tags zoals div en span om het marquee gedeelte heen gezet.

[R4NCOR]

code:

display: inline;

Ook geprobeerd?

[ Voor 11% gewijzigd door R4NCOR op 27-11-2007 17:32 ]

[JoostMartijn]

Ja, net geprobeerd heeft niet het gewenste reslutaat. Het zorgt er alleen voor dat het atribuut width:400px wordt genegeerd.

[NMe]

In een div zetten, display: inline op die div, width van 400px op de marquee en dan naast die div het linkje?

[RM-rf]

code:

display: -moz-inline-block;

of

code:

display: -moz-inline-box;

zou misschien ook kunnen werken, beide zijn wel mozilla-online proprietaire tags, dus oppassen of hetzelfde probleem niet tevens bij bv Opera, Safari of Konqueror optreed.

[Sebazzz]

Je weet dat je marquee eigenlijk niet behoord te gebruiken en maar in twee browser werkt? (Firefox 1.x, 2.x en IE). Ik heb gehoord dat Firefox 3 geen marquee meer ondersteunt dus...

[JoostMartijn]

Ik denk dat je het zo bedoelt.

code:

<div style="width:400px; display:inline;">
   <marquee>Dit is een voorbeeld test</marquee>
</div>
<a href="voorbeeld.html">test</a>

Het geeft niet het gewenste resultaat. De link komt onder het marquee gedeelte. Het width:400px; wordt ook weer genegeerd. De div wordt zo breed als de pagina is.

[JoostMartijn]

Ik gebruik Firefox 2.0.0.9. Weten jullie wat het vreemde is? Het gaat wel goed in safari !?!?!?

[robbert]

Sebazzz schreef op dinsdag 27 november 2007 @ 17:42:
Ik heb gehoord dat Firefox 3 geen marquee meer ondersteunt dus...

Net even getest, met een HTML 4.01 Transitional DTD werkt het nog steeds in Firefox 3.

Heb hier de volgende Firefox 3 versie: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9b1) Gecko/2007111505 GranParadiso/3.0b1

[ Voor 3% gewijzigd door robbert op 27-11-2007 17:51 ]

[JoostMartijn]

Bedankt!!!! RM-rf

code:

display: -moz-inline-box;

Werkt. In werkt nu in alle browsers. Nog even een kort vraagje hierover. Is er een goede site waar ik de Firefox style opties kan vinden. Dan hoef ik Tweakers niet meer lastig te vallen met dit soort simpele probleempjes.

[NMe]

JoostMartijn schreef op dinsdag 27 november 2007 @ 17:46:
Ik denk dat je het zo bedoelt.

Eigenlijk niet; ik bedoelde een breedte van 400px op de marquee zelf. Maar goed, je probleem is opgelost en mijn oplossing was niet meer dan een gok.

[Boelie-Boelie]

Ik denk dat je niet gediend bent met een link naar een pagina over Firefox-specifieke CSS. Bijna niemand gebruikt browserspecifeke CSS en degenen die het wel gebruiken, weten wat ze doen. Ik kan het mis hebben, maar zoals je nu werkt, lijkt het meer op het toepassen van willekeurige HTML-elementen en CSS-properties totdat het wel werkt (list-style toepassen op iets dat geen list is?). Dan heb je denk ik meer aan o.a. de volgende links:

• http://modernmarkup.nl
• http://netters.nl/client-side
• www.sceneone.nl

Browserverschillen verminder je namelijk niet door browserspecifieke zaken te gebruiken (marquee, -moz, etc.), maar juist door te werken volgens webstandaarden.

[_Thanatos_]

Geen marquee gebruiken. In elk geval niet de <marquee> tag, maar het liefst ook niet iets dat erop lijkt. Het wordt ervaren als zwaar irritant door bijna alle soorten bezoekers, omdat het constant de focus van je ogen naar zich toe forceert. Dus moet je er een verdomd goede reden voor hebben.

In any case, los het netjes op met javascript. Dan werkt het op alle browsers, en ben je veel flexibeler.