Welkom bij WeetHet!


Managed Web Hosting by Liquid Web

Jouw IP adres:
54.224.102.26
     
 
Pagina printen
- kies Landscape
Zoeken in de
WeetHet pagina's
WeetHet is being updated! - Current articles will slowly move to www.tweaking4all.com
Voor uitstekende webhosting welke zowel betrouwbaar als betaalbaar is adviseren wij: LiquidWeb

Op deze pagina ...

Hoe plaats ik tekst over een plaatje?

Het plaatsen van tekst over een plaatje kan het laden van een pagina aanzienlijk verbeteren, zeker als je bijvoorbeeld een menu hebt gemaakt met 16 knoppen, die er allemaal hetzelfde uitzien maar net even een andere tekst hebben.

Je kunt dan kiezen om voor iedere knop een afbeelding te maken, of...

HTML

De truuc van tekst over afbeeldingen plaatsen

Het lijkt moeilijk, maar eigenlijk is het een eenvoudig truucje, als je het eenmaal gezien hebt, stelt het niets voor.

Om te beginnen hebben we een tabel nodig (ik heb hier een tabel gemaakt van slecht 1 cel):

een voorbeeld cel ...

Iedere cell kan een eigen achtergrond hebben en dat is een belangrijk gegeven voor de truuc.
Laten we eerst een plaatje maken of zoeken. Ik heb er snel een in elkaar geprutst en ik geef toe dat ik weleens fraaiere getekend heb. Ik heb het opgeslagen als "blue_button.gif" en ziet er als volgt uit:

De dimensies van dit plaatje zijn: breed=100 (width) en hoog=30 (height). Vergeet deze nummers niet!

De volgende stap is de cel net zo groot te maken als het plaatje.
De bovenstaande cel is duidelijk te groot, maar dat komt niet alleen door de foutieve gegevens toen we de cel hebben aangemaakt, maar ook omdat we de dimensies in procentent hebben uitgedrukt. Dit zal dus zelden de correcte dimensie zijn. Dat zien we in HTML-code terug:

<table width="38%">
<tr>
<td>een voorbeeld cel ...</td>
</tr>
</table>

Probleem nummer 1 is dus de omvang van de cel. Het volgende probleem is de lelijke rand rond de cel. Pas de HTML code als volgt aan, zodat die problemen opgelost zijn. Hiervoor hebben we de breedte en hoogte van de tekening nodig:

<table width="100" border="0" cellspacing="0" cellpadding="0" height="30">
<tr>
<td></td>
</tr>
</table>

We zijn er nog niet, want waar is het plaatje ?
Nu gaan we de BACKGROUND PATTERN (achtergrond patroon) aan de cel toevoegen en wel als volgt:

<table width="100" border="0" cellspacing="0" cellpadding="0" height="30">
<tr background="blue_button.gif">
<td></td>
</tr>
</table>

Wat resulteerd in een cel met het plaatje als achtergrond. Helaas ondersteunen de meeste browsers het niet als je in een tabel een tabel plaatst met een andere achtergrond. Omdat deze pagina bestaat uit een (grote) tabel, kan ik dit dus helaas niet demonstreren.

Nu kunnen we tekst in de cel plaatsen, let wel op dat de tekst niet groter mag worden dan de cel. Je kunt de tekst hetzelfde bewerken als reguliere HTML tekst en dus bijvoorbeeld een link er aan koppelen, maar ook dik, veranda, wit en gecentreerd toevoegen.

knopje1

knopje2

knopje3

Zoals je ziet, als je het eenmaal weet is het een fluitje van een cent ... niet dan ?

Opmerking: bij bepaalde browsers, kan een tabel binnen een tabel geen andere achtergrond hebben ! (een manko in de browser dus).

 

 


