text onder icon ipv erachter

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gesloten
gies
Berichten: 682
Lid geworden op: 16 jan 2005, 00:14
Locatie: - MordoX! -
Contacteer:

text onder icon ipv erachter

Bericht door gies » 27 sep 2005, 21:14

Afbeelding

hoe krijg ik de naam van het icon eronder ipv erlangs zoals hierboven ???

dit is mijn overallheader

Code: Selecteer alles

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
				<td align="center" width="100%" valign="middle"><br />&nbsp; </span> 
				<table cellspacing="0" cellpadding="2" border="0">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                                                &nbsp;<a href="portal.php"class="mainmenu"><img src="templates/subSilver/images/nav_home.gif" width="18" height="18" border="0" alt="Home" hspace="3" />Home</a>&nbsp; 
                                                &nbsp;<a href="index.php"class="mainmenu"><img src="templates/subSilver/images/nav_forum.gif" width="18" height="18" border="0" alt="Forum" hspace="3" />Forum</a>&nbsp; 
                                                &nbsp;<a href="{U_RECENT}"class="mainmenu"><img src="templates/subSilver/images/nav_members.gif" width="18" height="18" border="0" alt="{L_DOWNLOAD}" hspace="3" />{L_RECENT}</a>&nbsp; 
                                                &nbsp;<a href="{U_DOWNLOAD}"class="mainmenu"><img src="templates/subSilver/images/nav_settings.gif" width="18" height="18" border="0" alt="{L_DOWNLOAD}" hspace="3" />{L_DOWNLOAD}</a>&nbsp; 
                                                &nbsp;<a href="{U_FAQ}"class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="19" height="19" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp; 
                                                &nbsp;<a href="{U_SEARCH}"class="mainmenu"><img src="templates/subSilver/images/nav_search.gif" width="18" height="18" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; <br /> <br />
                                                <!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}"class="mainmenu"><img src="templates/subSilver/images/nav_register.gif" width="18" height="18" border="0" alt="{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->
                                                &nbsp;<a href="{U_PROFILE}"class="mainmenu"><img src="templates/subSilver/images/nav_profile.gif" width="18" height="18" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; 
                                                &nbsp;<a href="{U_PRIVATEMSGS}"class="mainmenu"><img src="templates/subSilver/images/nav_pm.gif" width="18" height="18" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; 
                                                &nbsp;<a href="{U_LOGIN_LOGOUT}"class="mainmenu"><img src="templates/subSilver/images/nav_login.gif" width="18" height="18" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;

</span></td>
					</tr>
				</table></td>
			</tr>
		</table>
			 <br />
	
Afbeelding

Gebruikersavatar
starduzt
Berichten: 269
Lid geworden op: 05 mar 2005, 20:28
Locatie: Eindhoven
Contacteer:

Bericht door starduzt » 28 sep 2005, 10:08

Waarom wil je dat? Dat is een vervelend karwei, en ik ga dat denk ik niet voor je doen. Je zou met tabellen kunnen werken, dat is de enige mogelijkheid denk ik.

Gebruikersavatar
mosymuis
Berichten: 6940
Lid geworden op: 05 feb 2003, 14:00
Locatie: Amsterdam
Contacteer:

Bericht door mosymuis » 28 sep 2005, 10:57

Tabellen zijn nooit je enige mogelijkheid, dit soort layout kwesties zouden eigenlijk in layers moeten worden opgebouwd.

Om snel even antwoord te geven op de vraag: als je de tekst onder elk respectievelijk icoontje wil hebben, plaats je na elk icoontje (<img>) een break (<br />) tag. Voor meer informatie: http://www.handleidinghtml.nl of http://www.w3schools.com/html

gies
Berichten: 682
Lid geworden op: 16 jan 2005, 00:14
Locatie: - MordoX! -
Contacteer:

Bericht door gies » 28 sep 2005, 15:39

Waarom ik dat wil ???

Ik wil de icoontjes groot maken en allemaal langs elkaar zetten.
Ik heb dan meer plaats als de tekst eronder staat/

Dacht dat het niet veel werk was, maar als het zoveel werk is en moeilijk is denk ik niet dat ik eraan begin...

In ieder geval bedankt!
Afbeelding

Gebruikersavatar
mosymuis
Berichten: 6940
Lid geworden op: 05 feb 2003, 14:00
Locatie: Amsterdam
Contacteer:

Bericht door mosymuis » 28 sep 2005, 15:45

gies schreef:Dacht dat het niet veel werk was, maar als het zoveel werk is en moeilijk is denk ik niet dat ik eraan begin...
Met die instelling leer je nooit iets bij. :) But hey, suit yourself..

