Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Plaatjes worden breder indien hyperlink?

None
14 antwoorden
  • In Internet Explorer (hoe kan het ook anders), worden plaatjes welke gebruikt worden als hyperlink, hoger of breder.. (?)

    In mijn site gebruik ik het volgende:
    <td width="130">
    <a href="?q=node/view/11" title="Ga nog verder muzikaal doordraven op andere muzikale websites." ><img src="themes/FreshAndFruity/images/nav-6.gif" height="16" width="130" alt="Ga nog verder muzikaal doordraven op andere muzikale websites." /></a>
    </td>

    De afbeelding "nav-6.gif" wordt dus als hyperlink gebruikt, maar in mijn strakke (uitgemeten) design breekt ie nu de complete lay-out..

    In mijn CSS heb ik het volgende opgenomen, maar dat hielp niets:
    img {
    border: none;
    padding: 0px;
    margin: 0px;
    }

    a {
    border: none;
    padding: 0px;
    margin: 0px;

    }

    Heeft iemand enig idee wat ik hieraan kan doen?
  • voorbeeld???

    maar je kan proberen a {} in je css naar a:hover {} te veranderen aangezien het om een link gaat
  • het is image[/color:5d355a6647] en niet img[/color:5d355a6647] in je css,
    bovendien zou ik border: none;[/color:5d355a6647] veranderen in border:0px;[/color:5d355a6647]
  • [quote:1acdaf3066="SabineBos"]het is image[/color:1acdaf3066] en niet img[/color:1acdaf3066] in je css[/quote:1acdaf3066]Sorry? Het is toch ook <img src="bla" alt="bla" />… Dus "img" in je CSS klopt prima.

    - Bas
  • [quote:b342a5364d]De afbeelding "nav-6.gif" wordt dus als hyperlink gebruikt, maar in mijn strakke (uitgemeten) design breekt ie nu de complete lay-out.. [/quote:b342a5364d]Tabel-gebaseerd misschien :roll:[code:1:b342a5364d]a{
    text-decoration:none;
    }[/code:1:b342a5364d]Al geprobeerd?

    Daarnaast even een klein css lesje: Elke waarde die ongelijk is aan nul heeft een eenheid nodig (er zijn uitzonderingen, z-index bv) wat er dus automatisch tot leid dat bij margin:0px; px overbodig is.

    border:0; werkt, maar wat je nu hebt zou ook moeten werken. Geef even een URI.

    -termin8or
  • waarom zet je niet gewoon border="0" in je img tag? probleem opgelost :roll:
  • WouterWouter2 zei:
    [quote:5b45dd84e9]voorbeeld???[/quote:5b45dd84e9]
    Kijk maar eens op mijn website.

    [quote:5b45dd84e9]maar je kan proberen a {} in je css naar a:hover {} te veranderen aangezien het om een link gaat[/quote:5b45dd84e9]
    Waarom?


    SabinaBos zei:
    [quote:5b45dd84e9]het is image en niet img in je css,[/quote:5b45dd84e9]

    ik heb 'image' echt nog nooit gebruikt, dus blijft t toch maar bij img houden.. :-)

    [quote:5b45dd84e9]bovendien zou ik border: none; veranderen in border: 0px;[/quote:5b45dd84e9]
    Gedaan en gaf niet het gewenste effect…


    termin8tor zei:
    [quote:5b45dd84e9]Tabel-gebaseerd misschien? :roll:[/quote:5b45dd84e9]
    Yep, hoe raad je het zo… En ik weet dat jij dat niets vind (en weet van mij, dat ik dat ook niets vind) maar het moet even. Deze website moet snel online, maar ik kom er maar niet uit met die plaatjes als hyperlinks…


    [quote:5b45dd84e9]Geef even een URI[/quote:5b45dd84e9]
    Oke, http://www.frontaal-online.com/.
    Aan de bovenkant staan 7 plaatjes boven elkaar (Begin, Muzikaal Leesvoer, Agenda, Informatie, etc) welke als navigatie zullen worden gebruikt.
    Alleen van de bovenste afbeelding, "Muzikale Links", heb ik een hyperlink van gemaakt en zoals je ziet komt er nu "ruimte" rondom de afbeeldings-hyperlink waardoor de complete lay-out breekt.



    Wie helpt mij alsjeblieft? Ik krijg er slapeloze nachten van! :-(
  • [quote:09381895b4="Stefan Nagtegaal"]Yep, hoe raad je het zo…[/quote:09381895b4]Geeft meestal problemen.

    Wat je moet doen is het volgende. Ga is na wat voor waardes je opgeeft bij de breedtes van td (nooit geweten dat ik mensen met table-layout problemen ging helpen) en tel deze is bij elkaar op. Want als je tabel 100% breed is moet dat ook de uitkomst zijn uit de vorige som. Dus laat een paar van die waarden open en zet er een paar vast, want zo klopt het gewoon niet.

    -termin8or
  • [quote:98729bd84b]Wat je moet doen is het volgende. Ga is na wat voor waardes je opgeeft bij de breedtes van td (nooit geweten dat ik mensen met table-layout problemen ging helpen) en tel deze is bij elkaar op. Want als je tabel 100% breed is moet dat ook de uitkomst zijn uit de vorige som. Dus laat een paar van die waarden open en zet er een paar vast, want zo klopt het gewoon niet. [/quote:98729bd84b]
    Maar waarom is de gehele lay-out weer in orde als ik de hyperlink weghaal? Dus enkel de <a href……> en </a>…
  • Het kan aan mij liggen, maar ik zie heel andere dingen die niet goed zijn.

    In Mozilla lijkt het goed, maar bij het plaatje linksboven van “Sempre Crescendo” is de Sempre helemaal weg.

    In IE 6.0 zijn ze er beiden, maar daar staan de kolom onder "Website name" ca 6 cm van de linker kant van het scherm, bij Mozilla is het helemaal links.

    De plaatjes met links zoals "muzikale links" zijn in beide browsers even groot, ook de afstand tussen de plaatjes. Dit alles op 800x600

    De enige tip die ik heb: haal alle css eruit, kijk of probleem er nog is (waarschijnlijk niet) en zet dan de css beetje bij beetje terug.

    wimb
  • [quote:71211a8a91]Het kan aan mij liggen, maar ik zie heel andere dingen die niet goed zijn.[/quote:71211a8a91]
    Dat ligt niet aan jou, en ook niet aan je browser..

    [quote:71211a8a91]In Mozilla lijkt het goed, maar bij het plaatje linksboven van “Sempre Crescendo” is de Sempre helemaal weg.[/quote:71211a8a91]
    Ja, dat klopt.. Ik heb er geen enkele moeite voor gedaan om het design cross-browser te maken omdat het grootste en belangrijkste gedeelte "afgesloten" is. Alle gebruikers van de website zijn zo stom om IE5+ te gebruiken, dus vandaar dat ik hier ook geen aandacht aan schenk..

    [quote:71211a8a91]In IE 6.0 zijn ze er beiden, maar daar staan de kolom onder "Website name" ca 6 cm van de linker kant van het scherm, bij Mozilla is het helemaal links.[/quote:71211a8a91]
    Zoals ie in IE wordt weergegeven, zo is het ook de bedoeling en nogmaals het hoeft van mij niet cross-browser te zijn als ie maar werkt…

    [quote:71211a8a91]De plaatjes met links zoals "muzikale links" zijn in beide browsers even groot, ook de afstand tussen de plaatjes. Dit alles op 800x600[/quote:71211a8a91]
    Oke, veel dank voor deze check! :-)

    [quote:71211a8a91]De enige tip die ik heb: haal alle css eruit, kijk of probleem er nog is (waarschijnlijk niet) en zet dan de css beetje bij beetje terug.[/quote:71211a8a91]
    Dat moet dan maar… Ik ga ermee beginnen. (Eigenlijk had deze lay-out gister al online moeten gaan met een nieuwe website.. Kan wel janken. )
  • Oke, ben net klaar..

    Heb alles nagekeken en hier en daar wat spacers en spatie's gezet. Nu ziet het er pico-bello uit in Mozilla maar nogsteeds %^&ut in IE..

    Is er iemand die me kan helpen of verder nog een idee heeft?

    kijk op http://www.frontaal-online.com/
  • Op 1024 breed is het nu het zelfde in Mozilla en IE 5.5
    In beide gevallen zit het menu met "website name" onde het plaatje van Crescendo.

    Het plaatje met Sempre staat helemaal alleen links boven.

    wimb
  • [quote:cd60abf6e8]Op 1024 breed is het nu het zelfde in Mozilla en IE 5.5[/quote:cd60abf6e8]
    Ja, oke.. Maar is dat goed of juist niet?

    [quote:cd60abf6e8]In beide gevallen zit het menu met "website name" onde het plaatje van Crescendo.[/quote:cd60abf6e8]
    Als het goed is, loopt het plaatje en dergelijke door, dus moet het wel kloppen. Aan de linkerkant van het navigatie menuutje "Website name", is met opzet 150px ruimte gehouden. Dit is voor de achtergrond die ik nog moet plaatsen..

    [quote:cd60abf6e8]Het plaatje met Sempre staat helemaal alleen links boven.[/quote:cd60abf6e8]
    Ik snap weer niet wat je bedoeld.. Kijk hier voor een screenshot in IE en hier voor een screenshot in Mozilla voor wat screenshots van het thema in Mozilla en Internet Explorer.

    Ik vraag me af of er veel verschil in zit met het beeld dat jij hebt van mijn thema, want ik heb het idee dat jij meer fouten ziet dan ik… :cry:

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.