Je bent nu al op de nederlandstalige pagina's Click here to switch to the English pages
Hulp & OverWelkom ... !!GastenboekHulp voor WeetHetWoordenlijst ...Zoeken op het InternetZoeken in WeetHetBeschikbare downloadsNieuws & UpdatesStatistiekenAansprakelijkheidAdverterenDoe mee !!!Vermeldingen/AwardsOver WeetHet ...Hansie goes USAWaar is Hansie?Eerste maandenNieuw thuisUitgaanPuck goes USAMijn nieuwe autoSnapshots PuckRandom snapshotsEindelijk LENTE!Lekkere warme zomerEerste familie bezoekCD's en DVD'sMuziekAudio-DVD naar MP3Muziek CD naar MP3Muziek CD naar WAVKopieer Muziek CDEigen Muziek CDMuziek uit het InternetMP3 Volume aanpassenNero Burning RomBIN/CUE brandenBIN naar ISOComputer CDRomISO brandenFoto VCDFoto SVCDNero vs Nero ExpressNRG naar ISOSVCD brandenSVCD met menuVCD brandenVCD met menuDVD FilmsWat zijn Regiocodes?Wat is MacroVision?Video formatenDIKO: 3 films - 1 DVDHoe werkt een CD?Zelf CDs brandenZelf een DVD makenBIN naar ISONRG naar ISODisk catalogus makenComputer UitlegHoe werkt een CD?Netiquette: E-MailWat is DivX?Wat is MP3?Wat is RAID?Wat is USB?Wat zijn PAR files?Wireless LAN introPC naar TV kabelsXP sneller startenOpstart van USB penFireWire verbind 2 PC'sFoto FormatenGrafisch / Foto'sPhotoshopFoto FormatenSnelle auto3D knoppenBliksem tekenenFotos op CDPictureToTVVideoCD met NeroSVCD met NeroMagix Fotos op CDDVD PictureShowFoto FormatenFoto FormatenGSM / PDAsCompaq iPAQAccu vervangenSeriele craddle op USBGarmin eTrex kabelGarmin eTrex stekkerRonde Garmin stekkerPalmPilotAan Ericsson GSMGarmin eTrex GPSMobiele telefonieEricsson MelodietjesMusicBoxRingtonesMasterA edit SIMSMSC nummersConnector pinoutsHardware & HacksCPU OverklokkenAlgemeenAMD CPU codesAMD Slot-AAMD Socket-ASmartcards Progr.MillenniumAlactel HackLCD display aan PCNetwerk kabelsOpstart van USB penPC naar TV kabelsPromise Ultra -> RAIDSoundblaster MIDIWeerstand kleurenFireWire NetwerkInternetNetwerk algemeenDHCP instellenWin95/98/ME ClientWin2000/XP ClientMac OS 7/8 ClientMac OS X ClientBekende IP-poortenDNS adressenNetwerk kabelsWireless LAN IntroFireWire NetwerkInbel verbindingTCP/IP optimaal Win9xPubliek IP adres?ADSL / MxStreamADSL AlgemeenHoe werkt ADSL?DNS adressenMXStreamInstallerenAnaloog EthernetISDN EthernetRouters en MXStreamSMC 7404 WBRA/BeTech ModemRoutereTech RouterSitecom 4S routerVigor 2200E routerProblemen oplossenAlcatel HackHack het modemPassword CalculatorDoel v.d. lampjesProblemen oplossenFirmware upgradeDNS adressenBekende IP-poortenPoorten mappenAutoPortMappingInternet delenMogelijkhedenWinRoute (software)Netwerk Win95/98/MENetwerk Win2000/XPNetwerk Mac OS 7/8Netwerk Mac OS XBekende IP-poortenWireless LAN IntroNetwerk kabelsRoutersSMC 7404 WBRA/BeTech ModemRoutereTech RouterSitecom 4S routerVigor 2200E routerInternet via SatellietHoe werkt het?Korte intro ...Overzicht variantenStandaardBySky methode2-Weg InternetKaart installerenWelke Satellietkaart?PC eisenHarmonic CyberstreamPentam. Pent@VisionHauppauge DVBs NexusTechnotrend PCLineEOL problemenNieuwe driversSchotel plaatsen (Astra)Schotel formaat?EON ChecklistTransponders EOLRamdisk voor FazztEigen webpaginaNavigatie oplossingenInzicht en oplossingenApyCom apPopupMenuD.Binard PopupMenuPopupMenu generatorPopupMenu platTips en TruuksE-Mail linkE-Mail FORMFavorieten ToevoegenWebpagina ikoon'Pagina Terug' linkSpringen binnen paginaOntsnap aan framesGebruik frametitelStuur framesAutomatisch doorsturenHet 100% probleemAndere link kleurTekst in de statusbalkAchtergrond vastzettenTekst over plaatjesBrowser veilige kleurenHet .htaccess bestandBijzondere tekensWaar downloadenIRC met mIRCInstalleren mIRCDownload films enzoVragen (FAQ)Films uit het InternetFilm kwaliteitWat zijn PAR files?LeechGuyLeechGuy editoreMuleWinMXE-MailNetiquetteCitaat van de dagOverigenHack Arescom NetDSLWireless LAN IntroFireWire NetwerkBekende IP-poortenWat is mijn IP adres?Zoeken (WeetHet)Zoeken (Internet)WeetHet DownloadsEen paar goede websitesDNS adressenMicroControllersBasic Stamp IIStarten met de BS2Assembleren v.d. kitVolledig schemaAansluiten aan de PCBS2 aan 44780 LCD44780 LCD foto'sBS2 aan M50530 LCDM50530 LCD Foto'sZelfbouw BS2Smartcards/SIMProgrammer Softw.CardMasterInfinityUSBMasterBurnerMilleniumKaart soortenGSM SIM bewerkenWeerstand kleurenMuziek / AudioMuziek van InternetIntroductieLeechGuyLeechGuy editorWinMXeMuleM.b.v. mIRCBIN/CUE brandenBIN naar ISOAudio-DVD naar MP3Hoe werkt een CD?Kopieer muziek CDEigen muziek CDWat is MP3?Muziek CD naar MP3MP3 CD v. Yamakawa?MP3 Volume aanpassenMuziek CD naar WAVSB MIDI interfaceAC3 naar WAV/MP3ProgrammerenBorland DelphiHansie zijn Delphi ToolsAYeah!CatalogCitaat van de dagPopupMenu generatorOverzicht ASCII tekensSatelliet (TV & GPS)Satelliet TelevisieSatelliet TV op de PCTV ontvangst op de PCPC eisenNieuwe driversPentam. Pent@VisionHauppauge DVBs NexusTechnoTrend PCLinePVA file naar MPEG2DirecTV TiVoAfstandsbedieningDirecTiVo naar O6.21: Intro & Images2: TiVo disk in PC3: Installeer OS6.24: Eerste start van OS6.25: SuperPatch & Meer6: Films naar PCTyTools - Films naar PCOud: DirecTiVo naar OS4Oud: Sleeper HackSmartcardsProgrammer Softw.CardMasterInfinityUSBMasterBurnerMilleniumKaart soortenWat is DiSEqC?Schotel plaatsen (Astra)Schotel formaatSRT8000 firmwareGPS NavigatieGarmin eTrexDiagnose modeSeriele aansluitingAan de iPAQ 36/38xxAan een PalmPilotDe eTrex stekkerDe ronde stekkerHoe werkt GPS?Wat is GeoCaching?Internet via SatellietHoe werkt het?Korte intro ...Overzicht variantenStandaardBySky methode2-Weg InternetKaart installerenWelke Satellietkaart?PC eisenHarmonic CyberstreamPentam. Pent@VisionHauppauge DVBs NexusTechnotrend PCLineEOL problemenNieuwe driversSchotel plaatsen (Astra)Schotel formaat?EON ChecklistTransponders EOLRamdisk voor FazztVideoVideo gids - begin hierIntroductieGSpot: AVI InfoDIKO: 3 films - 1 DVDDownload kwaliteitVideo AlgemeenWat is DivX?Video formatenOpname TypesWelke AVI codecs?Intro K(S)VCD/KDVDDVD+RW ProblemenOver bitratesVideoServer pluginWat zijn Regiocodes?Wat is MacroVision?RippenAudio-DVD naar MP3Foto FormatenAVI naar MPEGGSpot: AVI InfoDIKO: 3 films - 1 DVDAVI naar DVD/(S)VCDZonder ondertitelsD.I.K.O.MainConcept (S)VCDNero Vision Express 2TMPGEnc (S)VCDTMPGEnc K(S)VCDTMPGEnc met AC3Met OndertitelsD.I.K.O.MainConcept (S)VCDNero Vision Express 2TMPGEnc (S)VCDTMPGEnc K(S)VCDTMPGEnc met AC3CD Branden NeroVCD brandenVCD met menuSVCD brandenSVCD met menuBIN/CUE brandenDVD SpelersCompatibiliteitDVD toevoegenDVD+RW ProblemenIntro K(S)VCD/KDVDVideo ToolsBitrate CalculatorDVD RippenGSpot: AVI InfoFlaskMPEG en CCEVideoServer pluginDVD naar DivXIntroductieBitrates berekenenRippenDVDx en SmartRipperDVDx instellingenFlaskMPEG methode 1FlaskMPEG methode 2FlaskMPEG methode 3DVD naar (S)VCDIntroductieBitrates berekenenRippenDVDx en SmartRipperDVDx instellingenFlaskMPEG 0.6 en CCEDVDx en Video ServerDivX naar (S)VCDDVD naar DVDDVD2OneDVDShrinkDVD+RW ProblemenTMPGEnc & CoDIKO: 3 films - 1 DVDFilm Knip & PlakGSpot: AVI InfoSamenvoegenMPEG1 en MPEG2Met TMPGEncWomble MPEG2VCRAVI met VirtualDubKnippenMPEG1 en MPEG2Met TMPGEncWomble MPEG2VCREasy Video SplitterAVI en DIVXAVI met VirtualDubEasy Video SplitterFilms van InternetIntroductieLeechGuyLeechGuy editoreMuleWinMXM.b.v. mIRCWat zijn PAR files?BIN/CUE brandenBIN naar ISOFoto's op CDPictureToTVVideoCD met NeroSVCD met NeroMagix Fotos op CDDVD PictureShowOndertitels RippenVobsub: snel en simpel!SubRip (OCR)SynchroniserenOndertitels weergaveWeergave met VobsubSynchroniserenMaak een MicroDVDPC aan de TVPC naar TV kabelsATI softwarenVidia softwareTiVo - Harddisk VCRTiVo Serie 1Wat is een TiVo?TiVo openmakenSeriele toegangDebug Mode toegangLinux Bash shellInstellen van de klokInbellen uitzettenDirecTV TiVoAfstandsbedieningDirecTiVo naar O6.21: Intro & Images2: TiVo disk in PC3: Installeer OS6.24: Eerste start van OS6.25: SuperPatch & Meer6: Films naar PCTyTools - Films naar PCOud: DirecTiVo naar OS4Oud: Sleeper HackYamakawa 713/715IntroductieVeel gestelde vragenDe AfstandsbedieningGeheime codesRegiocode instellenRegiovrij zettenMacroVision uitStandaard-InstellingenWelke DVDRom driveFirmware versieVerander firmwareDownload firmwareAnder achtergrondMP3 CD makenM.U.F.Y. MP3 CD'sHulpForumZoeken (WeetHet)Zoeken (Internet)NieuwsWoordenlijst ...DownloadsLinksStatistiekenAdverterenDoe mee !!!Gastenboek

Liquid Web Fully Managed Web Hosting