gies
Berichten: 682
Lid geworden op: 16 jan 2005, 00:14
Locatie: - MordoX! -
Contacteer:

Bericht door gies » 28 sep 2005, 19:00

Misschien heb je wel gelijk, maar voor mij is het soms alsof je een arabisch boek zit te ontleden.

Wat meestal gepaard gaat met een hoop ergernissen.

Helaas heb ik niet de tijd zowel de zin om dit te doen :(

maar ik begrijp wat je bedoeld.

:bier:
Afbeelding

Gebruikersavatar
pencak
Berichten: 377
Lid geworden op: 19 jun 2005, 07:09
Contacteer:

Bericht door pencak » 29 sep 2005, 11:05

Ik weet niet of het mogelijk is

maar als je grotere plaatjes gaat maken, dan kan je met een grafisch programma er ook een tekst onder zetten
ik bedoel dat de tekts deel uit gaat maken van het plaatje

als je dan de tekst uit de link weghaald in het HTML gedeelte dan ben je al klaar

als voorbeeld ff de link naar het hoofdmenu "Home"

Code: Selecteer alles

<a href="portal.php"class="mainmenu"><img src="templates/subSilver/images/nav_home.gif" width="18" height="18" border="0" alt="Home" hspace="3" />Home</a>
vervangen door:

Code: Selecteer alles

<a href="portal.php"class="mainmenu"><img src="templates/subSilver/images/nav_home.gif" width="18" height="18" border="0" alt="" hspace="3" />Home</a>
of:

Code: Selecteer alles

<a href="portal.php"class="mainmenu"><img src="templates/subSilver/images/nav_home.gif" width="18" height="18" border="0" hspace="3" />Home</a>
dat is zo mijn idee om dit op te lossen

je moet het ff uitproberen :wink:

Gebruikersavatar
mosymuis
Berichten: 6940
Lid geworden op: 05 feb 2003, 14:00
Locatie: Amsterdam
Contacteer:

Bericht door mosymuis » 29 sep 2005, 11:17

Ik vind je voorbeelden een beetje vreemd, maar je idee klopt, dat zou een oplossing kunnen zijn. Echter, plain tekst opnemen in afbeeldingen is niet echt correct binnen de termen van webontwikkeling ;); het verlengt de laadtijd van de pagina enigzins, het is onnodig en niet toegankelijk voor textbrowsers en zoekmachines.

Gebruikersavatar
pencak
Berichten: 377
Lid geworden op: 19 jun 2005, 07:09
Contacteer:

Bericht door pencak » 29 sep 2005, 11:28

de laadtijd zal zeker wijzigen, maar of het merkbaar is ligt aan de filesize van het plaatje

zoals Gies al aangeeft wil hij grotere plaatjes gaan plaatsen, de keuze zal zijn of dit hogeresolutie dingen zijn of niet

een simpel gifje van max 2000 bytes zal de snelheid niet beinvloeden

het is een simpele oplossing die ik hier aangeef, dat klopt
maar om tektsten en plaatjes netjes onder elkaar uit te lijnen zal niet zo eenvoudig zijn
het is dan een andere regel en je zal flink moeten stoeien om het voor elkaar te krijgen

je kan wel een mouse-over verwijzing in de link maken, dan staat het in de HTML en een zoekmachine ziet het dan weer wel

Gebruikersavatar
pencak
Berichten: 377
Lid geworden op: 19 jun 2005, 07:09
Contacteer:

Bericht door pencak » 29 sep 2005, 18:06

ik was toevallig net op een site om iets op te zoeken

en daar zijn ook de texten onder de iconen geplaatst
als je daar in de bron kijkt dan kun je mogelijk een oplossing bedenken

http://www.mx-system.com/

:idea:

gies
Berichten: 682
Lid geworden op: 16 jan 2005, 00:14
Locatie: - MordoX! -
Contacteer:

Bericht door gies » 29 sep 2005, 23:14

hahahaha... toevallig!

door die site werd ik dus ook geinspireerd om dat te doen!!!

Maar ik snap je idee, dat moet ik wel voor elkaar krijgen, ik ga eens wat proberen.

heel erg bedankt allebei!
Afbeelding

Gesloten